:root{color:#102a43;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f3faff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100svh;margin:0}button,input{font:inherit}#root{min-height:100svh}.app-shell,.authenticated-shell{--color-text:#102a43;--color-muted:#5f7182;--color-primary:#166da8;--color-primary-light:#dff3ff;--color-primary-soft:#eff9ff;--color-border:#b7def6;--color-border-soft:#d7ecfb;--color-surface:#fff}.app-shell{background:#f3faff;min-height:100svh}.table-wrap{border:1px solid var(--color-border-soft);background:var(--color-surface);border-radius:8px;width:100%;max-width:100%;overflow-x:auto;box-shadow:0 12px 32px #3f8fc414}.common-table{border-collapse:collapse;text-align:left;width:100%;min-width:640px}.common-table th,.common-table td{border-bottom:1px solid var(--color-border-soft);color:var(--color-text);vertical-align:middle;padding:14px 16px;font-size:14px}.common-table th{color:var(--color-primary);background:var(--color-primary-soft);font-weight:700}.common-table tbody tr:last-child td{border-bottom:0}.common-table tbody tr:hover td{background:#f8fcff}.empty-cell{color:var(--color-muted);text-align:center}.authenticated-shell{background:#fff;grid-template-columns:260px minmax(0,1fr);min-height:100svh;display:grid}.app-sidebar{background:var(--color-primary-light);border-right:1px solid var(--color-border);flex-direction:column;min-height:100svh;padding:24px 16px;display:flex}.tenant-brand{color:var(--color-text);gap:10px;margin-bottom:24px;display:grid}.tenant-logo{border:1px solid var(--color-border);background:var(--color-surface);width:54px;height:54px;color:var(--color-primary);border-radius:8px;place-items:center;font-size:16px;font-weight:800;display:grid;overflow:hidden}.tenant-logo img{object-fit:contain;width:100%;height:100%}.tenant-brand strong{overflow-wrap:anywhere;font-size:16px;line-height:1.25}.app-sidebar nav{gap:8px;display:grid}.sidebar-link{min-height:44px;color:var(--color-primary);font:inherit;text-align:left;background:0 0;border-radius:6px;align-items:center;padding:0 14px;font-size:15px;font-weight:700;text-decoration:none;display:flex}.sidebar-link:hover,.sidebar-link:focus-visible,.sidebar-link.active{color:var(--color-primary);background:var(--color-surface);outline:none}.logout-button{border:1px solid var(--color-border);min-height:44px;color:var(--color-primary);font:inherit;cursor:pointer;background:0 0;border-radius:6px;margin-top:auto;font-size:15px;font-weight:700}.logout-button:hover,.logout-button:focus-visible{color:var(--color-primary);background:var(--color-surface);outline:none}.authenticated-content{background:var(--color-surface);min-width:0;min-height:100svh;padding:32px}.view-page{gap:24px;display:grid}.view-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.view-actions{flex-wrap:wrap;justify-content:flex-end;gap:12px;display:flex}.view-page h1{color:var(--color-text);margin:0;font-size:32px;font-weight:700;line-height:1.2}.add-button{border:1px solid var(--color-primary);color:#fff;background:var(--color-primary);min-height:42px;font:inherit;cursor:pointer;white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:14px;font-weight:700;transition:background .2s,border-color .2s,transform .2s;display:inline-flex}.add-button span{font-size:20px;line-height:1}.add-button:hover,.add-button:focus-visible{background:#2d91d2;border-color:#2d91d2;outline:none;transform:translateY(-1px)}.tabs{border:1px solid var(--color-border-soft);background:var(--color-primary-soft);border-radius:8px;width:fit-content;padding:4px;display:inline-flex}.tab-button{min-height:38px;color:var(--color-primary);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:0 16px;font-size:14px;font-weight:700}.tab-button:hover,.tab-button:focus-visible,.tab-button.active{background:var(--color-surface);outline:none;box-shadow:0 6px 18px #3f8fc41f}.date-filter{border:1px solid var(--color-border-soft);background:var(--color-primary-soft);border-radius:8px;flex-wrap:wrap;align-items:end;gap:14px;width:fit-content;padding:14px;display:flex}.soa-filter-panel{border:1px solid var(--color-border-soft);background:var(--color-primary-soft);border-radius:8px;flex-wrap:wrap;align-items:end;gap:14px;padding:14px;display:flex}.date-filter-field{color:var(--color-text);gap:8px;font-size:14px;font-weight:700;display:grid}.date-filter-field input{border:1px solid var(--color-border-soft);min-width:180px;min-height:40px;color:var(--color-text);background:var(--color-surface);font:inherit;border-radius:6px;outline:none;padding:0 12px}.soa-filter-actions{align-items:center;gap:10px;display:flex}.date-filter-field input:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px #58aee729}.modal-backdrop{z-index:20;background:#102a4352;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal{border:1px solid var(--color-border-soft);background:var(--color-surface);border-radius:8px;width:min(100%,480px);box-shadow:0 24px 70px #102a4338}.line-item-modal{border:1px solid var(--color-border-soft);background:var(--color-surface);border-radius:8px;width:min(100%,720px);max-height:calc(100svh - 48px);overflow:auto;box-shadow:0 24px 70px #102a4338}.customer-modal{background:var(--color-surface)}.invoice-modal{width:min(100%,1180px)}.modal-header{border-bottom:1px solid var(--color-border-soft);justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;display:flex}.modal-header h2{color:var(--color-text);margin:0;font-size:22px;line-height:1.2}.modal-header h3{color:var(--color-text);margin:4px 0 0;font-size:24px;line-height:1.2}.modal-subtitle{color:var(--color-muted);margin:6px 0 0;font-size:14px}.modal-close{border:1px solid var(--color-border-soft);width:36px;height:36px;color:var(--color-primary);background:var(--color-primary-soft);font:inherit;cursor:pointer;border-radius:6px;font-size:18px;font-weight:700}.modal-close:hover,.modal-close:focus-visible{background:var(--color-primary-light);outline:none}.modal-close-button{border:1px solid var(--color-border-soft);width:36px;height:36px;color:var(--color-primary);background:var(--color-primary-soft);font:inherit;cursor:pointer;border-radius:6px;font-size:18px;font-weight:700}.modal-close-button:hover,.modal-close-button:focus-visible{background:var(--color-primary-light);outline:none}.employee-form{gap:24px;padding:24px;display:grid}.employee-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.common-field{color:var(--color-text);gap:8px;font-size:14px;font-weight:700;display:grid}.common-field input,.common-field select,.common-field textarea{border:1px solid var(--color-border-soft);width:100%;color:var(--color-text);font:inherit;resize:vertical;background:#fbfdff;border-radius:6px;outline:none;padding:12px 13px}.common-field input:focus,.common-field select:focus,.common-field textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px #58aee729}.common-react-select{width:100%;min-width:0}.date-filter-field .common-react-select{min-width:180px}.common-react-select input,.common-react-select input:focus{width:auto!important;min-width:2px!important;min-height:0!important;color:inherit!important;box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important;outline:none!important;padding:0!important}.common-field input[aria-invalid=true]{border-color:#b83a3a}.field-error{color:#8a1f1f;font-size:12px;font-weight:600}.field-hint{color:var(--color-muted);font-size:12px;font-weight:600;line-height:1.4}.soa-summary-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.soa-summary-card{border:1px solid var(--color-border-soft);background:var(--color-surface);border-radius:8px;gap:10px;margin:0;padding:16px;display:grid}.soa-summary-card div{justify-content:space-between;gap:12px;display:flex}.soa-summary-card dt{color:var(--color-muted);font-size:13px;font-weight:700}.soa-summary-card dd{color:var(--color-text);text-align:right;margin:0;font-size:14px;font-weight:800}.currency-checkbox-group{border:1px solid var(--color-border-soft);background:#fbfdff;border-radius:8px;gap:10px;min-width:0;padding:14px;display:grid}.currency-checkbox-group legend{color:var(--color-text);padding:0 6px;font-size:14px;font-weight:700}.currency-checkbox-group>div{flex-wrap:wrap;gap:10px;display:flex}.checkbox-pill{border:1px solid var(--color-border-soft);min-height:38px;color:var(--color-primary);background:var(--color-primary-soft);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:0 12px;font-size:13px;font-weight:700;display:inline-flex}.checkbox-pill input{accent-color:var(--color-primary)}.invoice-config-card{border:1px solid var(--color-border-soft);background:var(--color-primary-soft);border-radius:10px;gap:16px;padding:18px;display:grid}.invoice-config-form{grid-template-columns:minmax(110px,.7fr) minmax(220px,2fr) auto auto;align-items:end;gap:14px;display:grid}.pdf-design-form{grid-template-columns:1fr;align-items:end;gap:14px;display:grid}.pdf-design-layout{grid-template-columns:minmax(280px,.85fr) minmax(320px,1.15fr);align-items:start;gap:18px;display:grid}.pdf-design-form input[type=color]{min-height:44px;padding:4px}.pdf-section-options{flex-wrap:wrap;align-items:center;gap:12px;min-height:44px;display:flex}.settings-page{align-content:start}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.settings-card h2{color:var(--color-text);margin:0;font-size:20px}.form-actions{justify-content:flex-end;display:flex}.pdf-logo-preview{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.pdf-logo-preview img{border:1px solid var(--color-border-soft);object-fit:contain;background:var(--color-surface);border-radius:8px;width:116px;height:64px}.muted-message{color:var(--color-muted);margin:0;font-size:14px}.invoice-pdf-preview{border:1px solid var(--color-border-soft);background:var(--color-surface);color:var(--color-text);border-radius:8px;overflow:hidden;box-shadow:0 16px 34px #102a4314}.invoice-preview-header{border-bottom:2px solid var(--preview-primary,var(--color-primary));align-items:center;gap:14px;padding:18px;display:flex}.invoice-pdf-preview.letterhead .invoice-preview-header{background:var(--preview-primary,var(--color-primary));color:#fff}.invoice-pdf-preview.compact .invoice-preview-header{padding:12px 14px}.invoice-preview-header img,.invoice-preview-logo{object-fit:contain;flex:none;width:76px;height:44px}.invoice-preview-logo{border:1px dashed;border-radius:6px;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:inline-flex}.invoice-preview-header div:last-child{gap:4px;display:grid}.invoice-preview-header strong{font-size:20px}.invoice-preview-header span{color:inherit;opacity:.75;font-size:13px}.invoice-preview-meta,.invoice-preview-lines,.invoice-preview-total,.invoice-preview-notes{margin:0;padding:14px 18px}.invoice-preview-meta{color:var(--color-muted);gap:7px;font-size:13px;display:grid}.invoice-preview-lines{border-top:1px solid var(--color-border-soft);gap:8px;display:grid}.invoice-preview-lines div,.invoice-preview-total{justify-content:space-between;gap:16px;display:flex}.invoice-preview-lines span,.invoice-preview-total span,.invoice-preview-notes{color:var(--color-muted)}.invoice-preview-total{border-top:1px solid var(--color-border-soft);color:var(--preview-primary,var(--color-primary));font-size:16px}.invoice-preview-notes{border-top:1px solid var(--color-border-soft);font-size:13px}.sales-invoice-preview{color:#000;border-color:#1f2933;gap:10px;padding:12px;font-size:12px;display:grid}.sales-preview-logo-wrap{justify-content:center;min-height:58px;display:flex}.sales-preview-logo-wrap img,.sales-preview-logo{object-fit:contain;width:150px;height:58px}.sales-preview-logo{color:#616e7c;border:1px dashed #9aa5b1;place-items:center;font-weight:800;display:grid}.sales-preview-cr{font-weight:800}.sales-preview-title,.sales-preview-table-head{color:#000;background:#c9c9c9;border:2px solid #000;font-weight:900}.sales-preview-title{text-align:center;border-radius:6px;padding:6px;font-size:17px}.sales-preview-boxes{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:8px;display:grid}.sales-preview-box{border:2px solid #000;border-radius:6px;gap:8px;min-height:116px;padding:10px;display:grid}.sales-preview-box div,.sales-preview-row,.sales-preview-footer,.sales-preview-totals div{justify-content:space-between;gap:12px;display:flex}.sales-preview-box div{justify-content:flex-start;gap:18px}.sales-preview-table{border:2px solid #000}.sales-preview-table-head,.sales-preview-row{grid-template-columns:minmax(0,1fr) 112px;display:grid}.sales-preview-table-head span{padding:6px}.sales-preview-table-head span:first-child{text-align:center}.sales-preview-table-head span:last-child{border-left:2px solid #000}.sales-preview-row{padding:6px 8px}.sales-preview-row strong{text-align:right}.sales-preview-footer{align-items:start}.sales-preview-footer p{max-width:280px;margin:0;font-weight:900;line-height:1.35}.sales-preview-totals{border:2px solid #000;border-radius:6px;gap:10px;width:220px;padding:14px;display:grid}.sales-preview-notes{gap:4px;display:grid}.sales-preview-signature{text-align:center;justify-self:end;width:220px}.pdf-preview-stack{gap:18px;display:grid}.receipt-voucher-preview{color:#000;border-color:#1f2933;gap:14px;padding:18px;font-size:12px;display:grid}.receipt-preview-top{grid-template-columns:1fr auto 1fr;align-items:end;min-height:72px;display:grid}.receipt-preview-cr{align-self:center;font-weight:900}.receipt-preview-logo-wrap{justify-content:center;display:flex}.receipt-preview-logo-wrap img,.receipt-preview-logo-wrap .sales-preview-logo{object-fit:contain;width:150px;height:72px}.receipt-preview-title{justify-items:center;gap:8px;display:grid}.receipt-preview-title strong{font-size:18px}.receipt-preview-title span{font-size:16px;font-weight:900}.receipt-preview-lines{gap:12px;display:grid}.receipt-preview-lines div,.receipt-preview-words{border-bottom:1px dashed #000;grid-template-columns:112px minmax(0,1fr) auto auto;align-items:center;gap:10px;padding-bottom:5px;display:grid}.receipt-preview-lines div:nth-child(n+2),.receipt-preview-words{grid-template-columns:112px minmax(0,1fr)}.receipt-preview-amount{text-align:center;border:2px solid #000;justify-self:center;min-width:min(360px,100%);padding:10px 18px;font-size:24px}.receipt-preview-table{border:2px solid #000;display:grid}.receipt-preview-head,.receipt-preview-row{grid-template-columns:.8fr 1.25fr 1.05fr 1.25fr .85fr 1.8fr;display:grid}.receipt-preview-head{border-bottom:1px solid #000;font-weight:900}.receipt-preview-head span,.receipt-preview-row span{border-right:1px solid #000;min-width:0;padding:9px 6px}.receipt-preview-head span:last-child,.receipt-preview-row span:last-child{border-right:0}.receipt-preview-signature{justify-self:end;margin-top:40px}.soa-statement-preview{color:#000;border-color:#1f2933;gap:18px;padding:24px;font-size:12px;display:grid}.soa-preview-cr{margin-top:36px}.soa-statement-preview h3{color:#000;margin:0;font-size:20px}.soa-preview-date-row{grid-template-columns:auto auto auto auto 1fr auto auto;align-items:center;gap:16px;font-size:13px;display:grid}.soa-preview-account-grid{grid-template-columns:90px minmax(0,1fr) 90px minmax(0,1fr);gap:12px 18px;display:grid}.soa-preview-account-grid strong:nth-last-child(2){grid-column:3}.soa-preview-table{border-top:4px double #000;gap:8px;padding-top:10px;display:grid}.soa-preview-head,.soa-preview-row{grid-template-columns:.85fr .75fr .9fr 2fr 1.25fr 1.25fr 1.25fr;gap:8px;display:grid}.soa-preview-head{border-bottom:4px double #000;padding-bottom:28px;font-weight:900}.soa-preview-brought{justify-content:flex-end;gap:18px;display:flex}.soa-preview-row span:nth-child(n+5),.soa-preview-brought span{text-align:right}.invoice-config-title-field{min-width:0}.invoice-config-toggle{align-self:end;min-height:46px}.invoice-line-items{gap:12px;display:grid}.invoice-line-items-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.invoice-line-items-header h4{color:var(--color-text);margin:0;font-size:16px}.invoice-line-item{border:1px solid var(--color-border-soft);background:#fbfdff;border-radius:8px;grid-template-columns:minmax(170px,1.5fr) minmax(110px,.7fr) minmax(120px,.9fr) minmax(110px,.7fr) minmax(110px,.7fr) auto;align-items:start;gap:12px;padding:12px;display:grid}.invoice-total-groups{gap:12px;display:grid}.invoice-line-summary{align-content:center;gap:8px;min-height:72px;display:grid}.invoice-line-summary span{color:var(--color-muted);font-size:12px;font-weight:700}.invoice-line-summary strong{color:var(--color-text);font-size:14px}.invoice-total-card{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;display:grid}.invoice-total-card div{border:1px solid var(--color-border-soft);background:var(--color-primary-soft);border-radius:8px;padding:14px}.invoice-total-card dt{color:var(--color-muted);margin:0 0 6px;font-size:12px;font-weight:700}.invoice-total-card dd{color:var(--color-text);margin:0;font-size:18px;font-weight:800}.view-note{border:1px solid var(--color-border-soft);color:var(--color-muted);background:var(--color-primary-soft);border-radius:6px;margin:0;padding:12px 14px;font-size:14px;line-height:1.45}.users-management-page{align-content:start}.management-toolbar{border:1px solid var(--color-border-soft);background:var(--color-primary-soft);border-radius:8px;flex-wrap:wrap;align-items:end;gap:14px;width:100%;padding:14px;display:flex}.management-panel{gap:16px;display:grid}.management-panel h2{color:var(--color-text);margin:0;font-size:24px}.shipment-toolbar{flex-wrap:wrap}.shipment-toolbar .search-field{flex:2 260px}.shipment-toolbar .filter-field{flex:200px}.table-secondary-text{color:var(--color-muted);margin-top:3px;font-size:12px;display:block}.search-field{flex:280px}.filter-field{flex:0 220px}.status-pill{border-radius:999px;align-items:center;min-height:28px;padding:0 10px;font-size:13px;font-weight:700;display:inline-flex}.status-pill.active{color:#17613a;background:#e7f7ef}.status-pill.inactive{color:#8a1f1f;background:#fff0f0}.status-pill.done{color:#7a4b00;background:#fff5db}.balance-sign{font-weight:800}.balance-sign.positive{color:#17613a}.balance-sign.negative{color:#8a1f1f}.subscription-hero,.package-card{border:1px solid var(--color-border-soft);background:var(--color-surface);border-radius:12px;box-shadow:0 14px 35px #3f8fc414}.subscription-hero{background:linear-gradient(135deg, #dff3ffe6, #fffffff2), var(--color-surface);justify-content:space-between;align-items:center;gap:18px;padding:22px;display:flex}.subscription-hero h2,.package-card h2{color:var(--color-text);margin:0}.subscription-hero p,.package-card p{color:var(--color-muted);margin:6px 0 0;line-height:1.5}.subscription-status-card{justify-items:end;gap:10px;display:grid}.subscription-status-card strong,.package-price{color:var(--color-primary);font-size:24px}.subscription-detail-grid,.usage-grid,.package-grid{gap:16px;display:grid}.subscription-detail-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.subscription-detail-grid article{gap:8px;display:grid}.subscription-detail-grid span,.usage-card span,.package-limits span{color:var(--color-muted);text-transform:capitalize;font-size:12px;font-weight:700}.subscription-detail-grid strong,.usage-card strong,.package-limits strong{color:var(--color-text)}.subscription-warnings{gap:8px;display:grid}.subscription-warnings p{color:#7a4a08;background:#fff8ec;border:1px solid #f3d29b;border-radius:8px;margin:0;padding:12px 14px;font-weight:700}.usage-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:18px}.usage-card{border:1px solid var(--color-border-soft);background:#fbfdff;border-radius:10px;gap:12px;padding:14px;display:grid}.usage-card>div:first-child{justify-content:space-between;gap:10px;display:flex}.usage-track{background:#e8f3f9;border-radius:999px;height:8px;overflow:hidden}.usage-track span{border-radius:inherit;background:var(--color-primary);height:100%;display:block}.usage-card.warning .usage-track span{background:#e09132}.usage-card.danger .usage-track span{background:#d45f5f}.feature-list{color:var(--color-text);gap:8px;margin:0;padding-left:20px;display:grid}.package-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.package-card{align-content:start;gap:18px;padding:20px;display:grid}.package-card.current{border-color:var(--color-primary);background:var(--color-primary-soft)}.package-card-header{justify-content:space-between;align-items:start;gap:12px;display:flex}.package-limits{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.package-limits div{border:1px solid var(--color-border-soft);background:#fbfdff;border-radius:8px;gap:4px;padding:10px;display:grid}.table-actions{flex-wrap:wrap;gap:8px;display:flex}.table-button{border:1px solid var(--color-border);min-height:32px;color:var(--color-primary);background:var(--color-surface);font:inherit;cursor:pointer;border-radius:6px;justify-content:center;align-items:center;padding:0 10px;font-size:13px;font-weight:700;display:inline-flex}.table-button.icon-only{width:34px;min-width:34px;padding:0}.table-button .action-icon{flex:none}.table-button:hover,.table-button:focus-visible{background:var(--color-primary-soft);outline:none}.table-button.danger{color:#8a1f1f;border-color:#f1b8b8}.table-button.danger:hover,.table-button.danger:focus-visible{background:#fff4f4}.pagination-bar{color:var(--color-muted);justify-content:space-between;align-items:center;gap:16px;font-size:14px;display:flex}.pagination-actions{gap:10px;display:flex}.toggle-field{min-height:45px;color:var(--color-text);align-items:center;gap:10px;font-size:14px;font-weight:700;display:flex}.toggle-field input{width:18px;height:18px;accent-color:var(--color-primary)}.permission-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.permission-group{border:1px solid var(--color-border-soft);background:var(--color-primary-soft);border-radius:8px;gap:10px;margin:0;padding:14px;display:grid}.permission-group legend{color:var(--color-primary);padding:0 6px;font-size:14px;font-weight:700}.permission-group label{color:var(--color-text);align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.permission-group input{width:16px;height:16px;accent-color:var(--color-primary)}.upload-form{gap:18px;padding:24px;display:grid}.upload-field{color:var(--color-text);gap:10px;font-size:14px;font-weight:700;display:grid}.upload-field input{border:1px dashed var(--color-border);width:100%;color:var(--color-muted);background:var(--color-primary-soft);font:inherit;border-radius:8px;padding:18px}.upload-hint{color:var(--color-muted);margin:0;font-size:14px}.ai-invoice-page{align-content:start}.ai-invoice-workflow,.ai-result-section,.saved-invoices-section{gap:18px;display:grid}.ai-upload-zone{border:2px dashed var(--color-border);background:var(--color-primary-soft);border-radius:8px;place-items:center;min-height:220px;padding:28px;transition:border-color .2s,background .2s;display:grid;position:relative}.ai-upload-zone.dragging{border-color:var(--color-primary);background:var(--color-primary-light)}.ai-upload-input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.ai-upload-input:disabled{cursor:not-allowed}.ai-upload-content{z-index:1;color:var(--color-text);text-align:center;pointer-events:none;justify-items:center;gap:12px;display:grid;position:relative}.ai-upload-content strong{font-size:20px;line-height:1.25}.ai-upload-content span{color:var(--color-muted);font-size:14px}.ai-upload-content button{pointer-events:auto}.selected-file{border:1px solid var(--color-border-soft);background:#fbfdff;border-radius:8px;justify-content:space-between;align-items:center;gap:16px;padding:14px;display:flex}.selected-file div{gap:4px;min-width:0;display:grid}.selected-file strong,.selected-file span{overflow-wrap:anywhere}.selected-file strong{color:var(--color-text);font-size:14px}.selected-file span{color:var(--color-muted);font-size:13px}.error-message{color:#8a1f1f;background:#fff4f4;border:1px solid #f1b8b8;border-radius:6px;margin:0;padding:12px 14px;font-size:14px;line-height:1.45}.success-message{color:#246b3a;background:#f1fbf4;border:1px solid #a8d5b5;border-radius:6px;margin:0;padding:12px 14px;font-size:14px;line-height:1.45}.button-spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite button-spin}.primary-button:has(.button-spinner){justify-content:center;align-items:center;gap:8px;display:inline-flex}.dashboard-page{gap:20px}.dashboard-heading{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.dashboard-heading .eyebrow{margin:0 0 4px}.dashboard-heading p:last-child,.dashboard-card-header p{color:var(--color-muted);margin:6px 0 0;font-size:14px}.dashboard-date{border:1px solid var(--color-border-soft);color:var(--color-primary);background:var(--color-primary-soft);border-radius:6px;padding:9px 12px;font-size:13px;font-weight:700}.dashboard-filters{border:1px solid var(--color-border-soft);background:var(--color-primary-soft);border-radius:10px;grid-template-columns:repeat(4,minmax(140px,1fr)) auto;align-items:end;gap:14px;padding:16px;display:grid}.dashboard-filter-actions{gap:8px;display:flex}.dashboard-filter-actions button{white-space:nowrap;min-height:43px}.dashboard-filter-summary{color:var(--color-muted);text-transform:capitalize;grid-column:1/-1;margin:0;font-size:12px}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.metric-card,.dashboard-card{border:1px solid var(--color-border-soft);background:var(--color-surface);border-radius:10px;box-shadow:0 12px 32px #3f8fc414}.metric-card{border-top:3px solid var(--metric-color,var(--color-primary));gap:8px;padding:20px;display:grid}.metric-card.blue{--metric-color:#1672aa}.metric-card.cyan{--metric-color:#21a2a8}.metric-card.orange{--metric-color:#e09132}.metric-card.red{--metric-color:#d45f5f}.metric-card-header{color:var(--color-muted);justify-content:space-between;align-items:center;font-size:13px;font-weight:700;display:flex}.metric-icon{background:var(--metric-color);width:10px;height:10px;box-shadow:0 0 0 5px color-mix(in srgb, var(--metric-color) 14%, white);border-radius:50%}.metric-card>strong{color:var(--color-text);font-size:27px}.currency-amount-list{gap:3px;line-height:1.2;display:grid}.metric-card>strong .currency-amount-list,.balance-total .currency-amount-list{font-size:.9em}.metric-card small{color:var(--metric-color);font-size:12px;font-weight:700}.dashboard-main-grid,.dashboard-bottom-grid{grid-template-columns:minmax(0,1.8fr) minmax(280px,1fr);gap:16px;display:grid}.dashboard-card{min-width:0;padding:20px}.dashboard-card-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.dashboard-card h2{color:var(--color-text);margin:0;font-size:17px}.chart-legend{color:var(--color-muted);gap:14px;font-size:12px;display:flex}.chart-legend span{align-items:center;gap:6px;display:flex}.chart-legend i,.status-list i{border-radius:50%;width:8px;height:8px}.chart-legend .invoiced{background:var(--color-primary)}.chart-legend .unpaid{background:#efaa50}.bar-chart{border-bottom:1px solid var(--color-border-soft);background:repeating-linear-gradient(#0000 0 52px,#eef5f9 53px);grid-template-columns:repeat(6,1fr);align-items:end;gap:16px;height:230px;margin-top:22px;padding:12px 12px 0;display:grid}.bar-group{height:100%;color:var(--color-muted);text-align:center;grid-template-rows:1fr auto;gap:9px;font-size:11px;display:grid}.bars{justify-content:center;align-items:end;gap:5px;display:flex}.bar{border-radius:4px 4px 0 0;width:min(18px,35%);min-height:4px}.bar.invoiced{background:var(--color-primary)}.bar.unpaid{background:#efaa50}.donut-wrap{place-items:center;gap:22px;margin-top:24px;display:grid}.invoice-donut{background:conic-gradient(#2385bd 0 62%, #efaa50 62% 86%, #d45f5f 86%);border-radius:50%;place-items:center;width:150px;height:150px;display:grid}.invoice-donut>div{text-align:center;background:#fff;border-radius:50%;place-content:center;width:104px;height:104px;display:grid}.invoice-donut strong{color:var(--color-text);font-size:24px}.invoice-donut span{color:var(--color-muted);font-size:12px}.status-list{gap:10px;width:100%;margin:0;padding:0;list-style:none;display:grid}.status-list li,.status-list li span{justify-content:space-between;align-items:center;display:flex}.status-list li span{color:var(--color-muted);gap:8px;font-size:13px}.status-list .paid{background:#2385bd}.status-list .pending{background:#efaa50}.status-list .overdue{background:#d45f5f}.activity-list{margin-top:14px;display:grid}.activity-item{border-bottom:1px solid var(--color-border-soft);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px 0;display:grid}.activity-item:last-child{border-bottom:0}.activity-dot{background:var(--color-primary);border-radius:50%;width:9px;height:9px}.activity-item>div{gap:3px;display:grid}.activity-item strong{color:var(--color-text);font-size:13px}.activity-item span{color:var(--color-muted);font-size:12px}.activity-value{text-align:right}.balance-total{color:var(--color-text);margin-top:28px;font-size:30px;display:block}.progress-track{background:#e8f3f9;border-radius:99px;height:9px;margin-top:18px;overflow:hidden}.progress-track span{border-radius:inherit;background:var(--color-primary);width:72%;height:100%;display:block}.balance-stats{grid-template-columns:1fr 1fr;gap:12px;margin-top:18px;display:grid}.balance-stats div{gap:4px;display:grid}.balance-stats span,.balance-note{color:var(--color-muted);font-size:12px}.balance-stats strong{color:var(--color-text);font-size:14px}.balance-note{margin:18px 0 0;line-height:1.5}@keyframes button-spin{to{transform:rotate(360deg)}}.generate-button{width:fit-content}.primary-button:disabled,.secondary-button:disabled{cursor:not-allowed;opacity:.64}.section-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.section-header h2{color:var(--color-text);margin:0;font-size:22px;line-height:1.25}.table-section{gap:10px;display:grid}.table-section h3{color:var(--color-text);margin:0;font-size:18px;line-height:1.3}.invoice-detail-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0;display:grid}.invoice-detail-grid div{border:1px solid var(--color-border-soft);background:#fbfdff;border-radius:8px;min-width:0;padding:14px}.invoice-detail-grid dt{color:var(--color-muted);text-transform:uppercase;margin:0 0 6px;font-size:12px;font-weight:700}.invoice-detail-grid dd{color:var(--color-text);overflow-wrap:anywhere;margin:0;font-size:15px;font-weight:700}.primary-link-button,.table-action-link,.table-link-button{min-height:40px;font:inherit;white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.primary-link-button{border:1px solid var(--color-primary);color:#fff;background:var(--color-primary);cursor:pointer;padding:0 16px}.primary-link-button:hover,.primary-link-button:focus-visible{background:#2d91d2;border-color:#2d91d2;outline:none}.table-action-link,.table-link-button{color:var(--color-primary);cursor:pointer;background:0 0;border:0;padding:0}.table-action-link:hover,.table-action-link:focus-visible,.table-link-button:hover,.table-link-button:focus-visible{color:#2d91d2;outline:none}.modal-actions{justify-content:flex-end;gap:12px;display:flex}.primary-button,.secondary-button{min-height:40px;font:inherit;cursor:pointer;border-radius:6px;padding:0 16px;font-size:14px;font-weight:700}.primary-button{border:1px solid var(--color-primary);color:#fff;background:var(--color-primary)}.secondary-button{border:1px solid var(--color-border);color:var(--color-primary);background:var(--color-surface)}.primary-button:hover,.primary-button:focus-visible{background:#2d91d2;border-color:#2d91d2;outline:none}.secondary-button:hover,.secondary-button:focus-visible{background:var(--color-primary-soft);outline:none}.login-page{background:linear-gradient(135deg,#c5e8ffd1,#ffffffb8),#eff9ff;place-items:center;min-width:0;min-height:100svh;padding:40px 24px;display:grid}.login-card{background:#fff;border:1px solid #d6edfb;border-radius:8px;width:min(100%,430px);padding:40px;box-shadow:0 24px 60px #3f8fc429}.eyebrow{color:#3c91c9;text-transform:uppercase;margin:0 0 10px;font-size:14px;font-weight:700}.login-card h1{color:#102a43;margin:0;font-size:32px;font-weight:700;line-height:1.15}.intro{color:#5f7182;margin:12px 0 30px}.login-form{gap:18px;display:grid}.login-form label{color:#243b53;gap:8px;font-size:14px;font-weight:600;display:grid}.login-form input[type=text],.login-form input[type=password]{box-sizing:border-box;color:#102a43;width:100%;font:inherit;background:#fbfdff;border:1px solid #c8e3f6;border-radius:6px;outline:none;padding:13px 14px;transition:border-color .2s,box-shadow .2s}.login-form input:focus{border-color:#58aee7;box-shadow:0 0 0 4px #58aee729}.login-form input:disabled,.login-form button:disabled{cursor:not-allowed;opacity:.64}.form-row{color:#5f7182;justify-content:space-between;align-items:center;gap:16px;font-size:14px;display:flex}.remember{grid-template-columns:auto 1fr;align-items:center;gap:8px;font-weight:500;display:flex}.remember input{accent-color:#3c91c9;width:16px;height:16px}.form-row a{color:#2d87c7;font-weight:700;text-decoration:none}.form-row a:hover{text-decoration:underline}.login-form button{color:#fff;min-height:48px;font:inherit;cursor:pointer;background:#4aa9e8;border:0;border-radius:6px;font-weight:700;transition:background .2s,transform .2s}.login-form button:hover{background:#2d91d2;transform:translateY(-1px)}.login-form button:disabled:hover{background:#4aa9e8;transform:none}.login-form button:focus-visible{outline-offset:3px;outline:3px solid #58aee759}@media (width<=1200px){.dashboard-filters,.metric-grid,.package-grid,.subscription-detail-grid,.usage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-filter-actions{align-self:end}}@media (width<=760px){.dashboard-filters{grid-template-columns:1fr}.dashboard-filter-summary{grid-column:auto}.dashboard-filter-actions{flex-direction:column-reverse;align-items:stretch}.metric-grid,.dashboard-main-grid,.dashboard-bottom-grid,.package-grid,.settings-grid,.subscription-detail-grid,.usage-grid{grid-template-columns:1fr}.dashboard-heading,.dashboard-card-header,.subscription-hero,.package-card-header{flex-direction:column;align-items:flex-start}.subscription-status-card{justify-items:start}.chart-legend{flex-wrap:wrap}.authenticated-shell{grid-template-columns:1fr}.app-sidebar{border-bottom:1px solid #d7ecfb;border-right:0;min-height:auto}.authenticated-content{padding:24px 16px}.view-header,.view-actions{flex-direction:column;align-items:stretch}.add-button,.tabs{width:100%}.tab-button{flex:1}.date-filter,.date-filter-field{width:100%}.date-filter-field input{width:100%;min-width:0}.management-toolbar{flex-direction:column;align-items:stretch}.invoice-config-form,.pdf-design-form,.pdf-design-layout{grid-template-columns:1fr}.sales-preview-boxes,.sales-preview-footer{flex-direction:column;grid-template-columns:1fr}.sales-preview-totals,.sales-preview-signature{width:100%}.receipt-preview-top,.receipt-preview-lines div,.receipt-preview-words{grid-template-columns:1fr}.receipt-preview-table{overflow-x:auto}.soa-preview-date-row,.soa-preview-account-grid{grid-template-columns:1fr}.soa-preview-table{overflow-x:auto}.soa-preview-head,.soa-preview-row{min-width:720px}.receipt-preview-head,.receipt-preview-row{min-width:620px}.invoice-line-items-header{flex-direction:column;align-items:stretch}.invoice-line-item,.invoice-total-card{grid-template-columns:1fr}.invoice-config-form .primary-button,.pdf-design-form .primary-button{width:100%}.search-field,.filter-field{flex-basis:auto;width:100%}.pagination-bar,.pagination-actions{flex-direction:column;align-items:stretch}.modal-backdrop{padding:16px}.employee-grid,.permission-grid{grid-template-columns:1fr}.modal-actions{flex-direction:column-reverse}.ai-upload-zone{min-height:180px;padding:22px}.selected-file,.section-header{flex-direction:column;align-items:stretch}.generate-button,.primary-link-button{width:100%}.invoice-detail-grid{grid-template-columns:1fr}.primary-button,.secondary-button{width:100%}.login-page{align-items:start;padding:28px 16px}.login-card{padding:28px 22px}.login-card h1{font-size:28px}.form-row{flex-direction:column;align-items:flex-start;gap:10px}}