:root{--bg1:#0b1220;--bg2:#09121f;--ink:#eaf0ff;--muted:#a9b6d3;--accent:#63a3ff;--accent2:#6aa8ff;--ok:#2cc38a;--warn:#f5b54e;--bad:#ff5d6c;--card:rgba(255,255,255,.06);--card-br:rgba(255,255,255,.18)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;color:var(--ink);font-family:ui-sans-serif,system-ui,Inter,Segoe UI,Roboto,Helvetica,Arial;background:radial-gradient(1000px 600px at 75% 20%,rgba(90,162,255,.18),transparent 60%),radial-gradient(800px 500px at 12% 80%,rgba(98,120,255,.14),transparent 60%),linear-gradient(180deg,var(--bg1),var(--bg2))}a{color:inherit;text-decoration:none}.header{position:sticky;top:0;z-index:10;height:60px;display:flex;align-items:center;gap:18px;padding:0 20px;border-bottom:1px solid #172033;background:linear-gradient(180deg,#ffffff0f,#ffffff05);-webkit-backdrop-filter:saturate(130%) blur(8px);backdrop-filter:saturate(130%) blur(8px)}.logo{display:flex;align-items:center;gap:10px;font-weight:800}.logo-badge{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(135deg,#7fb0ff,#4a75ff);box-shadow:0 8px 20px #547cff59}.nav{display:flex;gap:8px;margin-left:6px}.nav a{padding:8px 12px;border-radius:10px;border:1px solid transparent}.nav a.active,.nav a:hover{background:linear-gradient(180deg,#ffffff14,#ffffff08);border-color:#ffffff1f}.container{padding:20px;max-width:1400px;margin:0 auto}.grid{display:grid;gap:16px}.grid.cols-3{grid-template-columns:repeat(3,1fr)}.grid.cols-2{grid-template-columns:repeat(2,1fr)}.card{background:linear-gradient(180deg,#ffffff0f,#ffffff08);border:1px solid var(--card-br);border-radius:14px;padding:16px;box-shadow:0 12px 24px #0003,inset 0 1px #ffffff0f}.card h3{margin:0 0 10px;font-size:14px;opacity:.9}.kpi{display:flex;align-items:center;gap:10px;font-size:28px;font-weight:800}.badge{padding:4px 8px;border-radius:9999px;font-size:12px;border:1px solid rgba(255,255,255,.14)}.ok{color:#b7f5da;background:#2cc38a1f}.bad{color:#ffc5cb;background:#ff5d6c1f}.btn{padding:8px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.16);cursor:pointer;background:linear-gradient(180deg,#2a3660,#1b2440)}.btn:hover{filter:brightness(1.06)}.table{width:100%;border-collapse:separate;border-spacing:0 10px}.table th{font-size:12px;text-align:left;color:var(--muted);font-weight:600;padding:0 10px 6px}.tr{background:linear-gradient(180deg,#ffffff0f,#ffffff08);border:1px solid var(--card-br);border-radius:12px}.tr td{padding:10px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;opacity:.9}.hr{height:1px;background:#ffffff1a;margin:10px 0}.code{white-space:pre-wrap;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12px;opacity:.9}