:root{--ground:#EFEFEE;--surface:#FFFFFF;--sunk:#E6E6E5;--ink:#15161A;--ink2:#5A5E66;--ink3:#8A8E95;--rule:#D6D6D4;--steel:#5F6B77;--stage:#0B0C0E;--stage2:#14161A;--stage-ink:#E9E9E7;--stage-rule:#2A2E34;--alert:#A4641B;--ok:#3F6B4A;--hot:#993628;--live:#B8451F;--live-soft:#F4E3DB;--fd:"Saira Condensed","Arial Narrow",system-ui,sans-serif;--fb:"IBM Plex Sans",system-ui,-apple-system,sans-serif;--fm:"IBM Plex Mono",ui-monospace,Menlo,monospace;--r:2px;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--ground:#0E1013;--surface:#16181C;--sunk:#111317;--ink:#E9E9E7;--ink2:#99A0A8;--ink3:#6E747C;--rule:#262A30;--steel:#92A2B0;--stage:#060708;--stage2:#0E1013;--stage-rule:#20242A;--alert:#D4902F;--ok:#6FA37C;--hot:#CC6450;--live:#E2652F;--live-soft:#3A2219;color-scheme:dark}}:root[data-theme=dark]{--ground:#0E1013;--surface:#16181C;--sunk:#111317;--ink:#E9E9E7;--ink2:#99A0A8;--ink3:#6E747C;--rule:#262A30;--steel:#92A2B0;--stage:#060708;--stage2:#0E1013;--stage-rule:#20242A;--alert:#D4902F;--ok:#6FA37C;--hot:#CC6450;--live:#E2652F;--live-soft:#3A2219;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;background:var(--ground);color:var(--ink);font:400 14px/1.5 var(--fb)}a{color:inherit}h1,h2,h3{font-family:var(--fd);font-weight:700;margin:0;letter-spacing:.01em}h1{font-size:30px;line-height:1.1}h2{font-size:20px}h3{font-size:16px}.eyebrow{font:500 10px/1 var(--fm);letter-spacing:.17em;text-transform:uppercase;color:var(--ink2)}.mono{font-family:var(--fm)}.num{font-family:var(--fm);font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}.muted{color:var(--ink2)}.small{font-size:12px}.shell{display:grid;grid-template-columns:220px 1fr;min-height:100vh}.nav{background:var(--stage);color:var(--stage-ink);padding:18px 0;position:sticky;top:0;height:100vh;overflow:auto}.brand{padding:0 20px 18px;border-bottom:1px solid var(--stage-rule);margin-bottom:10px}.brand b{font:700 20px/1 var(--fd);letter-spacing:.3em;display:block}.brand span{font:500 9px/1 var(--fm);letter-spacing:.2em;color:#8a8f96;text-transform:uppercase}.nav .grp{font:500 9px/1 var(--fm);letter-spacing:.2em;color:#6e747c;text-transform:uppercase;padding:16px 20px 6px}.nav a{display:block;padding:7px 20px;color:#c9ccd0;text-decoration:none;border-left:2px solid transparent;font-size:13.5px}.nav a:hover{color:#fff;background:var(--stage2)}.nav a.active{color:#fff;border-left-color:var(--live);background:var(--stage2)}.nav .who{padding:16px 20px;border-top:1px solid var(--stage-rule);margin-top:16px;font-size:12px;color:#8a8f96}.nav .who button{margin-top:8px}.main{padding:24px 28px 60px;min-width:0}.pagehead{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:18px;flex-wrap:wrap}.toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.card{background:var(--surface);border:1px solid var(--rule);border-radius:var(--r);padding:16px}.grid{display:grid;gap:12px}.tiles{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.two{grid-template-columns:repeat(auto-fit,minmax(380px,1fr))}.tile .v{font:600 26px/1.1 var(--fd);margin-top:6px;font-variant-numeric:tabular-nums}.tile .s{font-size:12px;color:var(--ink2);margin-top:2px}.tile.warn{border-left:3px solid var(--alert)}.tablewrap{overflow:auto;background:var(--surface);border:1px solid var(--rule);border-radius:var(--r)}table{width:100%;border-collapse:collapse}th{font:500 10px/1 var(--fm);letter-spacing:.12em;text-transform:uppercase;color:var(--ink2);text-align:left;padding:10px;border-bottom:1px solid var(--rule);background:var(--sunk);position:sticky;top:0;white-space:nowrap}td{padding:8px 10px;border-bottom:1px solid var(--rule);vertical-align:top}tr.click{cursor:pointer}tr.click:hover td{background:var(--sunk)}tfoot td{font-weight:600;background:var(--sunk)}button,.btn{font:500 13px/1 var(--fb);padding:8px 12px;border-radius:var(--r);border:1px solid var(--rule);background:var(--surface);color:var(--ink);cursor:pointer}button.primary{background:var(--live);border-color:var(--live);color:#fff}button:disabled{opacity:.5;cursor:default}input,select,textarea{font:400 13px/1.3 var(--fb);padding:7px 9px;border:1px solid var(--rule);border-radius:var(--r);background:var(--surface);color:var(--ink);min-width:0}label.f{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--ink2)}.form{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.seg{display:inline-flex;border:1px solid var(--rule);border-radius:var(--r);overflow:hidden}.seg button{border:0;border-right:1px solid var(--rule);border-radius:0}.seg button:last-child{border-right:0}.seg button.on{background:var(--ink);color:var(--surface)}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--rule);margin:18px 0 12px;flex-wrap:wrap}.tabs button{border:0;border-bottom:2px solid transparent;background:none;border-radius:0;padding:9px 12px;color:var(--ink2)}.tabs button.on{color:var(--ink);border-bottom-color:var(--live)}.chip{display:inline-block;font:500 10px/1 var(--fm);letter-spacing:.1em;text-transform:uppercase;padding:4px 6px;border-radius:var(--r);border:1px solid var(--rule);white-space:nowrap}.chip.active{color:var(--live);border-color:var(--live)}.chip.paid{color:var(--ok);border-color:var(--ok)}.chip.quoted,.chip.pending{color:var(--steel);border-color:var(--steel)}.chip.billed,.chip.warn{color:var(--alert);border-color:var(--alert)}.notice{border:1px solid var(--alert);background:var(--live-soft);padding:10px 12px;border-radius:var(--r);font-size:13px}.error{color:var(--hot);font-size:13px}.sheet{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1px;background:var(--rule);border:1px solid var(--rule);border-radius:var(--r);overflow:hidden}.sheet div{background:var(--surface);padding:10px 12px}.sheet .k{font:500 10px/1 var(--fm);letter-spacing:.12em;text-transform:uppercase;color:var(--ink2)}.sheet .v{font:600 18px/1.2 var(--fd);margin-top:4px;font-variant-numeric:tabular-nums}.sheet .v.good{color:var(--ok)}.sheet .v.bad{color:var(--hot)}.chart{position:relative}.chart svg{display:block;width:100%;height:auto;overflow:visible}.chart .tip{position:absolute;pointer-events:none;background:var(--ink);color:var(--surface);font:500 12px/1.3 var(--fb);padding:6px 8px;border-radius:var(--r);transform:translate(-50%,-110%);white-space:nowrap}.login{min-height:100vh;display:grid;place-items:center;background:var(--stage);color:var(--stage-ink)}.login .box{width:min(360px,92vw);display:grid;gap:12px}.login input{background:var(--stage2);color:var(--stage-ink);border-color:var(--stage-rule);padding:10px}.login b{font:700 30px/1 var(--fd);letter-spacing:.35em}@media (max-width:820px){.shell{grid-template-columns:1fr}.nav{position:static;height:auto;display:flex;overflow-x:auto;padding:8px 0;align-items:center}.nav .brand,.nav .grp,.nav .who{display:none}.nav a{white-space:nowrap;border-left:0;border-bottom:2px solid transparent}.nav a.active{border-bottom-color:var(--live)}.main{padding:16px}}.shell{background:linear-gradient(to right,var(--stage) 220px,var(--ground) 220px)}.tablewrap td:first-child{white-space:nowrap}@media (max-width:820px){.shell{background:var(--ground)}.nav>div{display:contents}}