body,html{font-family:Inter,Segoe UI,Arial,sans-serif;font-size:18px}.header{background:#fff;border-bottom:1px solid #e5e7eb;padding-top:24px;font-family:Inter,Segoe UI,Arial,sans-serif}.brand{font-size:24px;font-weight:700;color:#1565d8;letter-spacing:-1px}.toolbar .btn{color:#1565d8;font-size:18px;font-weight:500;background:none;border:none;padding:0 12px;transition:color .2s}.toolbar .btn:hover{color:#0d47a1}:root{--bg:#f7f8fb;--card:#fff;--ink:#0f172a;--muted:#64748b;--accent:#0ea5e9;--ok:#10b981;--warn:#f59e0b;--bad:#ef4444;--line:#e5e7eb;font-synthesis-weight:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial;color:var(--ink);background:var(--bg)}a{color:inherit;text-decoration:none}.container{max-width:1100px;margin:0 auto;padding:24px}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px}.row{display:grid;gap:16px}@media (min-width:900px){.row-2{grid-template-columns:1fr 1fr}.row-3{grid-template-columns:1fr 1fr 1fr}}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line);background:#fff;padding:10px 14px;border-radius:999px;cursor:pointer}.btn.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.badge{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;padding:2px 8px;font-size:12px;color:var(--muted)}.table{width:100%;border-collapse:collapse;font-size:14px}.table th,.table td{padding:10px 8px;border-top:1px solid var(--line);text-align:left}.kv{display:flex;gap:8px;align-items:center}.kv .dot{width:10px;height:10px;border-radius:999px}.input{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:10px}.toolbar{display:flex;gap:8px;flex-wrap:wrap}.tabs{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.tab{border:1px solid var(--line);padding:8px 14px;border-radius:999px;cursor:pointer;background:#fff}.tab.active{background:#111827;color:#fff;border-color:#111827}.header{position:sticky;top:0;background:#ffffffd9;-webkit-backdrop-filter:saturate(180%) blur(10px);backdrop-filter:saturate(180%) blur(10px);border-bottom:1px solid var(--line);z-index:20}.nav{display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:10px}.brand .logo{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:#111827;color:#fff}.muted{color:var(--muted);font-size:13px}.footer{border-top:1px solid var(--line);color:var(--muted);font-size:12px;padding:16px 0;background:#fff}