*{box-sizing:border-box}html,body{color:#e8edf3;background:#090d12;margin:0;padding:0;font-family:Arial,Helvetica,sans-serif}body{min-height:100vh}.topbar{background:#0d131a;border-bottom:1px solid #202934;justify-content:space-between;align-items:center;padding:20px 28px;display:flex}h1{margin:0;font-size:24px}.subtitle{color:#8491a1;font-size:13px}.status{background:#121922;border:1px solid #283441;border-radius:8px;padding:9px 14px}.nav{white-space:nowrap;color:#8794a4;background:#0b1016;border-bottom:1px solid #202934;gap:24px;padding:14px 28px;display:flex;overflow-x:auto}.nav .active{color:#fff;font-weight:700}.dashboard{grid-template-columns:2fr 1fr 1fr;gap:16px;padding:22px;display:grid}.card{background:#101720;border:1px solid #202934;border-radius:12px;padding:18px}.large{grid-row:span 2}.cardTitle{margin-bottom:16px;font-weight:700}.selectors{gap:8px;margin-bottom:14px;display:flex}button,select{color:#fff;background:#17202a;border:1px solid #2b3947;border-radius:6px;padding:8px 12px}.chartPlaceholder{color:#748294;border:1px dashed #334353;flex-direction:column;justify-content:center;align-items:center;height:420px;display:flex}.metric{border-bottom:1px solid #1d2731;justify-content:space-between;padding:10px 0;display:flex}.score{background:#151e28;border-radius:8px;justify-content:space-between;margin-top:18px;padding:14px;display:flex}.card p{color:#8794a4;line-height:1.5}@media (max-width:900px){.dashboard{grid-template-columns:1fr}.large{grid-row:auto}.topbar{flex-direction:column;align-items:flex-start;gap:15px}.chartPlaceholder{height:300px}}.chartBox{border-radius:8px;width:100%;min-height:420px;overflow:hidden}