:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#f6f7f9;--surface:#fff;--surface-head:#eef0f4;--text:#1a1a1a;--muted:#4a5260;--border:#d5d9e0;--border-row:#e1e4ea;--input-border:#8a93a1;--accent:#0b5cad;--on-accent:#fff;--link:#0b5cad;--accent-soft:#e3eefa;--hover:#e3e6ec;--danger:#b00020;--chip-bg:#e1e4ea;--chip-text:#1a1a1a;color:var(--text);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.45}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#14171c;--surface:#1c2027;--surface-head:#242a33;--text:#e6e9ee;--muted:#a3adbb;--border:#343c48;--border-row:#2a313b;--input-border:#5b6676;--accent:#2f6fbf;--on-accent:#fff;--link:#8bbdf2;--accent-soft:#22344d;--hover:#2b323d;--danger:#ff8a98;--chip-bg:#2f3742;--chip-text:#e6e9ee}}:root[data-theme=dark]{--bg:#14171c;--surface:#1c2027;--surface-head:#242a33;--text:#e6e9ee;--muted:#a3adbb;--border:#343c48;--border-row:#2a313b;--input-border:#5b6676;--accent:#2f6fbf;--on-accent:#fff;--link:#8bbdf2;--accent-soft:#22344d;--hover:#2b323d;--danger:#ff8a98;--chip-bg:#2f3742;--chip-text:#e6e9ee}body{margin:0}h1{margin:0 0 1rem;font-size:1.4rem}a{color:var(--link)}:focus-visible{outline:3px solid var(--link);outline-offset:2px}.nav{background:var(--surface);border-bottom:1px solid var(--border);align-items:center;gap:1rem;padding:.6rem 1.25rem;display:flex}.nav a{border-radius:4px;padding:.25rem .5rem;text-decoration:none}.nav a.active{background:var(--accent-soft);font-weight:600}.spacer{flex:1}.page{padding:1.25rem}.app{flex-direction:column;height:100dvh;display:flex}.app>.nav{flex:none}.app>.page{flex-direction:column;flex:1;min-height:0;display:flex;overflow:auto}.app>.page>*{flex:none}.card{background:var(--surface);border:1px solid var(--border);border-radius:6px;max-width:24rem;margin:4rem auto;padding:1.5rem}label{margin-bottom:.9rem;font-weight:600;display:block}input,select,textarea{box-sizing:border-box;width:100%;font:inherit;color:var(--text);border:1px solid var(--input-border);background:var(--surface);border-radius:4px;margin-top:.25rem;padding:.45rem .55rem;display:block}button{font:inherit;border:1px solid var(--accent);background:var(--accent);color:var(--on-accent);cursor:pointer;border-radius:4px;padding:.45rem .9rem}button:disabled{opacity:.6;cursor:default}.password-rules-title{margin-bottom:.25rem}.password-rules{color:var(--muted);margin:0 0 1rem;padding-left:1.25rem;font-size:.9rem}.password-input{display:block;position:relative}.password-input input{padding-right:2.5rem;font-weight:400}.password-toggle{color:var(--muted);background:0 0;border:none;align-items:center;padding:0 .6rem;display:flex;position:absolute;top:.25rem;bottom:0;right:0}.password-toggle:hover{color:var(--text)}button.link{color:var(--link);background:0 0;border:none;padding:.45rem .25rem;text-decoration:underline}.nav button{background:var(--surface);color:var(--link);border-color:var(--link)}.nav .theme{color:var(--muted);align-items:center;gap:.4rem;margin:0;font-size:.85rem;font-weight:400;display:flex}.nav .theme select{width:auto;margin:0;padding:.25rem .4rem}.row{align-items:center;gap:1rem;display:flex}.error{color:var(--danger)}table{border-collapse:collapse;background:var(--surface);width:100%}th,td{text-align:left;border-bottom:1px solid var(--border-row);padding:.4rem .6rem}th{background:var(--surface-head);position:sticky;top:0}.units-head{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.units-head h1{margin:0}a.button{border:1px solid var(--accent);background:var(--accent);color:var(--on-accent);border-radius:4px;padding:.45rem .9rem;text-decoration:none;display:inline-block}.filters{background:var(--surface);border:1px solid var(--border);border-radius:6px;flex-wrap:wrap;align-items:flex-end;gap:.6rem 1rem;margin-bottom:1rem;padding:.75rem;display:flex}.filters label{margin:0;font-size:.85rem;font-weight:600}.filters input,.filters select{width:auto;min-width:8rem;font-weight:400}.filters .filter-search{flex:22rem}.filters .filter-search input{width:100%}.filters label.check{align-items:center;gap:.4rem;padding-bottom:.5rem;display:flex}.filters label.check input{min-width:0;margin:0}.billed-count{color:var(--muted);margin:0 0 .5rem;font-size:.9rem}.billed-count a{font-weight:600}.table-wrap{border:1px solid var(--border);background:var(--surface);border-radius:6px;overflow:auto}.app>.page>.units{flex-direction:column;flex:auto;min-height:0;display:flex}.units>*{flex:none}.units>.table-wrap{flex:auto;min-height:10rem}.units-table th{z-index:1;box-shadow:inset 0 -1px 0 var(--border)}.table-wrap.busy{opacity:.6}.units-table{font-size:.875rem}.units-table th{white-space:nowrap;padding:0}.units-table td{vertical-align:top}.units-table td.serial{white-space:nowrap}.units-table td.tracking{white-space:normal}.units-table td.tracking .number{white-space:nowrap}.units-table td.lines{white-space:pre-line}.units-table select{width:auto;min-width:9rem;margin:0;padding:.25rem .4rem}.units-table select.billed-select{min-width:0}.units-table select option{background:var(--surface);color:var(--text)}.units-table td.empty{text-align:center;color:var(--muted);padding:1.5rem}button.sort{width:100%;color:inherit;text-align:left;background:0 0;border:none;border-radius:0;align-items:center;gap:.35rem;padding:.4rem .6rem;font-weight:600;display:flex}button.sort:hover{background:var(--hover)}.arrow{min-width:.7rem;font-size:.65rem}.row-error{margin-top:.25rem;font-size:.8rem}.chip{background:var(--chip-bg);color:var(--chip-text);white-space:nowrap;border-radius:999px;padding:.1rem .55rem;font-size:.8rem;font-weight:600;display:inline-block}.pager{justify-content:flex-end;align-items:center;gap:1rem;margin-top:.75rem;display:flex}.pager>span:first-child{margin-right:auto}.pager button:not(:disabled){background:var(--surface);color:var(--link);border-color:var(--link)}.unit-page{max-width:54rem}.unit-page .meta{color:var(--muted);margin:-.5rem 0 1rem;font-size:.9rem}.unit-form{background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:1rem 1.25rem}.unit-form .fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 1.25rem;display:grid}.unit-form .field{min-width:0;margin-bottom:.9rem}.unit-form .field.wide{grid-column:1/-1}.unit-form .field>label{margin:0}.unit-form .input-row{align-items:center;gap:.6rem;display:flex}.unit-form .input-row input,.unit-form .input-row textarea{flex:1}.unit-form .input-row .chip{flex:none}.unit-form .hint{color:var(--muted);margin:.25rem 0 0;font-size:.8rem}.unit-form .ref-group{border:1px solid var(--border);border-radius:6px;grid-column:1/-1;min-width:0;margin:0 0 .9rem;padding:.25rem .9rem .1rem}.unit-form .ref-group legend{padding:0 .35rem;font-weight:600}.unit-form .ref-group>.hint{margin:0 0 .6rem}.unit-form .ref-stages{grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:0 1rem;display:grid}.unit-form .field-error{margin:.25rem 0 0;font-size:.85rem}.unit-form .actions{align-items:center;gap:.75rem;margin-top:.5rem;display:flex}.unit-form button.secondary{background:var(--surface);color:var(--link);border-color:var(--link)}.unit-form button.danger{background:var(--surface);color:var(--danger);border-color:var(--danger)}.unit-form .saved{background:var(--accent-soft);border-radius:4px;margin:0 0 .75rem;padding:.4rem .6rem}@media (width<=40rem){.unit-form .fields{grid-template-columns:minmax(0,1fr)}}.admin{max-width:60rem}.admin-tabs{border-bottom:1px solid var(--border);gap:.25rem;margin-bottom:1rem;display:flex}.admin-tabs button{color:var(--link);background:0 0;border:none;border-bottom:3px solid #0000;border-radius:0;margin-bottom:-1px;padding:.45rem .9rem}.admin-tabs button:hover{background:var(--hover)}.admin-tabs button[aria-selected=true]{border-bottom-color:var(--accent);color:var(--text);font-weight:600}.admin-add{background:var(--surface);border:1px solid var(--border);border-radius:6px;flex-wrap:wrap;align-items:flex-end;gap:.6rem 1rem;margin-bottom:1rem;padding:.75rem;display:flex}.admin-add label{margin:0;font-size:.85rem}.admin-add .grow{flex:16rem}.admin-add input,.admin-add select{font-weight:400}.admin-add select{min-width:10rem}.admin input[type=color]{cursor:pointer;flex:none;width:2.75rem;height:2.25rem;padding:.15rem}.admin-row{align-items:center;gap:.6rem;display:flex}.admin-row input:not([type=color]){flex:12rem;min-width:8rem;margin:0}.admin-row input[type=color]{margin:0}.admin-preview{flex:0 0 15rem;overflow:hidden}.admin-move{white-space:nowrap;width:1%}.admin-move button{margin-right:.2rem;padding:.2rem .45rem;font-size:.7rem}.admin button.secondary{background:var(--surface);color:var(--link);border-color:var(--link)}.admin button.danger{background:var(--surface);color:var(--danger);border-color:var(--danger)}.admin .saved{background:var(--accent-soft);border-radius:4px;margin:0 0 1rem;padding:.4rem .6rem}.admin .muted{color:var(--muted)}.admin .row-error{margin:.25rem 0 0}.admin td{vertical-align:middle}.reports{max-width:80rem}.reports .filters{max-width:24rem}.reports .busy{opacity:.6}.report-total{color:var(--muted);margin:0 0 1rem}.report-total strong{color:var(--text);font-size:1.4rem}.reports .empty{color:var(--muted);padding:1.5rem}.report-groups{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:1.25rem;display:grid}.report-group:last-child{grid-column:1/-1}@media (width<=52rem){.report-groups{grid-template-columns:minmax(0,1fr)}}.report-group{background:var(--surface);border:1px solid var(--border);border-radius:6px;min-width:0;padding:.75rem 1rem 1rem}.report-group h2{margin:0 0 .5rem;font-size:1rem}.report-group th{color:var(--muted);background:0 0;font-size:.8rem;font-weight:600;position:static}.report-group tbody th{font-size:inherit;color:var(--text);font-weight:400}.report-group .blank{color:var(--muted)}.report-group .num{text-align:right;font-variant-numeric:tabular-nums;width:1%}.report-group td.num a{font-weight:600}.report-group .bar-cell{width:40%;min-width:6rem}.report-group .bar-track{background:var(--accent-soft);border-radius:0 4px 4px 0;height:.6rem;overflow:hidden}.report-group .bar{background:var(--accent);border-radius:0 4px 4px 0;height:100%}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.report-group thead th:first-child:first-letter{text-transform:uppercase}