:root{--ground:#f5f6f9;--surface:#fff;--surface2:#edeff4;--line:#d9dde6;--ink:#1b2430;--muted:#5b6675;--faint:#8a94a3;--accent:#3d3a8f;--accent-ink:#fff;--accent-soft:#e8e7f4;--ok:#2f7d51;--ok-soft:#e2f0e7;--warn:#a86d14;--warn-soft:#f6edda;--bad:#b23a42;--bad-soft:#f5e3e4;--shadow:0 1px 2px #1b24300f, 0 4px 14px #1b243012;--shadow-lg:0 16px 40px -10px #1b243038;--font-display:"Archivo", system-ui, sans-serif;--font-ui:"IBM Plex Sans", system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace;--radius:12px;--radius-sm:8px}*{box-sizing:border-box}html,body,#root{min-height:100%}body{font:.875rem/1.5 var(--font-ui);color:var(--ink);background:var(--ground);-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.01em;text-wrap:balance;margin:0 0 .5rem;font-weight:600}h1{font-size:1.5rem}h2{font-size:1.125rem}h3{font-size:.9375rem}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}input,select,button,textarea{color:inherit;font-family:inherit;font-size:.875rem}input,select,textarea{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);width:100%;color:var(--ink);padding:9px 12px}input::placeholder,textarea::placeholder{color:var(--faint)}input:focus,select:focus,textarea:focus,button:focus-visible{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}label{font:600 .6875rem var(--font-ui);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:.75rem 0 6px;display:block}button{cursor:pointer}button.primary{background:var(--accent);color:var(--accent-ink);border:1px solid var(--accent);border-radius:var(--radius-sm);margin-top:.75rem;padding:10px 16px;font-weight:600}button.primary:disabled{opacity:.5;cursor:not-allowed}button.secondary{background:var(--surface);color:var(--accent);border:1px solid var(--accent);border-radius:var(--radius-sm);padding:9px 14px;font-weight:600}button.linkish{color:var(--accent);text-underline-offset:2px;background:0 0;border:0;padding:0;font-weight:600;text-decoration:underline}.mono{font-family:var(--font-mono);font-size:.8125rem}.muted{color:var(--muted)}.strong{font-weight:600}.tabular{font-variant-numeric:tabular-nums}.login-page{background:radial-gradient(1200px 600px at 20% -10%, var(--accent-soft), transparent 60%), var(--ground);place-items:center;min-height:100vh;padding:2rem 16px;display:grid}.login-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);width:min(28rem,100%);box-shadow:var(--shadow);padding:1.75rem}.eyebrow{font:600 .6875rem var(--font-ui);text-transform:uppercase;letter-spacing:.12em;color:var(--accent)}.seg{background:var(--surface2);border-radius:var(--radius-sm);gap:4px;margin:1rem 0 .5rem;padding:4px;display:flex}.seg button{color:var(--muted);background:0 0;border:0;border-radius:6px;flex:1;padding:8px;font-weight:600}.seg button.on{background:var(--surface);color:var(--ink);box-shadow:var(--shadow)}.portal{max-width:76rem;margin:0 auto;padding-block:1.5rem 4rem;padding-inline:16px}.portal-header{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;padding-bottom:1rem;display:flex}.portal-header h1{margin:.125rem 0}.portal-who{text-align:right;font-size:.8125rem}.summary{grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:.75rem;margin:1.25rem 0;display:grid}.tile{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:.875rem 1rem}.tile.warn{border-color:var(--warn);background:var(--warn-soft)}.tile-label{font:600 .6875rem var(--font-ui);text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.tile-value{font:600 1.5rem/1.2 var(--font-display);font-variant-numeric:tabular-nums;margin:.25rem 0 .125rem}.tile-value.small{font-size:1rem}.tile-note{color:var(--muted);font-size:.75rem}.tabs{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:2px;margin-bottom:1.25rem;display:flex}.tab{color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;padding:10px 14px;font-weight:600}.tab.active{color:var(--accent);border-bottom-color:var(--accent)}.grid{border-collapse:collapse;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);width:100%;font-size:.8125rem;overflow:hidden}.portal-body,.drawer{overflow-x:auto}.grid th,.grid td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:10px 12px}.grid.tight th,.grid.tight td{padding:7px 10px}.grid thead th{font:600 .6875rem var(--font-ui);text-transform:uppercase;letter-spacing:.06em;color:var(--muted);background:var(--surface2);white-space:nowrap}.grid tbody tr:last-child td{border-bottom:0}.grid .num{text-align:right;font-variant-numeric:tabular-nums}.grid tr.overdue td{background:var(--warn-soft)}.grid tr.muted-row td{color:var(--muted)}.chip{font:600 .6875rem var(--font-ui);background:var(--surface2);color:var(--muted);white-space:nowrap;border-radius:999px;margin-right:4px;padding:2px 8px;display:inline-block}.chip.open,.chip.confirmed,.chip.posted,.chip.issued,.chip.settled,.chip.delivered{background:var(--ok-soft);color:var(--ok)}.chip.warn,.chip.part_settled,.chip.part_delivered,.chip.late{background:var(--warn-soft);color:var(--warn)}.chip.rejected,.chip.cancelled,.chip.written_off{background:var(--bad-soft);color:var(--bad)}.chip.portal{background:var(--accent-soft);color:var(--accent)}.sub{margin:1.5rem 0}.sub h3{margin-bottom:.5rem}.plain{margin:0;padding:0;list-style:none}.plain li{border-bottom:1px solid var(--line);padding:8px 0}.plain li:last-child{border-bottom:0}.drawer{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-lg);margin-top:1.25rem;padding:1.25rem}.drawer-head{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.drawer-head h2{margin:0}.facts{grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));gap:.75rem;margin:0 0 1rem;display:grid}.facts div{min-width:0}.facts dt{font:600 .6875rem var(--font-ui);text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.facts dd{font-variant-numeric:tabular-nums;margin:2px 0 0}.form-row{grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:.75rem;display:grid}.row{align-items:center;gap:.75rem;margin-top:.75rem;display:flex}.banner{border-radius:var(--radius-sm);margin:.75rem 0;padding:10px 12px;font-size:.8125rem}.banner.error{background:var(--bad-soft);color:var(--bad)}.empty{background:var(--surface);border:1px dashed var(--line);border-radius:var(--radius);text-align:center;padding:2rem 1.25rem}.empty h3{margin-bottom:.25rem}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}