:root{--bg:#0b1020;--bg2:#101730;--card:#141d3a;--card2:#1a2547;--border:#253157;--text:#e6ecff;--muted:#8ea0cc;--accent:#60a5fa;--accent2:#34d399;--warn:#fbbf24;--danger:#f87171}*{box-sizing:border-box}body{background:radial-gradient(1200px 600px at 70% -10%, #1b2a5e 0%, var(--bg) 55%);color:var(--text);min-height:100vh;margin:0;font-family:Be Vietnam Pro,system-ui,sans-serif}#root{max-width:1240px;margin:0 auto;padding:0 20px 60px}.header{padding:28px 0 8px}.header h1{letter-spacing:-.3px;margin:0 0 6px;font-size:26px;font-weight:800}.header h1 span{color:var(--accent)}.header p{color:var(--muted);margin:0;font-size:14px}.tabs{flex-wrap:wrap;gap:8px;margin:20px 0 24px;display:flex}.tab{border:1px solid var(--border);background:var(--card);color:var(--muted);cursor:pointer;border-radius:999px;padding:9px 16px;font-family:inherit;font-size:13.5px;font-weight:600;transition:all .15s}.tab:hover{color:var(--text);border-color:var(--accent)}.tab.active{background:var(--accent);border-color:var(--accent);color:#0b1020}.grid{gap:14px;display:grid}.cards{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.card{background:linear-gradient(180deg, var(--card) 0%, var(--bg2) 100%);border:1px solid var(--border);border-radius:14px;padding:16px 18px}.card .label{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.card .value{margin-top:4px;font-size:24px;font-weight:800}.card .sub{color:var(--muted);margin-top:3px;font-size:12px}.panel{background:linear-gradient(180deg, var(--card) 0%, var(--bg2) 100%);border:1px solid var(--border);border-radius:16px;padding:20px}.panel h2{margin:0 0 4px;font-size:17px;font-weight:700}.panel .desc{color:var(--muted);margin:0 0 14px;font-size:13px}.controls{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}select,input[type=number]{background:var(--card2);color:var(--text);border:1px solid var(--border);border-radius:10px;outline:none;padding:8px 12px;font-family:inherit;font-size:13.5px}select:focus,input:focus{border-color:var(--accent)}label.ctl{color:var(--muted);align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}table{border-collapse:collapse;width:100%;font-size:13.5px}th,td{text-align:right;border-bottom:1px solid var(--border);padding:8px 10px}th:first-child,td:first-child{text-align:left}th{color:var(--muted);text-transform:uppercase;letter-spacing:.4px;font-size:12px;font-weight:600}tr:hover td{background:#60a5fa0d}td.hl{color:var(--accent);font-weight:700}.insight{border-left:3px solid var(--accent);color:#cdd9f5;background:#60a5fa12;border-radius:0 10px 10px 0;padding:10px 14px;font-size:13.5px;line-height:1.55}.insight.green{border-color:var(--accent2);background:#34d39912}.insight.amber{border-color:var(--warn);background:#fbbf2412}.insight b{color:var(--text)}.insights{gap:8px;display:grid}.two-col{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media (width<=900px){.two-col{grid-template-columns:1fr}}.score-inputs{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;display:grid}.score-input{flex-direction:column;gap:5px;display:flex}.score-input span{color:var(--muted);font-size:12.5px;font-weight:600}.score-input input{width:100%}.badge{border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700;display:inline-block}.badge.excellent{color:var(--accent2);background:#34d39926}.badge.good{color:var(--accent);background:#60a5fa26}.badge.fair{color:var(--warn);background:#fbbf2426}.badge.low{color:var(--danger);background:#f8717126}.heatmap{gap:3px;font-size:11px;display:grid}.heatmap .cell{aspect-ratio:1;border-radius:5px;justify-content:center;align-items:center;min-width:0;font-weight:600;display:flex}.heatmap .hdr{color:var(--muted);font-weight:700}.footer{color:var(--muted);text-align:center;margin-top:34px;font-size:12.5px;line-height:1.6}.loading{text-align:center;color:var(--muted);padding:80px 0;font-size:15px}.recharts-default-tooltip{border-radius:10px!important}