body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.alert{display:flex;font-size:14px;gap:4px;margin-bottom:16px;padding:12px}.alert.no-margin{margin-bottom:0}.alert-icon{display:flex}.alert--error{background-color:var(--bg-error);color:var(--fg-error)}.alert--success{background-color:var(--bg-success);color:var(--fg-success)}.alert--warning{background-color:var(--bg-warn);color:var(--fg-warn)}.alert--info{background-color:var(--bg-info);color:var(--fg--info)}.button{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:12px;transition:all .2s}.button.sm{padding:4px 5px}.button:disabled{cursor:not-allowed;opacity:.7}.button--primary{background-color:var(--aubergine);color:#fff}.button--primary:hover:not(:disabled){background-color:var(--aubergine-light)}.button--danger{background-color:var(--fg-error);color:#fff}.button--danger:hover:not(:disabled){background-color:var(--dark-red)}.button--close,.button--link{background:none;color:var(--aubergine);padding:0}.button--link:hover:not(:disabled){text-decoration:underline}.button--secondary,.button--social{background-color:#fff;border:1px solid var(--lite-grey);color:var(--darkish-grey)}.button--icon{background-color:#fff;border:1px solid var(--mid-grey);color:var(--dark-grey)}.button--icon-sm{background-color:initial;color:var(--mid-grey);height:24px;line-height:8px;margin:-6px;padding:0;width:24px}.button--icon-sm.close{background-color:var(--aubergine);color:#fff;font-weight:700;margin:0}.button--close{color:var(--mid-grey)}.button--close:hover:not(:disabled){color:var(--grey)}.button--icon-sm:hover:not(:disabled){background-color:var(--black05);color:var(--darkish-grey)}.button--icon-sm.close:hover{background-color:var(--aubergine-light);color:#fff}.button--social{width:100%}.button--icon:hover:not(:disabled),.button--secondary:hover:not(:disabled),.button--social:hover:not(:disabled){background-color:var(--extra-lite-grey);border-color:var(--disabled-grey)}.button--float{align-items:center;background-color:var(--aubergine);border-radius:50%;bottom:24px;box-shadow:0 4px 8px #0003;color:#fff;display:flex;height:56px;justify-content:center;padding:0;position:fixed;right:24px;width:56px;z-index:1000}.button--float:hover:not(:disabled){background-color:var(--aubergine-light);box-shadow:0 6px 12px #0000004d;transform:translateY(-2px)}.icon--rotated{transform:rotate(45deg)}.button--float svg,.icon--rotated{transition:transform .2s}.float-menu{background:#000000bf;inset:0;position:fixed;z-index:1001}.menu-items-container{bottom:96px;display:flex;flex-direction:column;gap:16px;position:fixed;right:24px}.menu-item{color:#fff;cursor:pointer;font-size:18px;font-weight:600;padding:16px;text-align:left;transition:opacity .2s;white-space:nowrap}.menu-item:hover{opacity:.8}.table-controls{flex:0 0 auto;position:relative}.table-controls-toggle{margin-left:8px}.btn-close{margin:-16px 12px 0 -48px;padding-right:12px;z-index:100}.btn-close,.form{display:flex;flex-direction:column}.form{gap:8px;width:100%}.modal .form{gap:16px;height:90%}.modal .form .column{overflow-y:auto;padding:32px 16px 16px}.form .column.expandable{box-sizing:initial;margin:0 -8px -16px 8px;overflow-y:auto;padding:4px 0 0;scrollbar-gutter:stable}.form .column.expandable .column{padding:8px}.form-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:6fr 6fr;padding-bottom:16px}.form-grid.three{grid-template-columns:4fr 4fr 4fr}.form-grid.four{grid-template-columns:5fr 5fr 2fr}.form-group{display:flex;flex-direction:column;gap:4px;margin-bottom:4px}.row .form-group{margin-bottom:0}.form-group.inline{grid-gap:12px;align-items:center;display:grid;gap:12px;grid-template-columns:1fr 2fr}.form-grid .form-group{align-self:center}.form .section h3{color:var(--aubergine);padding:6px 0 24px}.checkbox-label{align-items:center;cursor:pointer;display:flex;gap:6px}.checkbox-label input[type=checkbox]{cursor:pointer;margin:0;padding:0;width:auto}.dropdown-wrapper:has(select[required]) .dropdown-selected,input[required]{border-color:var(--light-orange);border-width:2px}@media (max-width:768px){.form-grid,.form-grid.four,.form-grid.three,.form-group.inline{grid-template-columns:1fr}.form-group.inline{gap:4px}.modal .form{gap:12px}.form .column.expandable{margin:0;max-height:none}}label{color:var(--aubergine);font-size:14px;font-weight:500}.input,input{border:1px solid var(--lite-grey);border-radius:6px;color:var(--dark-grey);font-size:14px;padding:12px;transition:all .2s}.input:focus,input:focus{border-color:var(--aubergine);box-shadow:0 0 0 2px var(--aubergine-lighter);outline:none}input.error{border-color:var(--fg-error)}input.search{padding-left:40px}.narrow{width:100px}.semi{width:200px}.order-item{background-color:var(--black05);border-radius:4px;display:flex;flex:1 1;flex-direction:column;padding:8px}.dropdown-wrapper{display:inline-block;min-width:200px;position:relative;width:100%}.dropdown-wrapper.demi{width:280px}.dropdown-selected{align-items:center;background-color:#fff;border:1px solid var(--lite-grey);border-radius:6px;color:var(--dark-grey);cursor:pointer;display:flex;font-size:14px;justify-content:space-between;padding:8px 12px;transition:all .2s}.dropdown-selected.open{border-bottom-left-radius:0;border-bottom-right-radius:0;border-color:var(--disabled-grey)}.dropdown-selected-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-selected.compact{gap:4px}.form-group.inline .dropdown-selected{padding:6px 12px}.dropdown-option.compact{padding:8px 10px}.dropdown-chevron{color:var(--mid-grey);transition:transform .2s}.dropdown-chevron.open{transform:rotate(180deg)}.dropdown-menu{background-color:#fff;border:1px solid var(--disabled-grey);border-bottom-left-radius:6px;border-bottom-right-radius:6px;border-top:none;display:flex;flex-direction:column;left:0;max-height:300px;overflow:hidden;position:absolute;top:100%;width:100%;z-index:10}.order-item .dropdown-menu{max-height:110px}.dropdown-search{border-bottom:1px solid var(--disabled-grey);padding:8px}.dropdown-search-input{border:1px solid var(--disabled-grey);border-radius:4px;font-size:14px;padding:8px 12px;width:100%}.dropdown-search-input:focus{border-color:var(--aubergine-semi);outline:none}.dropdown-options{max-height:240px;overflow-y:auto}.dropdown-option{color:var(--dark-grey);cursor:pointer;font-size:14px;padding:10px 12px;transition:background-color .2s}.dropdown-option:hover:not(.disabled){background-color:rgba(var(--aubergine-rgb),.1)}.dropdown-option.create-option{border-bottom:1px dashed var(--disabled-grey);color:var(--aubergine-semi);font-weight:600}.dropdown-option.selected{background-color:var(--aubergine-light);color:#fff;font-weight:600}.dropdown-option.disabled{cursor:not-allowed;opacity:.6}.dropdown-no-options{color:var(--grey);font-style:italic;padding:12px;text-align:center}.hidden-select{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.price-container{position:relative;width:160px}.price-symbol{color:var(--grey);left:8px;position:absolute;top:50%;transform:translateY(-50%)}.price-input{padding-left:18px;width:100%}@media (max-width:768px){.dropdown-wrapper{min-width:0}}.social-login{margin-top:24px;width:100%}.divider{align-items:center;color:var(--grey);display:flex;font-size:14px;margin:16px 0;text-align:center}.divider:after,.divider:before{border-bottom:1px solid var(--lite-grey);content:"";flex:1 1}.divider:before{margin-right:16px}.divider:after{margin-left:16px}.social-buttons{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.social-button[data-provider=google]:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%234285F4' d='M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z'/%3E%3Cpath fill='%2334A853' d='M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z'/%3E%3Cpath fill='%23FBBC05' d='M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z'/%3E%3Cpath fill='%23EA4335' d='M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z'/%3E%3C/svg%3E") no-repeat 50%;content:"";height:18px;width:18px}.social-button[data-provider=github]:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23181717' d='M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12'/%3E%3C/svg%3E") no-repeat 50%;content:"";height:18px;width:18px}.auth-container{align-items:center;display:flex;height:100vh;justify-content:center;overflow:hidden;padding:20px}.auth-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px var(--black10);max-width:400px;padding:32px;width:100%}.logo-container{margin-bottom:8px;text-align:center}.logo{fill:var(--aubergine);height:auto;width:100%}.auth-header{margin-bottom:24px;text-align:center}.auth-header h2{color:var(--aubergine);font-size:24px;margin:0 0 8px}.auth-description{margin:0}.auth-description,.auth-footer{color:var(--grey);font-size:14px}.auth-footer{display:flex;flex-direction:column;gap:.75rem;margin-top:24px;text-align:center}.forgot-password{margin-top:12px}.toggle-button{background:none;border:none;color:var(--aubergine);cursor:pointer;font-size:14px;font-weight:500;margin:0;padding:0}.toggle-button:hover{text-decoration:underline}.header{background-color:#fff;border-bottom:1px solid var(--extra-lite-grey);width:100%}.header-content{justify-content:space-between;margin:-2px auto;padding:0}.header-content,nav{align-items:center;display:flex}nav{padding-left:16px;padding-right:16px}.dropdown,.nav-item{position:relative}.header-company-trigger,.nav-item{align-items:center;color:var(--aubergine-light);display:flex;padding:12px 16px}.company-name,.nav-item{font-size:16px;font-weight:600}.nav-dropdown-menu-item{color:var(--aubergine-light);padding:16px;text-align:center}.header-company-trigger{color:var(--aubergine-semi);justify-content:space-between;transition:background-color .2s;width:330px}.header-company-trigger:hover,.nav-dropdown-menu-item:hover{background-color:var(--extra-lite-grey)}.nav-item{cursor:pointer;padding:12px 16px}.nav-item.selected,.nav-item:hover{color:#000}.nav-item.home.selected,.nav-item.home:hover{background-color:var(--bg-home)}.nav-item.expenses.selected,.nav-item.expenses:hover{background-color:var(--bg-expenses)}.nav-item.sales.selected,.nav-item.sales:hover{background-color:var(--bg-sales)}.nav-item.contacts.selected,.nav-item.contacts:hover{background-color:var(--bg-contacts)}.nav-item.products.selected,.nav-item.products:hover{background-color:var(--bg-products)}.nav-item.payroll.selected,.nav-item.payroll:hover{background-color:var(--bg-payroll)}.company-name{display:block;font-size:20px;max-width:270px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.company-name .logo{display:block;height:24px;width:auto}.menu-icon{border:1px solid var(--aubergine-semi);border-radius:3px;color:var(--aubergine-semi);flex-shrink:0;padding:4px}.menu-icon:hover{background-color:var(--aubergine-semi);border-color:#fff;color:#fff}.nav-dropdown-menu{background-color:#fff;border-bottom-left-radius:2px;box-shadow:0 2px 4px var(--black10);margin-top:-1px;position:absolute;right:0;top:100%;width:330px;z-index:1000}.nav-dropdown-divider{background-color:var(--lite-grey);height:1px}@media screen and (max-width:768px){nav{display:none}header{position:-webkit-sticky;position:sticky;top:0;z-index:1000}.header-content{justify-content:flex-end}.dropdown{display:flex;flex:1 1;position:static}.header-company-trigger{display:flex;flex:1 1;width:100vw}.nav-dropdown-menu{border-radius:0;box-shadow:0 2px 4px var(--black10);left:0;padding-left:0;padding-right:0;position:fixed;right:0;text-align:center;top:45px;width:100vw}.nav-dropdown-menu .nav-item{justify-content:center}.nav-dropdown-menu .button{justify-content:center;width:100%}}.page-container.home{background:none}.error-message{background-color:var(--bg-error);border-radius:8px;color:var(--dark-red);display:flex;gap:12px;margin:20px;max-width:800px;min-width:400px;padding:15px}.stats-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(4,1fr)}.stat-card{align-items:center;background-color:#fff;border:1px solid #0000;border-radius:8px;box-shadow:0 1px 3px var(--black10);cursor:pointer;display:flex;flex-direction:column;min-height:200px;overflow:hidden}.stat-card.btn.incoming:hover{background-color:var(--dark-greeen)}.stat-card.btn.outgoing:hover{background-color:var(--dark-red)}.stat-content{color:var(--aubergine);flex:1 1;flex-direction:column;font-size:20px;font-weight:500;padding:12px 6px}.stat-content,.stat-title{align-items:center;display:flex;justify-content:center}.stat-title{color:#fff;padding:18px;width:100%}.btn.incoming,.stat-title.incoming{background-color:var(--fg-success)}.btn.outgoing,.stat-title.outgoing{background-color:var(--fg-error)}@media (max-width:640px){.stats-grid{grid-template-columns:1fr}}.search-wrapper.form{flex:1 1;flex-direction:row;margin-bottom:20px;min-width:0;position:relative}.search-icon{align-items:center;color:var(--grey);display:flex;font-size:20px;height:20px;left:12px;line-height:1;pointer-events:none;position:absolute;top:10px}.search-input{width:100%}.search-wrapper.form .btn-close{margin:-24px 8px 0 -36px}.search-with-controls{align-items:flex-start;display:flex;gap:12px;margin-bottom:20px}.search-with-controls .search-wrapper{margin-bottom:0}.table-controls-panel{align-items:flex-start;background:#fff;border-radius:4px;display:flex;justify-content:flex-end;padding-bottom:16px;padding-right:12px}.page-size-wrapper{align-items:center}.page-size-buttons,.page-size-wrapper{display:flex;gap:8px}@media screen and (max-width:768px){.search-wrapper.form{flex-direction:column}.search-wrapper.form .btn-close{position:absolute;right:-12px;top:32px}.search-with-controls{margin-bottom:8px}.dropdown-wrapper{min-width:0;width:100%}}.table-wrapper{overflow-x:auto;width:100%}.data-table{table-layout:fixed;width:100%}.data-table td,.data-table th{overflow:hidden;padding:12px;text-overflow:ellipsis;white-space:nowrap}.data-table th{border-bottom:2px solid var(--extra-lite-grey);text-align:left}.data-table td{border-bottom:1px solid var(--extra-lite-grey);color:var(--dark-grey)}.data-table .description{width:40%}.data-table .money{width:12rem}.data-table .gst{text-align:center;width:64px}.data-table .align-right{text-align:right}.data-table .align-center{text-align:center}.data-table .align-left{text-align:left}.data-table .empty-row td{color:var(--grey);padding:20px 12px;text-align:center;white-space:normal}.mobile-label{display:none}.clickable-rows tbody tr{cursor:pointer}.clickable-rows tbody tr:hover{background-color:var(--black05)}.data-table.home.clickable-rows tbody tr:hover{background-color:var(--bg-home)}.data-table.expenses.clickable-rows tbody tr:hover{background-color:var(--bg-expenses)}.data-table.sales.clickable-rows tbody tr:hover{background-color:var(--bg-sales)}.data-table.contacts.clickable-rows tbody tr:hover{background-color:var(--bg-contacts)}.data-table.products.clickable-rows tbody tr:hover{background-color:var(--bg-products)}.data-table.payroll.clickable-rows tbody tr:hover{background-color:var(--bg-payroll)}.clickable-rows tbody tr.empty-row{cursor:default}.clickable-rows tbody tr.empty-row:hover{background-color:initial}@media (max-width:768px){.data-table thead{display:none}.data-table tr{background:#fff;border:1px solid var(--black10);border-radius:8px;display:block;margin-bottom:16px;padding:16px}.data-table tr:not(.empty-row) td:first-child{background:var(--black10);border-top-left-radius:8px;border-top-right-radius:8px;font-weight:500;margin:-16px -16px 8px;overflow:visible;padding:8px 16px;white-space:normal}.data-table tr.empty-row{border:none}.data-table tr.empty-row td{justify-content:center;padding:0}.data-table td{align-items:center;border:none;display:flex;justify-content:space-between;padding:4px 0}.data-table td.tags{justify-content:flex-end}.mobile-label{color:var(--grey);display:inline;font-weight:500}.data-table tr td:first-child .mobile-label{display:none}.data-table.home tr:not(.empty-row) td:first-child{background:var(--bg-home)}.data-table.expenses tr:not(.empty-row) td:first-child{background:var(--bg-expenses)}.data-table.sales tr:not(.empty-row) td:first-child{background:var(--bg-sales)}.data-table.contacts tr:not(.empty-row) td:first-child{background:var(--bg-contacts)}.data-table.products tr:not(.empty-row) td:first-child{background:var(--bg-products)}.data-table.payroll tr:not(.empty-row) td:first-child{background:var(--bg-payroll)}}.card{background:var(--super-lite-grey);border:2px solid #0000;border-radius:8px;box-shadow:0 4px 6px var(--black10);cursor:pointer;margin-bottom:1rem;padding:1rem;transition:all .2s ease-in-out}.card:hover{background:var(--note)}.card--selected{background:#fff;border-color:var(--aubergine-light)}.card__content{display:flex;flex-direction:column;gap:.5rem}.card__title{color:var(--black75);font-size:1.125rem;font-weight:500;margin:0}.card__subtitle{color:var(--black35);font-size:.875rem;margin:0}*{box-sizing:border-box;margin:0;max-width:100%;padding:0}:root{--primary:#00e;--aubergine:#427;--aubergine-rgb:68,34,119;--aubergine-semi:#5200c5;--aubergine-light:#56a;--aubergine-lighter:#c900ff1a;--dark-grey:#333;--darkish-grey:#666;--grey:#6b7280;--mid-grey:#999;--disabled-grey:#ccc;--lite-grey:#dadada;--extra-lite-grey:#eee;--super-lite-grey:#fefefe;--black90:#000000e6;--black75:#000000bf;--black50:#00000080;--black35:#00000059;--black25:#00000040;--black10:#0000001a;--black05:#0000000d;--bg-home:rgba(0,0,255,.075);--bg-expenses:rgba(180,0,0,.075);--bg-sales:rgba(0,180,0,.075);--bg-contacts:rgba(255,180,0,.125);--bg-products:rgba(0,180,255,.125);--bg-payroll:hsla(0,0%,71%,.125);--fg-error:#c00;--fg-success:#16a34a;--fg-warn:#92400e;--fg--info:#0369a1;--bg-error:#ffe4dc;--bg-success:#dcfce7;--bg-warn:#fef3c7;--bg-info:#e0f2fe;--dark-red:#991b1b;--dark-greeen:#166534;--note:#ffd;--dark-orange:#e70;--light-orange:#fc5}body{background-color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;margin:0}.btn{cursor:pointer}.flex{align-items:center}.flex,.row{display:flex}.row{gap:8px;justify-content:space-between}.row.tight{justify-content:normal}.column{display:flex;flex-direction:column;gap:8px}.align-right{align-items:flex-end}.flex1{flex:1 1}.gap16{gap:16px}.spaced{justify-content:space-between}.subtitle{color:#6b7280;color:var(--grey);font-size:16px;line-height:20px;margin:0}.justify{text-align:justify}.center{align-items:center;justify-content:center}.main-wrapper{display:flex;flex-direction:column;min-height:100vh}.container{align-items:center;align-self:center;display:flex;flex:1 1;justify-content:center;padding:20px}.content-card-header{margin-bottom:24px;text-align:center}.content-card-header h2{color:#427;color:var(--aubergine);font-size:24px;margin:0 0 8px;text-align:left}.content-card-footer{display:flex;flex-direction:column;gap:.75rem;margin-top:16px}.content-card-footer.no-margin{margin-top:0}.content_card{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;box-shadow:0 4px 6px var(--black10);max-width:400px;padding:32px;width:100%}.content_card.modal{display:flex;max-height:90vh;padding:0}.content_card.modal.wide{max-width:600px}.content_card.modal.full{max-width:95%}.content_card.modal.list{flex-direction:column}.content_card.modal>div:first-child{display:flex;flex:1 1;flex-direction:column}.modal .content-card-header{border-bottom:1px solid #dadada;border-bottom:1px solid var(--lite-grey);margin:0;padding:16px 32px;position:relative}.modal .content-card-header .buttons{position:absolute;right:-12px;top:30px;z-index:99}.modal .content-card-header.details{padding:16px 24px}.modal .details .flex,.modal .details.flex{align-items:flex-start;gap:12px}.modal .content-card-header .close-button .btn-close{height:44px;margin:0;padding:0;width:24px}.modal .content-card-content{display:flex;flex-direction:column;gap:16px}.modal .content-card-footer{border-top:1px solid #eee;border-top:1px solid var(--extra-lite-grey);flex-shrink:0;margin-top:0;padding:16px 24px}.tags-container{display:flex;flex-wrap:wrap;gap:4px}.tag-badge{background-color:#eee;background-color:var(--extra-lite-grey);border-radius:4px;font-size:14px;padding:4px 8px}.details-grid{grid-gap:12px;display:grid;gap:12px;padding:16px}.details-grid>div{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr)}.details-grid label{color:#6b7280;color:var(--grey);font-weight:500}.items-container{display:flex;flex-direction:column;gap:8px}.items-container .item{display:flex;flex-wrap:wrap;gap:4px}.load-more-container{margin-top:20px;text-align:center}.loading-container{align-items:center;display:flex;flex-direction:column;gap:8px;justify-content:center}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #f5f5f5;border-radius:50%;border-top-color:#56a;border-top:3px solid var(--aubergine-light);height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.modal-overlay{align-items:center;background-color:#00000080;background-color:var(--black50);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0}.page-container{background-color:#fefefe;background-color:var(--super-lite-grey);display:flex;flex:1 1;flex-direction:column;gap:18px;margin:0 auto;width:100%}.page-header{border-bottom:1px solid #ccc;border-bottom:1px solid var(--disabled-grey);padding:24px}.content-card-header.home,.page-header.home{background-color:rgba(0,0,255,.075);background-color:var(--bg-home)}.content-card-header.expenses,.page-header.expenses{background-color:rgba(180,0,0,.075);background-color:var(--bg-expenses)}.content-card-header.sales,.page-header.sales{background-color:rgba(0,180,0,.075);background-color:var(--bg-sales)}.content-card-header.contacts,.page-header.contacts{background-color:rgba(255,180,0,.125);background-color:var(--bg-contacts)}.content-card-header.products,.page-header.products{background-color:rgba(0,180,255,.125);background-color:var(--bg-products)}.content-card-header.payroll,.page-header.payroll{background-color:hsla(0,0%,71%,.125);background-color:var(--bg-payroll)}.page-header h2{color:#427;color:var(--aubergine);font-size:24px;margin:0 0 8px}.page-content{align-self:center;display:flex;flex-direction:column;gap:18px;max-width:1280px;padding:0 24px 24px}@media (max-width:768px){*{max-width:768px}.page-container{padding:16px}.page-header{margin:-16px -16px 0;padding:16px}.page-header h2{font-size:1.25rem}.modal-overlay{align-items:flex-start}.content_card.modal,.content_card.modal.full,.content_card.modal.wide{border-radius:0;display:flex;height:100vh;max-height:100vh;max-width:100%;padding-top:45px}.modal .content-card-header{flex-shrink:0;padding:16px 24px}.content_card.modal.list>div:first-child{flex:none}.modal .content-card-content{gap:12px;overflow-y:auto;padding:16px 24px}.modal .content-card-content,.modal .form .column{flex:1 1}.details-grid{gap:24px}.details-grid>div{display:flex;flex-direction:column;gap:4px}}
/*# sourceMappingURL=main.f8ca950d.css.map*/