:root{--bg:#f7f8fc;--surface:#fff;--text:#1a1f36;--muted:#4d5b7c;--brand:#1363df;--border:#d7def0}*{box-sizing:border-box}body{color:var(--text);background:radial-gradient(circle at 20% 10%,#e7eefc 0%,#f7f8fc 45%,#f9f9fb 100%);margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}main{max-width:1200px;margin:0 auto;padding:1.5rem}header h1{margin-bottom:.25rem}header p{color:var(--muted);margin-top:0}.grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;margin-bottom:1rem;display:grid}.layout{grid-template-columns:1.2fr 1fr;gap:1rem;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1rem;box-shadow:0 10px 25px #0c162c0d}.metric{margin:0;font-size:1.7rem;font-weight:700}.filters{flex-wrap:wrap;align-items:end;gap:.75rem;display:flex}label{color:var(--muted);gap:.35rem;font-size:.9rem;display:grid}input,select{border:1px solid var(--border);border-radius:8px;min-width:200px;padding:.45rem .6rem}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--border);padding:.45rem;font-size:.92rem}tr{cursor:pointer}tr:hover{background:#f5f8ff}a{color:var(--brand)}@media (width<=1000px){.layout{grid-template-columns:1fr}}