:root{--bg:#0b0f1a;--panel:#131826;--panel-2:#1a2030;--border:#232a3d;--text:#e6e9f2;--muted:#8b93a7;--accent:#5b8def;--critical:#ef4444;--high:#f97316;--medium:#eab308;--low:#22c55e}*{box-sizing:border-box}html,body,#root{background:var(--bg);color:var(--text);min-height:100vh;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,sans-serif}.app{max-width:1400px;margin:0 auto;padding:32px 24px}.header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-end;margin-bottom:32px;padding-bottom:20px;display:flex}.header h1{letter-spacing:-.5px;margin:0 0 4px;font-size:28px;font-weight:600}.header .subtitle{color:var(--muted);font-size:14px}.header .status{color:var(--muted);align-items:center;gap:8px;font-size:13px;display:flex}.dot{background:var(--low);width:8px;height:8px;box-shadow:0 0 8px var(--low);border-radius:50%}.kpis{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.kpi{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:18px 20px}.kpi .label{color:var(--muted);text-transform:uppercase;letter-spacing:.6px;margin-bottom:8px;font-size:12px}.kpi .value{letter-spacing:-.5px;font-size:28px;font-weight:600}.kpi .delta{margin-top:6px;font-size:12px}.kpi .delta.up{color:var(--critical)}.kpi .delta.down{color:var(--low)}.grid{grid-template-columns:2fr 1fr;gap:16px;margin-bottom:16px;display:grid}.grid.two{grid-template-columns:1fr 1fr}.card{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:20px}.card h3{margin:0 0 4px;font-size:14px;font-weight:600}.card .desc{color:var(--muted);margin-bottom:16px;font-size:12px}table{border-collapse:collapse;width:100%;font-size:13px}th,td{text-align:left;border-bottom:1px solid var(--border);padding:10px 8px}th{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:500}tr:last-child td{border-bottom:none}.badge{text-transform:uppercase;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.badge.critical{color:var(--critical);background:#ef444426}.badge.high{color:var(--high);background:#f9731626}.badge.medium{color:var(--medium);background:#eab30826}.badge.low{color:var(--low);background:#22c55e26}@media (width<=900px){.kpis{grid-template-columns:repeat(2,1fr)}.grid,.grid.two{grid-template-columns:1fr}}