:root {
  --ink:#11182d;
  --muted:#62708a;
  --paper:#f7f8fc;
  --card:#fff;
  --line:#dfe4ee;
  --accent:#19c96b;
  --accent-soft:#e9fff3;
  --danger:#ef4444;
  --warning:#f7b928;
  --pixel:"Press Start 2P",monospace;
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--paper);color:var(--ink)}
body{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
a{color:inherit}
.topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 22px;background:rgba(17,24,45,.96);color:#fff;border-bottom:4px solid var(--accent)}
.brand{font-family:var(--pixel);font-size:11px;line-height:1.5}.brand small{display:block;margin-top:4px;color:#aab7d1;font:10px Inter,sans-serif}
.top-actions{display:flex;gap:8px;align-items:center}.top-actions a,.top-actions button{border:1px solid #55617a;background:#202a43;color:#fff;border-radius:8px;padding:9px 12px;text-decoration:none;font-weight:800;font-size:12px;cursor:pointer}.top-actions .clock{border-color:var(--accent);color:#fff;font-family:var(--pixel);font-size:9px}
main{max-width:1280px;margin:0 auto;padding:28px 20px 70px}
.hero{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,.6fr);gap:16px;margin-bottom:18px}
.hero-main,.hero-side,.panel{background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:0 10px 30px rgba(31,42,68,.07)}
.hero-main{padding:28px;position:relative;overflow:hidden}.hero-main:before{content:"";position:absolute;left:0;top:0;bottom:0;width:9px;background:var(--accent)}
.eyebrow{font-family:var(--pixel);font-size:9px;line-height:1.5;color:var(--accent);margin-bottom:12px}.hero h1{font-family:var(--pixel);font-size:clamp(23px,4vw,42px);line-height:1.25;margin:0 0 12px}.hero p{font-size:15px;line-height:1.6;color:#45516a;margin:0;max-width:760px}
.hero-side{padding:22px;display:grid;grid-template-columns:1fr 1fr;gap:12px;align-content:center}.hero-kpi{padding:14px;background:#f2f5fa;border-radius:12px}.hero-kpi span{display:block;color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase}.hero-kpi b{display:block;font-family:var(--pixel);font-size:16px;line-height:1.4;margin-top:8px}
.freshness{grid-column:1/-1;color:var(--muted);font-size:11px;line-height:1.5}.freshness strong{color:var(--ink)}
.grid{display:grid;gap:16px}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.panel{padding:22px;margin-top:16px}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:16px}.panel h2{font-family:var(--pixel);font-size:14px;line-height:1.5;margin:0}.panel-head p{font-size:12px;line-height:1.5;color:var(--muted);margin:5px 0 0}.badge{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;background:var(--accent-soft);color:#086c3b;font-weight:900;font-size:11px;white-space:nowrap}
.mission{border:1px solid var(--line);border-top:6px solid var(--accent);border-radius:14px;padding:18px;background:#fff}.mission .number{font-family:var(--pixel);font-size:19px;margin:8px 0}.mission .cause{font-weight:900;font-size:14px;line-height:1.4}.mission p{font-size:12px;line-height:1.5;color:var(--muted);margin:8px 0}.mission .goal{padding:9px 10px;background:var(--accent-soft);border-radius:8px;font-size:12px;font-weight:800}.mission .goal small{display:block;font-weight:500;color:var(--muted);margin-top:3px}
.funnel{display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:center}.funnel-stage{padding:18px;border-radius:14px;background:#f3f6fb}.funnel-stage span{font-size:11px;color:var(--muted);font-weight:800;text-transform:uppercase}.funnel-stage b{display:block;font-family:var(--pixel);font-size:20px;margin:10px 0}.funnel-stage small{color:var(--muted)}.funnel-arrow{font-family:var(--pixel);color:var(--accent)}
.leak-line{margin-top:14px;padding:12px 14px;border-left:5px solid var(--danger);background:#fff3f3;font-size:13px;line-height:1.5}
.score-table{width:100%;border-collapse:collapse}.score-table th{text-align:left;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.5px;padding:10px;border-bottom:1px solid var(--line)}.score-table td{padding:12px 10px;border-bottom:1px solid #edf0f5;font-size:12px;vertical-align:middle}.score-table tr[data-player]{cursor:pointer}.score-table tr[data-player]:hover{background:#f7faff}.score-table .rank{font-family:var(--pixel);font-size:12px}.score-table .name{font-weight:900}.score-table .name small{display:block;color:var(--muted);font-weight:500;margin-top:3px}.score{display:inline-block;min-width:48px;text-align:center;padding:7px;border-radius:8px;background:var(--accent-soft);font-family:var(--pixel);font-size:10px}.risk{font-weight:900}.risk.high{color:var(--danger)}.risk.mid{color:#a56b00}.risk.low{color:#087b45}
.player-detail{display:none;background:#f7f9fc}.player-detail.open{display:table-row}.player-card{padding:16px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.player-card>div{padding:12px;background:#fff;border:1px solid var(--line);border-radius:10px}.player-card b{display:block;margin-bottom:6px}.player-card span{color:var(--muted);font-size:12px;line-height:1.45}
.bank-chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.bank-chip{border:1px solid var(--line);border-radius:999px;background:#fff;padding:8px 11px;font-weight:800;font-size:11px;cursor:pointer}.bank-chip.active{background:var(--ink);color:#fff;border-color:var(--ink)}
.bank-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px}.bank-summary div{background:#f3f6fb;border-radius:10px;padding:12px}.bank-summary span{display:block;color:var(--muted);font-size:10px;text-transform:uppercase}.bank-summary b{display:block;margin-top:7px;font-family:var(--pixel);font-size:12px}
.case-list{display:grid;gap:9px}.case{display:grid;grid-template-columns:110px 1fr auto;gap:12px;align-items:center;padding:13px;border:1px solid var(--line);border-radius:11px}.case code{font-weight:900;color:var(--accent)}.case p{margin:0;font-size:12px;line-height:1.4}.case p small{display:block;color:var(--muted);margin-top:4px}.case .days{font-family:var(--pixel);font-size:9px;color:var(--danger)}
.empty{padding:18px;border:1px dashed #b8c1d1;border-radius:12px;color:var(--muted);font-size:13px;line-height:1.5}
.method{font-size:11px;color:var(--muted);line-height:1.6;margin-top:14px}
@media(max-width:900px){.hero,.grid-3,.grid-2{grid-template-columns:1fr}.hero-side{grid-template-columns:1fr 1fr}.bank-summary{grid-template-columns:1fr 1fr}.player-card{grid-template-columns:1fr}.table-wrap{overflow-x:auto}.score-table{min-width:780px}}
@media(max-width:560px){.topbar{align-items:flex-start;padding:10px}.top-actions a{display:none}.top-actions .clock{font-size:7px}.hero-side{grid-template-columns:1fr}.funnel{grid-template-columns:1fr}.funnel-arrow{text-align:center;transform:rotate(90deg)}.case{grid-template-columns:1fr}.bank-summary{grid-template-columns:1fr 1fr}.panel-head{flex-direction:column}.badge{max-width:100%;white-space:normal}main{padding:18px 10px 50px}.panel,.hero-main,.hero-side{padding:17px;border-radius:13px}}