:root{--base:#F8F5EE;--paper:#FFFDF8;--ink:#1A1714;--soft:#4E4740;--faint:#8B8478;
--ox:#6E1423;--brass:#B08D57;--rule:#E2DACA;
--sage:#E7EDE6;--dust:#E3E9F0;--clay:#F4E8E1;--sand:#F4EEDF;--rose:#F2E5E7;--night:#161C33;
--sage-d:#4A6B55;--dust-d:#3E5C7A;--clay-d:#A05A42;--brass-d:#8A6D2F;
--mono:'IBM Plex Mono',monospace;--serif:'Newsreader',Georgia,serif;--sans:'Figtree',-apple-system,sans-serif}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--base:#F8F5EE;--paper:#FFFDF8}}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--base);font-family:var(--sans);color:var(--ink);-webkit-font-smoothing:antialiased;font-size:14px}
.top{background:var(--night);padding:11px 22px;display:flex;align-items:center;gap:13px;flex-wrap:wrap;position:sticky;top:0;z-index:30}
.brand{display:flex;align-items:center;gap:9px}
.brand .wm{font-family:var(--mono);font-size:12px;letter-spacing:.3em;font-weight:600;color:#fff;text-transform:uppercase}
.brand .dv{width:1px;height:16px;background:rgba(255,255,255,.2)}
.brand .pd{font-family:var(--serif);font-size:16.5px;color:#E8A33D}
.top .cli{margin-left:auto;display:flex;align-items:center;gap:10px;font-family:var(--mono);font-size:8.5px;letter-spacing:.13em;text-transform:uppercase;color:#7A85AD}
.pv{background:#E8A33D;color:#161C33;font-family:var(--mono);font-size:7.5px;font-weight:600;letter-spacing:.13em;padding:4px 8px;border-radius:9px}
.shell{display:grid;grid-template-columns:225px minmax(0,1fr);min-height:calc(100vh - 44px)}
@media(max-width:900px){.shell{grid-template-columns:1fr}}
nav{background:var(--paper);border-right:1px solid var(--rule);padding:12px 0 40px}
@media(max-width:900px){nav{border-right:none;border-bottom:1px solid var(--rule);display:flex;overflow-x:auto;padding:6px 0;white-space:nowrap}
nav .grp{display:none}
nav button{width:auto;display:inline-block;border-left:none;border-bottom:2px solid transparent;padding:9px 13px}
nav button.on{border-left:none;border-bottom-color:var(--ox);background:none}}
nav .grp{font-family:var(--mono);font-size:7.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--brass);padding:14px 18px 4px}
nav button{display:block;width:100%;text-align:left;background:none;border:none;font-family:var(--sans);font-size:12.3px;color:var(--soft);padding:6.5px 18px;cursor:pointer;border-left:2px solid transparent;line-height:1.35}
nav button:hover{background:rgba(110,20,35,.04);color:var(--ink)}
nav button.on{color:var(--ox);font-weight:700;border-left-color:var(--ox);background:rgba(110,20,35,.05)}
nav button .num{font-family:var(--mono);font-size:8px;color:var(--brass);margin-right:8px;letter-spacing:.05em}
nav button.on .num{color:var(--ox)}
main{padding:20px 24px 70px;max-width:1440px;min-width:0}
@media(max-width:900px){main{padding:16px 13px 56px;overflow-x:hidden}}
.pane{display:none}.pane.on{display:block}
h2{font-family:var(--serif);font-size:25px;font-weight:400;letter-spacing:-.02em;margin-bottom:4px}
h3.sec{font-family:var(--serif);font-size:18px;font-weight:400;margin:22px 0 3px}
.one{font-size:14.5px;color:var(--soft);line-height:1.65;margin-bottom:17px;max-width:790px}
.sub{font-size:12.6px;color:var(--soft);margin-bottom:14px;max-width:92ch;line-height:1.62}
.lbl{font-family:var(--mono);font-size:8px;letter-spacing:.15em;text-transform:uppercase;color:var(--faint);margin-bottom:8px}
.eyebrow{font-family:var(--mono);font-size:8px;letter-spacing:.18em;text-transform:uppercase;color:var(--ox);margin-bottom:7px}
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(148px,1fr));gap:9px;margin-bottom:15px}
.kpi{border-radius:18px;padding:13px 15px}
.kpi .n{font-family:var(--serif);font-size:27px;line-height:1;letter-spacing:-.025em}
.kpi .t{font-family:var(--mono);font-size:7.5px;letter-spacing:.11em;text-transform:uppercase;color:var(--faint);margin-top:6px;line-height:1.55}
.kpi.night{background:var(--night)}.kpi.night .n{color:#fff}.kpi.night .t{color:#8B95BB}
.kpi.sage{background:var(--sage)}.kpi.dust{background:var(--dust)}.kpi.clay{background:var(--clay)}
.kpi.sand{background:var(--sand)}.kpi.rose{background:var(--rose)}.kpi.paper{background:var(--paper)}
.grid{display:grid;gap:12px}
.g2{grid-template-columns:1.5fr 1fr}.g2e{grid-template-columns:1fr 1fr}.g3{grid-template-columns:repeat(3,1fr)}
.g21{grid-template-columns:1fr 1.6fr}
@media(max-width:1050px){.g2,.g2e,.g3,.g21{grid-template-columns:1fr}}
.card{background:var(--paper);border-radius:18px;padding:15px 17px}
.card.sage{background:var(--sage)}.card.dust{background:var(--dust)}.card.clay{background:var(--clay)}
.card.sand{background:var(--sand)}.card.rose{background:var(--rose)}
.card.night{background:var(--night)}.card.night h3{color:#fff}.card.night p{color:#96A0C0}.card.night .lbl{color:#E8A33D}
.card h3{font-size:13px;font-weight:700;margin-bottom:3px}
.card p{font-size:12px;color:var(--soft);line-height:1.62}
.band{background:var(--night);border-radius:18px;padding:20px 22px;margin:14px 0}
.band .lbl{color:#E8A33D}
.band .row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:18px}
.band .st{min-width:0}
.band .st .n{font-family:var(--serif);font-size:31px;color:#fff;line-height:1;letter-spacing:-.025em}
.band .st .t{font-family:var(--mono);font-size:7.5px;letter-spacing:.11em;text-transform:uppercase;color:#8B95BB;margin-top:7px;line-height:1.65;overflow-wrap:anywhere;white-space:normal}
.tw{background:var(--paper);border-radius:18px;overflow-x:auto}
table{width:100%;border-collapse:separate;border-spacing:0;font-size:12px}
@media(max-width:900px){table{min-width:700px}}
th{font-family:var(--mono);font-size:7.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--faint);text-align:left;padding:11px 10px;background:rgba(0,0,0,.02);white-space:nowrap;line-height:1.5}
th.r,td.r{text-align:right}
td{padding:9px 10px;border-top:1px solid var(--rule);color:var(--soft);line-height:1.45;vertical-align:top}
td .co{color:var(--ink);font-weight:600;font-size:12.4px;display:block}
td .sc{font-size:10.5px;color:var(--faint);display:block;margin-top:2px}
tbody tr.clk{cursor:pointer}
tbody tr.clk:hover td{background:rgba(110,20,35,.033)}
.pill{display:inline-block;font-family:var(--mono);font-size:7.5px;letter-spacing:.06em;text-transform:uppercase;padding:4px 8px;border-radius:10px;white-space:nowrap}
.p0{background:#EDEAE2;color:#8B8478}.p1{background:var(--dust);color:var(--dust-d)}
.p2{background:var(--sand);color:var(--brass-d)}.p3{background:var(--clay);color:var(--clay-d)}
.p4{background:var(--ox);color:#fff}.pg{background:var(--sage);color:var(--sage-d)}
.bars{display:grid;gap:7px}
.br{display:grid;grid-template-columns:var(--lw,150px) 1fr 62px;gap:9px;align-items:center;font-size:12px}
.br .l{color:var(--soft);font-weight:600;line-height:1.3}
.br .tk{height:17px;border-radius:9px;background:rgba(0,0,0,.045);overflow:hidden}
.br .tk i{display:block;height:100%;border-radius:9px}
.br .v{font-family:var(--mono);font-size:10.5px;color:var(--ink);text-align:right}
@media(max-width:640px){.br{--lw:104px!important}}
.note{font-family:var(--mono);font-size:8px;letter-spacing:.1em;text-transform:uppercase;color:var(--faint);margin-top:13px;line-height:1.8}
.ill{background:var(--paper);border-radius:18px;padding:14px 16px}
.ill svg{width:100%;height:auto;display:block}
.leg{display:flex;gap:14px;flex-wrap:wrap;margin-top:9px;padding-top:9px;border-top:1px solid var(--rule)}
.leg span{font-family:var(--mono);font-size:7.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--faint);display:flex;align-items:center;gap:5px}
.leg i{width:9px;height:9px;border-radius:50%;display:inline-block}
.asm{background:var(--sand);border-left:3px solid var(--brass);border-radius:0 18px 18px 0;padding:12px 15px;margin:12px 0}
.asm b{font-family:var(--mono);font-size:7.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--brass-d);display:block;margin-bottom:6px}
.asm ul{margin:0;padding-left:16px}
.asm li{font-size:11.7px;color:var(--soft);line-height:1.7}
.gov{background:var(--rose);border-radius:18px;padding:14px 16px;margin-top:12px}
.gov h3{font-size:13px;font-weight:700;margin-bottom:6px}
.gov li{font-size:11.8px;color:var(--soft);line-height:1.7;margin-left:16px}
.calc{background:var(--paper);border-radius:18px;padding:16px 18px}
.cr{display:grid;grid-template-columns:1fr 92px;gap:12px;align-items:center;padding:9px 0;border-top:1px solid var(--rule)}
.cr:first-of-type{border-top:none}
.cr label{font-size:12px;color:var(--soft);line-height:1.4}
.cr input[type=number],.cr input[type=text]{font-family:var(--mono);font-size:12px;padding:6px 9px;border:1px solid var(--rule);border-radius:10px;background:var(--base);width:100%;text-align:right;color:var(--ink);outline:none}
.cr input:focus{border-color:var(--brass)}
.out{background:var(--night);border-radius:18px;padding:16px 18px;margin-top:11px}
.out .lbl{color:#E8A33D}
.out .big{font-family:var(--serif);font-size:34px;color:#fff;line-height:1.05;letter-spacing:-.025em}
.out .sm{font-family:var(--mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:#8B95BB;margin-top:8px;line-height:1.7}
.out .split{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:14px;margin-top:14px;padding-top:13px;border-top:1px solid rgba(255,255,255,.13)}
.out .split div .n{font-family:var(--serif);font-size:20px;color:#E8A33D;line-height:1}
.out .split div .t{font-family:var(--mono);font-size:7.5px;letter-spacing:.1em;text-transform:uppercase;color:#8B95BB;margin-top:5px;line-height:1.6}
/* module cards */
.mods{display:grid;grid-template-columns:repeat(auto-fill,minmax(266px,1fr));gap:11px}
.mc{background:var(--paper);border-radius:18px;padding:14px 15px;display:flex;flex-direction:column;gap:8px;cursor:pointer;border:1px solid transparent;transition:border-color .13s}
.mc:hover{border-color:var(--brass)}
.mc .hd{display:flex;align-items:center;gap:8px}
.mc .no{font-family:var(--mono);font-size:8px;letter-spacing:.13em;color:var(--brass)}
.mc .en{margin-left:auto;display:flex;gap:3px}
.mc .en i{width:16px;height:16px;border-radius:5px;display:grid;place-items:center;font-family:var(--mono);font-size:7.5px;font-weight:600;font-style:normal;color:#fff}
.mc h4{font-size:13.2px;font-weight:700;line-height:1.3}
.mc p{font-size:11.6px;color:var(--soft);line-height:1.55;flex:1}
.mc .ft{display:flex;align-items:center;gap:8px;padding-top:8px;border-top:1px solid var(--rule);font-family:var(--mono);font-size:7.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--faint)}
.mc .ft .go{margin-left:auto;color:var(--ox);font-weight:600}
.eV{background:#6E1423}.eM{background:#4A6B55}.eS{background:#3E5C7A}.eP{background:#8A6D2F}.eG{background:#A05A42}
/* filter + tab chips */
.chips{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:13px}
.chip{font-family:var(--mono);font-size:8.5px;letter-spacing:.1em;text-transform:uppercase;padding:7px 11px;border-radius:11px;border:1px solid var(--rule);background:var(--paper);color:var(--soft);cursor:pointer}
.chip.on{background:var(--ox);color:#fff;border-color:var(--ox)}
/* live call console */
.live{display:grid;grid-template-columns:250px minmax(0,1fr) 236px;gap:12px}
@media(max-width:1150px){.live{grid-template-columns:1fr}}
.agl{display:grid;gap:7px}
.ag{background:var(--paper);border-radius:14px;padding:10px 12px;cursor:pointer;border:1px solid transparent;display:flex;gap:9px;align-items:center}
.ag:hover{border-color:var(--rule)}
.ag.on{border-color:var(--ox);background:rgba(110,20,35,.045)}
.ag .av{width:30px;height:30px;border-radius:50%;background:var(--night);color:#E8A33D;display:grid;place-items:center;font-family:var(--serif);font-size:13px;flex:none}
.ag.on .av{background:var(--ox);color:#fff}
.ag .nm{font-size:12.2px;font-weight:700;line-height:1.25}
.ag .lg{font-family:var(--mono);font-size:8px;letter-spacing:.09em;text-transform:uppercase;color:var(--faint);margin-top:2px}
.stage{background:var(--paper);border-radius:18px;padding:0;overflow:hidden;display:flex;flex-direction:column;min-height:430px}
.stage .sh{background:var(--night);padding:11px 15px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.stage .sh .who{font-family:var(--serif);font-size:15px;color:#fff}
.stage .sh .meta{font-family:var(--mono);font-size:8px;letter-spacing:.1em;text-transform:uppercase;color:#8B95BB;margin-top:2px}
.stage .sh .tm{margin-left:auto;font-family:var(--mono);font-size:13px;color:#E8A33D;letter-spacing:.05em}
.dot{width:7px;height:7px;border-radius:50%;background:#4A6B55;display:inline-block;margin-right:6px}
.dot.live{background:#E8A33D;animation:pl 1.1s infinite}
@keyframes pl{0%,100%{opacity:1}50%{opacity:.25}}
.tr{flex:1;padding:14px 16px;overflow-y:auto;max-height:392px;display:flex;flex-direction:column;gap:11px}
.turn{max-width:84%;opacity:0;animation:fi .32s forwards}
@keyframes fi{to{opacity:1}}
.turn .sp{font-family:var(--mono);font-size:7px;letter-spacing:.16em;text-transform:uppercase;color:var(--faint);margin-bottom:4px}
.turn .bub{font-size:12.4px;line-height:1.6;padding:9px 12px;border-radius:14px;background:var(--base);color:var(--soft)}
.turn.a{align-self:flex-start}
.turn.a .sp{color:var(--ox)}
.turn.a .bub{background:rgba(110,20,35,.06);color:var(--ink);border-bottom-left-radius:4px}
.turn.c{align-self:flex-end;text-align:right}
.turn.c .bub{background:var(--dust);color:var(--ink);border-bottom-right-radius:4px;text-align:left}
.turn .nat{font-size:11.4px;color:var(--faint);margin-top:4px;font-style:italic;line-height:1.5}
.sbar{border-top:1px solid var(--rule);padding:11px 15px;display:flex;gap:8px;align-items:center;flex-wrap:wrap;background:var(--paper)}
.btn{font-family:var(--mono);font-size:8.5px;letter-spacing:.11em;text-transform:uppercase;padding:9px 14px;border-radius:11px;border:none;cursor:pointer;background:var(--ox);color:#fff;font-weight:600}
.btn.gh{background:var(--paper);color:var(--soft);border:1px solid var(--rule)}
.btn:disabled{opacity:.4;cursor:default}
.side{display:grid;gap:10px;align-content:start}
.sp2{background:var(--paper);border-radius:16px;padding:12px 13px}
.sp2 .lbl{margin-bottom:7px}
.kv{display:flex;justify-content:space-between;gap:8px;font-size:11.6px;padding:5px 0;border-top:1px solid var(--rule);line-height:1.4}
.kv:first-of-type{border-top:none}
.kv b{color:var(--ink);font-weight:600;text-align:right}
.kv span{color:var(--soft)}
.fill{height:6px;border-radius:4px;background:rgba(0,0,0,.06);overflow:hidden;margin-top:7px}
.fill i{display:block;height:100%;border-radius:4px;background:var(--ox);transition:width .4s}
/* queue */
.q{display:grid;gap:6px}
.qi{background:var(--paper);border-radius:13px;padding:9px 12px;display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;opacity:0;animation:fi .3s forwards}
.qi .t{font-family:var(--mono);font-size:9.5px;color:var(--faint);letter-spacing:.04em}
.qi .n2{font-size:12.2px;font-weight:600;color:var(--ink);line-height:1.3}
.qi .d{font-size:11px;color:var(--soft);margin-top:1px;line-height:1.4}
/* tiers */
.tiers{display:grid;grid-template-columns:1fr 1fr;gap:11px}
@media(max-width:800px){.tiers{grid-template-columns:1fr}}
.tier{background:var(--paper);border-radius:18px;padding:16px 18px;border:1px solid transparent;cursor:pointer}
.tier.on{border-color:var(--ox);background:rgba(110,20,35,.035)}
.tier h4{font-size:14px;font-weight:700;margin-bottom:3px}
.tier .pr{font-family:var(--serif);font-size:25px;color:var(--ox);letter-spacing:-.02em;margin:6px 0 9px}
.tier li{font-size:11.7px;color:var(--soft);line-height:1.7;margin-left:15px}
.step{display:grid;grid-template-columns:26px 1fr;gap:11px;padding:10px 0;border-top:1px solid var(--rule);align-items:start}
.step:first-of-type{border-top:none}
.step .i{width:26px;height:26px;border-radius:8px;background:var(--ox);color:#fff;display:grid;place-items:center;font-family:var(--mono);font-size:9px;font-weight:600}
.step h4{font-size:12.5px;font-weight:700;margin-bottom:2px}
.step p{font-size:11.6px;color:var(--soft);line-height:1.6}
.sw{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}
.sw button{font-family:var(--sans);font-size:12px;font-weight:600;padding:8px 13px;border-radius:12px;border:1px solid var(--rule);background:var(--paper);color:var(--soft);cursor:pointer}
.sw button.on{background:var(--night);color:#fff;border-color:var(--night)}
.rng{width:100%;accent-color:#6E1423}

/* ============ Brand mark ============ */
.brand .mk{height:22px;width:auto;display:block}
.brand .by{display:flex;align-items:center;gap:6px}
.brand .d1{height:15px;width:auto;display:block;border-radius:3px}
@media(max-width:900px){.brand .mk{height:18px}}
.navtog{display:none;background:none;border:none;padding:4px 6px 4px 0;cursor:pointer;flex-direction:column;gap:3.5px}
.navtog span{display:block;width:17px;height:1.6px;background:#fff;border-radius:2px}
.scrim{display:none}
.navclose{display:none}

/* ============ Mobile: real sidebar drawer ============ */
@media(max-width:900px){
  .navtog{display:flex}
  .top{padding:10px 14px;gap:9px}
  .top .cli{gap:7px}
  .brand .pd{font-size:14px}
  .brand .wm{font-size:9.5px;letter-spacing:.18em}
  .brand .d1{height:13px}
  nav{position:fixed;top:0;left:0;bottom:0;width:264px;max-width:84vw;z-index:60;
      display:block;white-space:normal;overflow-y:auto;overflow-x:hidden;
      border-right:1px solid var(--rule);border-bottom:none;padding:14px 0 40px;
      transform:translateX(-102%);transition:transform .22s ease;box-shadow:0 0 40px rgba(0,0,0,.18)}
  nav.open{transform:translateX(0)}
  nav .grp{display:block}
  nav button{display:block;width:100%;text-align:left;border-left:2px solid transparent;border-bottom:none;padding:9px 18px;font-size:13px}
  nav button.on{border-left-color:var(--ox);border-bottom-color:transparent;background:rgba(110,20,35,.05)}
  .scrim{display:block;position:fixed;inset:0;background:rgba(22,28,51,.42);z-index:55;opacity:0;pointer-events:none;transition:opacity .22s}
  .scrim.open{opacity:1;pointer-events:auto}
  .navclose{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 16px 12px;border-bottom:1px solid var(--rule);margin-bottom:6px}
  .navclose .ttl{font-family:var(--mono);font-size:8px;letter-spacing:.2em;text-transform:uppercase;color:var(--brass)}
  .navclose button{border:1px solid var(--rule);background:var(--base);border-radius:9px;width:26px;height:26px;line-height:1;font-size:14px;color:var(--soft);cursor:pointer;padding:0}
  h2{font-size:21px}
  h3.sec{font-size:16px}
  .one{font-size:13.4px}
  .kpis{grid-template-columns:1fr 1fr;gap:8px}
  .kpi{padding:11px 12px;border-radius:15px}
  .kpi .n{font-size:22px}
  .band{padding:16px 15px;border-radius:15px}
  .band .row{grid-template-columns:1fr 1fr;gap:13px}
  .band .st .n{font-size:24px}
  .card,.ill,.calc,.out,.gov,.tier{border-radius:15px}
  .out .big{font-size:27px}
  .tiers{grid-template-columns:1fr}
  .mods{grid-template-columns:1fr}
  .tw{-webkit-overflow-scrolling:touch}
  .cr{grid-template-columns:1fr 84px}
  .sbar{gap:6px}
  .btn{padding:8px 11px;font-size:8px}
  .stage{min-height:0}
  .tr{max-height:320px}
  .turn{max-width:94%}
}
@media(max-width:420px){
  .kpis{grid-template-columns:1fr}
  .band .row{grid-template-columns:1fr}
  .top .cli span:not(.pv){display:none}
}