@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600&family=Poppins:wght@600;700&display=swap";:root{color:#111827;font-synthesis:none;text-rendering:optimizelegibility;--navy:#0b2d5c;--teal:#0f8f87;--orange:#f59e0b;--border:#d0d5dd;--muted:#667085;--danger:#b42318;--shadow:0 1px 2px #1018280f;--surface:#fff;--surface-subtle:#eaecf0;--input-border:#d0d5dd;--label:#111827;--page-background:#f2f4f7;--login-background:#f2f4f7;background:#f2f4f7;font-family:Montserrat,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=dark]{color:#e7edf6;--navy:#e7edf6;--teal:#53c9c0;--orange:#fbbf24;--border:#2d3d50;--muted:#a9b7c9;--surface:#182535;--surface-subtle:#203247;--input-border:#506176;--shadow:0 12px 34px #00000038;--label:#c5d1e0;--page-background:#101923;--login-background:#101923;background:#101923}*{box-sizing:border-box}html,body,#root{background:var(--page-background);min-height:100%}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}button,.button{cursor:pointer}a{color:inherit}h1,h2{color:var(--navy);margin-top:0;font-family:Poppins,sans-serif}h1{margin-bottom:.5rem;font-size:clamp(2rem,3vw,2.5rem);line-height:1.2}h2{font-size:2rem;line-height:1.25}.app-shell{min-height:100vh}.topbar{background:var(--surface);border-bottom:1px solid var(--border);z-index:10;justify-content:space-between;align-items:center;min-height:74px;padding:.75rem max(3rem,50vw - 600px);display:flex;position:sticky;top:0}.brand img{object-fit:contain;max-width:170px;height:42px;display:block}.topbar nav{align-items:center;gap:1.15rem;display:flex}.topbar nav a,.topbar .link-button{color:var(--muted);font-size:.875rem;font-weight:600;text-decoration:none}.topbar nav a.active{color:var(--teal)}.theme-toggle{color:inherit;background:0 0;padding:.35rem .45rem}.mobile-menu-toggle,.mobile-theme-toggle{display:none}.page{max-width:1280px;margin:0 auto;padding:3rem 3rem 5rem}.page-heading,.section-heading{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex}.section{margin-top:2.5rem}.section-heading{align-items:center;margin-bottom:1rem}.section-heading h2{margin-bottom:.2rem}.muted{color:var(--muted);margin:0}.eyebrow{color:var(--teal);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.4rem;font-size:.75rem;font-weight:600;display:block}.card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:12px;padding:1.5rem}.login-page,.centered{justify-content:center;align-items:center;min-height:100vh;padding:1.25rem;display:flex}.login-page{background:var(--login-background)}.login-card,.password-card{width:100%;max-width:430px}.login-logo{object-fit:contain;max-width:230px;height:54px;margin:0 auto 1.5rem;display:block}.login-card h1{text-align:center}.login-card>.muted{text-align:center;margin-bottom:1.5rem}.narrow{max-width:570px}.field{gap:.45rem;margin-bottom:1rem;display:grid}.field>span,.detail-label{color:var(--label);font-size:.875rem;font-weight:600;line-height:1.4}input,textarea,select{background:var(--surface);border:1px solid var(--input-border);color:inherit;border-radius:8px;width:100%;padding:.72rem .82rem}input:focus,textarea:focus,select:focus{border-color:var(--teal);outline:none;box-shadow:0 0 0 3px #0f8f872e}textarea{resize:vertical}.button,button{border:0;border-radius:8px;justify-content:center;padding:.7rem 1rem;font-weight:700;text-decoration:none;display:inline-flex}.primary{background:var(--orange);color:#111827}.primary:hover{background:#d98b05}.primary:focus-visible,.secondary:focus-visible,.danger:focus-visible,.theme-toggle:focus-visible,.link-button:focus-visible{outline-offset:2px;outline:3px solid #0f8f8759}.primary:active,.secondary:active,.danger:active{transform:translateY(1px)}.secondary{background:var(--surface);border:1px solid var(--navy);color:var(--navy)}.secondary:hover{background:var(--surface-subtle)}.danger{color:var(--danger);background:#fee4e2}.danger:hover{background:#fecdca}.link-button{background:0 0;padding:0}.danger-text{color:var(--danger)!important}.disabled,button:disabled{cursor:not-allowed;opacity:.55}.actions{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.editor{max-width:720px;margin:0 auto}.editor-attachment{border-top:1px solid var(--border);margin-top:1.5rem;padding-top:1.25rem}.editor-attachment .section-heading{margin-bottom:.75rem}.pending-file{background:var(--surface-subtle);border:1px solid var(--border);border-radius:8px;justify-content:space-between;align-items:center;gap:1rem;padding:.8rem 1rem;display:flex}.pending-file>div{gap:.25rem;min-width:0;display:grid}.pending-file strong{overflow-wrap:anywhere}.pending-file span{color:var(--muted);font-size:.84rem}.editor .actions{border-top:1px solid var(--border);justify-content:flex-end;margin-top:1.5rem;padding-top:1.25rem}.search{max-width:480px;margin-bottom:1rem;display:block}.record-list,.attachment-list{overflow:hidden}.record-row,.attachment-row,.user-row{background:var(--surface);border:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.15rem;display:flex}.record-row{text-decoration:none}.record-row:first-child{border-radius:12px 12px 0 0}.record-row:last-child{border-radius:0 0 12px 12px}.record-row+.record-row{border-top:0}.record-row:hover{background:var(--surface-subtle);border-color:#b9cfeb;position:relative}.record-row div,.attachment-row>div:first-child,.user-row>div:first-child{gap:.3rem;display:grid}.record-row span,.attachment-row span,.user-row span,.record-row time{color:var(--muted);font-size:.84rem}.empty{background:var(--surface);color:var(--muted);text-align:center;border:1px dashed #bdc9d7;border-radius:12px;padding:3rem 1.5rem}.alert{border-radius:8px;margin-bottom:1rem;padding:.8rem 1rem}.alert.error{color:#7a271a;background:#fee4e2}.alert.success{color:#05603a;background:#dcfae6}.dialog-backdrop{z-index:20;background:#102a497a;justify-content:center;align-items:center;padding:1.25rem;display:flex;position:fixed;inset:0}.dialog{width:100%;max-width:450px}.dialog-icon{color:var(--danger);background:#fee4e2;border-radius:50%;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;margin-bottom:1.15rem;font-size:1.15rem;font-weight:800;display:flex}.dialog h2{margin-bottom:.6rem}.dialog-actions{justify-content:flex-end;margin-top:1.5rem}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem 2rem;display:grid}.detail-grid>div{gap:.35rem;display:grid}.detail-grid .wide{white-space:pre-wrap;grid-column:1/-1}.attachment-list{padding:0}.attachment-row,.user-row{border:0}.attachment-row+.attachment-row,.user-row+.user-row{border-top:1px solid var(--border)}.users-layout{grid-template-columns:1.5fr 1fr;align-items:start;gap:1.5rem;display:grid}.user-list{border:1px solid var(--border);border-radius:10px;overflow:hidden}.spinner{border:3px solid var(--border);border-top-color:var(--teal);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}.sr-only{clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@keyframes spin{to{transform:rotate(360deg)}}.invoice-title-row{flex-wrap:wrap;align-items:center;gap:.85rem;display:flex}.invoice-title-row h1{margin-bottom:0}.invoice-status{color:#344054;background:#f2f4f7;border:1px solid #d0d5dd;border-radius:6px;align-items:center;padding:.42rem .58rem;font-size:.76rem;font-weight:700;line-height:1;display:inline-flex}.status-finalized{color:#05603a;background:#dcfae6;border-color:#a6f4c5}.status-finalizing{color:#1849a9;background:#eaf2ff;border-color:#b2ccff}.status-finalization_failed{color:#b42318;background:#fee4e2;border-color:#fecdca}.invoice-list{border:1px solid var(--border);border-radius:12px;overflow:hidden}.invoice-list-row{background:var(--surface);grid-template-columns:minmax(220px,1fr) auto 160px 130px;align-items:center;gap:1rem;padding:1rem 1.15rem;text-decoration:none;display:grid}.invoice-list-row+.invoice-list-row{border-top:1px solid var(--border)}.invoice-list-row:hover{background:var(--surface-subtle)}.invoice-list-primary{gap:.28rem;display:grid}.invoice-list-primary span,.invoice-list-row time{color:var(--muted);font-size:.85rem}.invoice-list-total{text-align:right}.empty>strong,.empty>span{display:block}.empty>span{margin-top:.45rem}.page:has(.invoice-workspace){max-width:none;margin:0;padding:0}.invoice-workspace{grid-template-columns:minmax(0,2fr) minmax(390px,1fr);align-items:stretch;min-height:calc(100vh - 74px);display:grid}.invoice-editor-panel{background:var(--surface);min-width:0;padding:2rem clamp(1.5rem,3vw,3rem) 4rem}.invoice-editor-heading{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2.25rem;display:flex}.invoice-customer-fields{border-bottom:1px solid var(--border);grid-template-columns:repeat(3,minmax(0,1fr));gap:1.4rem;margin-bottom:2rem;padding-bottom:1rem;display:grid}.invoice-date-control{background:var(--surface);border:1px solid var(--input-border);color:inherit;border-radius:8px;justify-content:space-between;align-items:center;min-height:46px;padding:.72rem .82rem;display:flex;position:relative}.invoice-date-control:focus-within{border-color:var(--teal);box-shadow:0 0 0 3px #0f8f872e}.invoice-date-control:has(input:disabled){opacity:.55}.invoice-date-value{font-variant-numeric:tabular-nums}.invoice-date-icon{color:var(--muted);width:19px;height:19px}.invoice-date-input{cursor:pointer;opacity:0;padding:0;position:absolute;inset:0}.field-error{color:var(--danger);margin-top:.3rem;font-size:.74rem;line-height:1.35;display:block}.invoice-lines{min-width:0}.invoice-line-head,.invoice-line{grid-template-columns:36px minmax(180px,1.6fr) minmax(105px,.72fr) minmax(110px,.72fr) minmax(120px,.82fr) minmax(120px,.86fr) 34px;display:grid}.invoice-line-head{color:var(--label);padding:0 .8rem .65rem;font-size:.82rem;font-weight:700}.invoice-line-head:before{content:""}.invoice-line{border:1px solid var(--border);border-bottom:0;align-items:stretch;min-height:88px}.invoice-line:nth-of-type(2){border-radius:8px 8px 0 0}.invoice-line:last-of-type{border-bottom:1px solid var(--border);border-radius:0 0 8px 8px}.invoice-line>*{border-right:1px solid var(--border);align-items:center;min-width:0;padding:.8rem;display:flex}.invoice-line>:last-child{border-right:0}.invoice-line-number{justify-content:center;padding:.5rem;font-weight:700}.invoice-cell{align-content:center;gap:.2rem;margin:0;display:grid}.invoice-cell input{min-width:0}.mobile-label{display:none}.money-control{width:100%;display:block;position:relative}.money-prefix{color:var(--muted);pointer-events:none;z-index:1;position:absolute;top:50%;left:.78rem;transform:translateY(-50%)}.money-control input{padding-left:1.7rem}.duty-cell{justify-content:center}.invoice-line .duty-cell{padding-left:.5rem;padding-right:.5rem}.duty-cell.has-duty{grid-template-columns:minmax(0,1fr);align-content:center;gap:.2rem;display:grid}.duty-cell .duty-input{gap:.2rem;width:100%;display:grid}.duty-cell .money-prefix{left:.78rem}.add-duty,.remove-duty{color:#0757b7;align-items:center;gap:.3rem;font-size:.8rem;display:inline-flex}.add-duty{background:var(--surface-subtle);border:1px dashed var(--teal);border-radius:6px;justify-content:center;width:100%;min-height:40px;padding:.45rem .65rem}.remove-duty{color:var(--danger);white-space:nowrap;background:0 0;justify-self:start;padding:.25rem .1rem}.duty-action-icon{flex:none;width:16px;height:16px}.invoice-line-amount{white-space:nowrap;justify-content:flex-end;font-size:.9rem;font-weight:700}.remove-line{color:var(--muted);background:0 0;padding:.25rem}.line-remove-icon{width:18px;height:18px}.remove-line:hover:not(:disabled){color:var(--danger)}.add-line{border:1px solid var(--teal);color:var(--teal);background:0 0;gap:.35rem;margin-top:1rem}.invoice-review-column{background:var(--page-background);border-left:1px solid var(--border);min-width:0;padding:2rem clamp(1.25rem,2.2vw,2rem)}.invoice-review-sticky{position:sticky;top:94px}.invoice-review{max-width:520px;margin:0 auto}.invoice-review>h2{margin-bottom:1rem;font-size:1.16rem}.invoice-paper{color:#101828;background:#fff;border:1px solid #d0d5dd;min-height:540px;padding:2rem 1.25rem;position:relative;overflow:hidden;box-shadow:0 3px 10px #1018281a}.draft-watermark{color:#0b2d5c0e;letter-spacing:.08em;font-family:Poppins,sans-serif;font-size:5rem;font-weight:700;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)rotate(-24deg)}.invoice-paper-header{justify-content:space-between;align-items:flex-start;display:flex;position:relative}.invoice-paper-header img{width:64px;height:auto;display:block}.invoice-paper-header>div{text-align:right;align-items:flex-end;gap:.35rem;display:grid}.invoice-paper-header strong{color:#0b2d5c;font-family:Poppins,sans-serif;font-size:1.35rem}.invoice-paper-header span{color:#667085;font-size:.7rem}.invoice-paper-meta{justify-content:space-between;margin:1.35rem 0 4.8rem;font-size:.66rem;display:flex;position:relative}.invoice-paper-meta address{gap:.25rem;font-style:normal;display:grid}.invoice-paper-meta dl{text-align:right;gap:.6rem;margin:0;display:grid}.invoice-paper-meta dl div{gap:.18rem;display:grid}.invoice-paper-meta dt{color:#667085}.invoice-paper-meta dd{margin:0}.invoice-paper table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:.56rem;position:relative}.invoice-paper th{color:#344054;text-align:right;border-bottom:1px solid #98a2b3;padding:.45rem .25rem;font-weight:700}.invoice-paper th:nth-child(2),.invoice-paper td:nth-child(2){text-align:left;width:28%}.invoice-paper th:first-child,.invoice-paper td:first-child{text-align:left;width:5%}.invoice-paper td{overflow-wrap:anywhere;text-align:right;border-bottom:1px solid #eaecf0;padding:.55rem .25rem}.invoice-paper-total{text-transform:uppercase;border-top:1px solid #98a2b3;justify-content:flex-end;align-items:center;gap:1.5rem;margin-top:.5rem;padding:.7rem .25rem 0;display:flex;position:relative}.invoice-paper-total span{font-size:.7rem;font-weight:700}.invoice-paper-total strong{font-size:.95rem}.invoice-total-summary{grid-template-columns:1fr auto;margin-top:1.2rem;padding:0 .1rem;display:grid}.invoice-total-summary>span{font-family:Poppins,sans-serif;font-weight:600}.invoice-total-summary>strong{color:var(--navy);font-family:Poppins,sans-serif;font-size:1.35rem}.invoice-total-summary>small{border-top:1px solid var(--border);color:var(--muted);grid-column:1/-1;margin-top:.65rem;padding-top:.65rem}.invoice-workspace-actions{grid-template-columns:1fr 1fr;gap:.75rem;max-width:520px;margin:1.4rem auto 0;display:grid}.invoice-workspace-actions .primary{grid-column:1/-1}.desktop-finalize{display:none}.invoice-detail-layout{grid-template-columns:minmax(420px,1.25fr) minmax(260px,.75fr);align-items:start;gap:1.5rem;display:grid}.invoice-detail-layout .invoice-review{max-width:650px;position:static}.invoice-detail-layout .invoice-review>h2,.invoice-detail-layout .invoice-total-summary{display:none}.invoice-audit h2{font-size:1.3rem}.invoice-audit dl{gap:1rem;margin:0;display:grid}.invoice-audit dl div{border-bottom:1px solid var(--border);gap:.35rem;padding-bottom:1rem;display:grid}.invoice-audit dt{color:var(--muted);font-size:.8rem;font-weight:600}.invoice-audit dd{margin:0}.invoice-processing{color:#1849a9;background:#eaf2ff}@media (width<=900px){.invoice-list-row{grid-template-columns:1fr auto;align-items:start}.invoice-list-row time{grid-column:1}.invoice-list-total{grid-area:2/2}.invoice-customer-fields{grid-template-columns:1fr;gap:.25rem}.invoice-line-head{display:none}.invoice-line{border:1px solid var(--border);grid-template-columns:1fr 1fr;gap:.8rem;margin-bottom:.8rem;padding:3.4rem 1rem 1rem;position:relative;border-radius:8px!important}.invoice-line>*{border:0;padding:0}.invoice-line .duty-cell{padding:0}.invoice-line-number{color:var(--muted);padding:0;font-size:.78rem;display:flex;position:absolute;top:1.1rem;left:1rem}.invoice-line-number:before{content:"Item";margin-right:.25rem}.description-cell{grid-column:1/-1}.mobile-label{color:var(--label);margin-bottom:.28rem;font-size:.74rem;font-weight:700;display:block}.duty-cell{grid-column:1/-1;justify-content:stretch;align-items:stretch;display:grid}.duty-cell:not(.has-duty){grid-template-columns:minmax(0,1fr) 44px;align-items:center}.duty-empty-label{margin-bottom:0}.duty-cell.has-duty{grid-template-columns:minmax(0,1fr) 44px;align-items:end;gap:.6rem}.duty-cell .duty-input{grid-column:1}.duty-action-label{display:none}.add-duty,.remove-duty{border:1px solid var(--teal);border-radius:8px;justify-content:center;justify-self:end;width:44px;height:44px;min-height:44px;padding:0}.add-duty{background:var(--surface-subtle);grid-column:2}.remove-duty{color:var(--danger);background:0 0;border-color:#fda29b;grid-column:2}.duty-action-icon{width:19px;height:19px}.invoice-line-amount{border-top:1px solid var(--border);grid-column:1/-1;justify-content:flex-end;align-items:end;margin-top:.15rem;padding-top:.85rem;display:flex}.invoice-line-amount:before{color:var(--muted);content:"Amount";margin-right:auto;font-size:.74rem}.remove-line{border:1px solid var(--border);border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;padding:0;display:inline-flex;position:absolute;top:.75rem;right:.8rem}.remove-line:disabled{display:none}.invoice-detail-layout{grid-template-columns:1fr}}@media (width<=760px){.topbar{flex-wrap:wrap;align-items:center;gap:.75rem;padding:.75rem 1.25rem;position:static}.brand img{max-width:130px;height:34px}.mobile-theme-toggle{background:var(--surface);border:1px solid var(--border);color:var(--navy);justify-content:center;align-items:center;width:42px;height:42px;margin-left:auto;padding:0;font-size:1.2rem;display:inline-flex}.mobile-theme-toggle:focus-visible{outline-offset:2px;outline:3px solid #0f8f8759}.mobile-menu-toggle{background:var(--surface);border:1px solid var(--border);color:var(--navy);align-items:center;width:42px;height:42px;margin-left:-.35rem;padding:0;display:inline-flex}.mobile-menu-toggle:focus-visible{outline-offset:2px;outline:3px solid #0f8f8759}.hamburger-icon{gap:4px;width:18px;display:grid}.hamburger-icon i{background:currentColor;border-radius:2px;width:18px;height:2px;display:block}.topbar nav.primary-navigation{border-top:1px solid var(--border);flex-direction:column;flex-basis:100%;align-items:stretch;gap:0;padding-top:.6rem;display:none}.topbar nav.primary-navigation.is-open{display:flex}.topbar nav.primary-navigation a,.topbar nav.primary-navigation .link-button{text-align:left;justify-content:flex-start;padding:.72rem .25rem;font-size:.9rem}.page{padding:2rem 1.25rem 4rem}.page-heading,.section-heading,.record-row,.attachment-row,.user-row{flex-direction:column;align-items:stretch}.detail-grid,.users-layout{grid-template-columns:1fr}.actions .button,.actions button{flex:1}}@media (width<=1080px){.page:has(.invoice-workspace){padding:0}.invoice-workspace{display:block}.invoice-review-column{border-left:0;border-top:1px solid var(--border)}.invoice-review-sticky{position:static}.desktop-finalize{display:inline-flex}.invoice-workspace-actions .primary{display:none}}