:root{--ink:#162d3d;--muted:#526777;--paper:#f5f3ef;--white:#fff;--line:#d8dfe3;--gold:#9a7536;--accent:#16666a;--danger:#a12634;color:var(--ink);background:var(--paper);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;font-size:15px}*{box-sizing:border-box}body{margin:0}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit}button,.button{background:var(--accent);color:#fff;cursor:pointer;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:.4rem;padding:.65rem 1rem;font-weight:600;text-decoration:none;display:inline-flex}button:hover,.button:hover{filter:brightness(.93);text-decoration:none}button:disabled{opacity:.5;cursor:wait}.secondary{border-color:var(--line);color:var(--ink);background:#fff}.danger{background:var(--danger)}:focus-visible{outline-offset:3px;outline:3px solid #b17f1d}.shell{grid-template-columns:240px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:var(--ink);color:#fff;flex-direction:column;gap:32px;padding:32px 22px;display:flex}.brand{letter-spacing:-.6px;color:inherit;font-family:Georgia,serif;font-size:25px;line-height:1.2}.brand small{letter-spacing:2px;color:#c9b17f;margin-top:10px;font-family:inherit;font-size:12px;display:block}.sidebar nav{gap:7px;display:grid}.sidebar nav a{color:#dee8ed;border-radius:6px;padding:12px}.sidebar nav a[aria-current=page]{color:#fff;background:#ffffff18;border-left:3px solid #c9b17f}.account{color:#bdced7;margin-top:auto;font-size:13px}.account form{margin-top:12px}.account button{background:0 0;border:1px solid #647681}.main{min-width:0;padding:34px clamp(20px,4vw,64px)}.topbar{color:var(--muted);letter-spacing:1.2px;text-transform:uppercase;border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;font-size:12px;display:flex}.page-head{justify-content:space-between;align-items:center;gap:20px;margin:0 0 25px;display:flex}.page-head h1{margin:0}h1{font-family:Georgia,serif;font-size:34px;font-weight:400;line-height:1.15}h2{margin:0 0 20px;font-size:19px}h3{margin:20px 0 12px;font-size:16px}p{line-height:1.6}.muted{color:var(--muted)}.eyebrow{text-transform:uppercase;letter-spacing:1.5px;color:var(--gold);font-size:12px;font-weight:700}.panel{border:1px solid var(--line);background:#fff;border-radius:10px;margin-bottom:22px;padding:24px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:25px 0;display:grid}.stat{border:1px solid var(--line);background:#fff;border-radius:9px;padding:25px}.stat strong{margin:10px 0;font-family:Georgia,serif;font-size:38px;font-weight:400;display:block}.stat span{color:var(--muted)}label{margin-bottom:6px;font-size:13px;font-weight:600;display:block}input,select,textarea{width:100%;color:var(--ink);background:#fff;border:1px solid #aab8c1;border-radius:6px;min-height:42px;padding:10px 12px}textarea{resize:vertical;min-height:88px}input[type=checkbox]{width:18px;height:18px;min-height:18px;accent-color:var(--accent)}.check{align-items:center;gap:9px;margin:16px 0;display:flex}.field{margin-bottom:17px}.full{grid-column:1/-1}.actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:18px;display:flex}.actions form{margin:0}.notice,.errors{color:#184c42;background:#edf7f3;border:1px solid #b9d6cf;border-radius:7px;margin-bottom:22px;padding:14px 18px}.errors{color:#871d2b;background:#fff0f0;border-color:#e1b8be}.errors ul{margin:5px 0;padding-left:20px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%;font-size:14px}th{border-bottom:1px solid var(--line);color:var(--muted);letter-spacing:.3px;padding:13px 12px;font-size:12px}td{border-bottom:1px solid #ecf0f2;padding:15px 12px}tbody tr:last-child td{border-bottom:0}.number{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.badge{color:#344b5b;background:#edf1f4;border-radius:20px;padding:5px 10px;font-size:12px;display:inline-block}.badge.accepted,.badge.issued,.badge.invoiced{color:#235a3f;background:#e0f0e8}.badge.presented{color:#765507;background:#fff2cf}.badge.rejected,.badge.expired{color:#8f2635;background:#f9e2e5}.empty{color:var(--muted);text-align:center;padding:35px 10px}.totals{max-width:390px;margin:18px 0 0 auto}.totals dl{grid-template-columns:1fr auto;gap:12px;margin:0;display:grid}.totals dt,.totals dd{margin:0}.totals dd{text-align:right;font-variant-numeric:tabular-nums}.totals .grand{border-top:1px solid var(--line);padding-top:14px;font-size:21px;font-weight:600}.document-head{justify-content:space-between;gap:20px;display:flex}.document-lines{margin-top:24px}.line-editor{border-bottom:1px solid var(--line);grid-template-columns:minmax(220px,1fr) 100px 130px 90px;align-items:end;gap:12px;padding:15px 0;display:grid}.line-editor label{font-size:12px}.line-editor textarea{height:43px;min-height:43px}.pagination{margin-top:20px}.pagination svg{width:20px}.pagination nav{justify-content:space-between;align-items:center;gap:15px;display:flex}.pagination nav>div{align-items:center;gap:8px;display:flex}.login{grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.login-brand{background:var(--ink);color:#fff;flex-direction:column;justify-content:space-between;padding:12%;display:flex}.login-brand .brand{font-size:42px}.login-brand h1{max-width:400px;font-size:48px}.login-form{justify-content:center;align-items:center;padding:35px;display:flex}.login-form>div{width:100%;max-width:370px}.login-form h1{margin-bottom:8px}.login-form form{margin-top:28px}.login-form button{width:100%;margin-top:10px}details summary{cursor:pointer;padding:8px 0;font-weight:600}code{overflow-wrap:anywhere;font-size:12px}.audit-detail{white-space:pre-wrap;overflow-wrap:anywhere;max-width:420px}@media (width<=900px){.shell{grid-template-columns:190px minmax(0,1fr)}.sidebar{padding:25px 15px}.brand{font-size:22px}.main{padding:25px 20px}.line-editor{grid-template-columns:1fr 1fr}.line-editor>div:first-child{grid-column:1/-1}}@media (width<=650px){.shell{display:block}.sidebar{gap:18px;padding:20px}.sidebar nav{gap:5px;display:flex;overflow-x:auto}.sidebar nav a{white-space:nowrap;padding:9px}.sidebar .account{justify-content:space-between;align-items:center;display:flex}.account form{margin:0}.brand small{display:none}.main{padding:24px 16px}.topbar{margin-bottom:24px}.page-head{align-items:flex-start}h1{font-size:29px}.grid,.stats{grid-template-columns:1fr}.stats{gap:10px}.stat{padding:17px}.stat strong{margin:5px 0;font-size:30px}.panel{padding:18px}.document-head,.login{display:block}.login-brand{padding:30px}.login-brand h1{display:none}.login-brand .brand{font-size:30px}.login-brand>p{margin-bottom:0}.login-form{padding:35px 24px}.pagination nav>div:first-child{display:none}}.tabs{gap:8px;margin:0 0 24px;padding-bottom:8px;display:flex;overflow-x:auto}.tabs a{white-space:nowrap;border:1px solid var(--line);background:#fff;border-radius:7px;padding:10px 16px}.filters{flex-wrap:wrap;align-items:end;gap:16px;display:flex}.filters>div{flex:160px}.company-logo{object-fit:contain;max-width:220px;max-height:100px;margin:20px 0}.panel details+details{border-top:1px solid var(--line);margin-top:20px;padding-top:15px}.actions form.draft-issue-action{margin-left:auto}.document-header-actions{flex-shrink:0;justify-content:flex-end;align-items:center;gap:10px;display:flex}@media (width<=650px){.page-head:has(.document-header-actions){flex-wrap:wrap}.document-header-actions{flex-wrap:wrap;flex-shrink:1;max-width:100%;margin-left:auto}}dialog.payments-dialog{width:min(680px,100% - 32px)}@media (width>=651px){.grid.document-conditions{grid-template-columns:repeat(3,minmax(0,1fr))}}dialog{border:1px solid var(--line);width:min(560px,100% - 32px);max-height:90dvh;color:var(--ink);background:var(--white);border-radius:10px;padding:28px;overflow:auto;box-shadow:0 20px 70px #162d3d40}dialog::backdrop{-webkit-backdrop-filter:blur(6px);background:#162d3d80}dialog h2{padding-right:36px}dialog .dialog-close{width:40px;height:40px;min-height:40px;color:var(--muted);background:0 0;border:0;margin:0;padding:0;font-size:28px;font-weight:400;line-height:1;position:absolute;top:10px;right:10px}dialog .dialog-close:hover{background:var(--paper);color:var(--ink)}dialog .actions button{width:auto;margin-top:0}.feedback-errors{color:var(--danger)}.feedback-errors ul{padding-left:20px}.feedback-dialog [data-feedback-content]{overflow-wrap:anywhere}[hidden]{display:none!important}body:has(dialog[open]){overflow:hidden}:is(body:has(dialog[open])>.shell,body:has(dialog[open])>.login){filter:blur(5px)}dialog.customer-dialog{width:min(760px,100% - 32px)}.customer-selector-actions{margin-top:10px}.customer-feedback{color:var(--accent);margin:12px 0}dialog.customer-dialog .errors{margin-top:8px}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--sidebar-bg:#f0f1ef;--nav-hover:#e3e9e7;--nav-active:#dbe9e5;--nav-active-ink:#175951}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#e4e9ed;--muted:#aab8c4;--paper:#131a20;--white:#1b252e;--line:#34434f;--gold:#dbc18c;--accent:#75c8c2;--danger:#ff9baa;--sidebar-bg:#182128;--nav-hover:#26343e;--nav-active:#28433f;--nav-active-ink:#a6e3d8}body{background:var(--paper);color:var(--ink)}.panel,.stat,.secondary,.tabs a,input,select,textarea{background:var(--white)}input,select,textarea,td{border-color:var(--line)}.tabs a[aria-current=page]{background:var(--accent);color:var(--paper)}[data-theme=dark] .notice{color:#a9ddc9;background:#193a32;border-color:#3e7666}[data-theme=dark] .errors{color:#ffb8c3;background:#3b252c;border-color:#82505b}[data-theme=dark] .badge{color:#d0dce5;background:#2e3c47}[data-theme=dark] .badge.accepted,[data-theme=dark] .badge.issued,[data-theme=dark] .badge.invoiced{color:#ade0c3;background:#224435}[data-theme=dark] .badge.presented{color:#f3d889;background:#493e23}[data-theme=dark] .badge.rejected,[data-theme=dark] .badge.expired{color:#ffb3bf;background:#482c35}.login-brand{background:#162d3d}.shell{grid-template-columns:256px minmax(0,1fr);display:grid}.sidebar{background:var(--sidebar-bg);height:100dvh;color:var(--ink);border-right:1px solid var(--line);gap:12px;padding:24px 14px 14px;position:sticky;top:0;overflow:hidden auto}.sidebar-header{align-items:center;gap:8px;min-height:54px;margin-bottom:8px;display:flex}.sidebar .brand{align-items:center;gap:10px;min-width:0;font-size:21px;display:flex}.sidebar .brand small{color:var(--muted);letter-spacing:1.3px;margin-top:7px;font:9px system-ui}.brand-mark{color:var(--gold);letter-spacing:-1px;flex-shrink:0;font-size:15px;display:none}.brand-mark>span{font-size:11px}.nav-icon{flex:0 0 20px}.sidebar nav{flex-direction:column;gap:4px;display:flex;overflow:visible}.sidebar nav a,.nav-control{min-height:42px;color:var(--muted);text-align:left;white-space:nowrap;background:0 0;border:0;border-radius:7px;justify-content:flex-start;align-items:center;gap:12px;padding:10px 12px;font-size:14px;font-weight:500;text-decoration:none;display:flex}.sidebar nav a:hover,.nav-control:hover{background:var(--nav-hover);color:var(--ink);filter:none;text-decoration:none}.sidebar nav a[aria-current=page],.nav-control[aria-current=page],.nav-control[aria-pressed=true]{background:var(--nav-active);color:var(--nav-active-ink);border:0;font-weight:600}.sidebar-footer{margin-top:auto;padding-top:20px}.appearance-controls{border-top:1px solid var(--line);flex-direction:column;gap:2px;padding:12px 0;display:flex}.account{border-top:1px solid var(--line);color:var(--muted);padding-top:12px;display:block!important}.account>a{color:var(--muted)}.account-details{overflow-wrap:anywhere;padding:8px 12px;font-size:12px;line-height:1.6}.account form{margin:0}.account button{background:0 0;border:0;width:100%}.mobile-toggle,.mobile-close{display:none}.topbar{gap:14px}.topbar-brand{margin-right:auto}@media (width>=768px){[data-sidebar-collapsed=true] .shell{grid-template-columns:76px minmax(0,1fr)}[data-sidebar-collapsed=true] .sidebar{padding-inline:12px}[data-sidebar-collapsed=true] .sidebar .nav-label{display:none}[data-sidebar-collapsed=true] .sidebar .brand-mark{display:block}[data-sidebar-collapsed=true] .sidebar-header{justify-content:center}[data-sidebar-collapsed=true] .sidebar .nav-control,[data-sidebar-collapsed=true] .sidebar nav a{justify-content:center;width:100%;padding-inline:0}[data-sidebar-collapsed=true] .desktop-collapse .nav-icon{transform:rotate(180deg)}}@media (width<=767px){.shell{display:block}.main{padding:20px 16px}.sidebar{z-index:51;visibility:hidden;gap:12px;width:min(300px,100vw - 48px);height:100dvh;padding:20px 14px;position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.menu-open .sidebar{visibility:visible;transform:translate(0)}.sidebar .brand{font-size:21px}.sidebar .brand small{display:block}.sidebar-header .brand{flex:1}.sidebar nav a{padding:10px 12px}.mobile-toggle,.mobile-close{flex-shrink:0;padding:10px;display:flex}.desktop-collapse{display:none}.sidebar-backdrop{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#08121988;border:0;border-radius:0;width:100%;height:100dvh;padding:0;position:fixed;inset:0}.menu-open,.menu-open body{overflow:hidden}.menu-open .main{filter:blur(3px)}.topbar{letter-spacing:.5px;margin-bottom:24px;padding-bottom:16px}.environment-label{display:none}}@media (prefers-reduced-motion:no-preference){.sidebar{transition:transform .18s}}:root{--button-ink:#fff}:root[data-theme=dark]{--button-ink:#102c2c}:root body button:not(.sidebar-backdrop),:root body .button{background:var(--accent);border-color:var(--accent);color:var(--button-ink)}:root body button:not(.sidebar-backdrop):hover,:root body .button:hover{filter:brightness(.93)}.appearance-controls button[aria-pressed=true]{box-shadow:inset 0 0 0 2px var(--button-ink)}@media (prefers-reduced-motion:no-preference){button:not(.sidebar-backdrop),.button{transition:transform .14s,filter .14s}button:not(.sidebar-backdrop):not(:disabled):active,.button:not([aria-disabled=true]):active{transform:scale(.97)}}