:root{--bg:#0b1220;--panel:#131a2a;--muted:#a9b4ce;--text:#e7ecf5;--brand:#586cff;--brand-2:#7d92ff;--ok:#22c55e;--bad:#ef4444;--border:#223052;--warn:#f59e0b;--info:#38bdf8;--ring: #6b83ff80;--ring-err: #ef444480;--shadow-1: 0 6px 20px rgba(0,0,0,.25);--shadow-2: 0 10px 30px rgba(0,0,0,.35);--fast: .12s;--normal: .2s;--slow: .35s}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Helvetica Neue,Arial,Noto Sans,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--brand);text-decoration:none;transition:opacity var(--fast) ease}a:hover{opacity:.9}:focus{outline:none}:focus-visible{outline:2px solid var(--ring);outline-offset:2px;border-radius:8px}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.layout{display:grid;grid-template-columns:240px 1fr;min-height:100%}.aside{background:#0f1627;border-right:1px solid var(--border);padding:18px 14px;position:sticky;top:0;height:100dvh}.brand{font-size:18px;font-weight:700;margin:6px 4px 18px;letter-spacing:.2px}.nav a{display:block;padding:10px 12px;border-radius:10px;color:var(--text);transition:background var(--fast) ease,transform var(--fast) ease,opacity var(--fast) ease}.nav a:hover{background:#151e35}.nav a.active{background:#1a2340;box-shadow:inset 0 0 0 1px #2a3a62}.header{display:flex;justify-content:space-between;align-items:center;padding:14px 22px;border-bottom:1px solid var(--border);background:linear-gradient(180deg,#0e162b,#10182d);position:sticky;top:0;z-index:10}.main{padding:22px}.h1{font-size:22px;margin:10px 0 18px;font-weight:700}.muted{color:var(--muted)}.right{margin-left:auto}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}.card{grid-column:span 12;background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:16px;box-shadow:var(--shadow-1);transition:transform var(--normal) ease,box-shadow var(--normal) ease,border-color var(--fast)}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-2);border-color:#2b3c62}@media (min-width:900px){.card.col-4{grid-column:span 4}.card.col-6{grid-column:span 6}}.kv{display:grid;grid-template-columns:160px 1fr;gap:8px;margin:8px 0;color:var(--muted)}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.input,.select,.btn,.textarea{height:36px;border-radius:10px;border:1px solid var(--border);background:#0f1527;color:var(--text);padding:0 10px;transition:border-color var(--fast),box-shadow var(--fast),background var(--fast),opacity var(--fast)}.textarea{height:auto;padding:10px;min-height:98px;resize:vertical;line-height:1.45}.input::placeholder,.textarea::placeholder{color:#8b97b7}.input:focus,.select:focus,.textarea:focus{border-color:#2f4580;box-shadow:0 0 0 3px var(--ring)}.input[aria-invalid=true],.select[aria-invalid=true],.textarea[aria-invalid=true]{border-color:#7a1a1a;box-shadow:0 0 0 3px var(--ring-err)}.btn{background:var(--brand);border-color:#4458ff;cursor:pointer;font-weight:600;padding:0 14px;display:inline-flex;gap:8px;align-items:center;justify-content:center}.btn:hover{filter:brightness(1.05)}.btn:active{transform:translateY(1px)}.btn.alt{background:#0f1527}.btn.ok{background:var(--ok);border-color:#14a146}.btn.bad{background:#261315;border-color:#3b1114}.btn.warn{background:var(--warn);border-color:#b77300}.btn.info{background:var(--info);border-color:#1c9cd2;color:#052530}.btn:disabled{opacity:.5;cursor:not-allowed}.table{width:100%;border-collapse:collapse;margin-top:8px;background:#0f1527;border-radius:12px;overflow:hidden}.table thead th{background:#0f1627;color:#dbe3ff;font-weight:600;position:sticky;top:0;z-index:1}.table th,.table td{border:1px solid var(--border);padding:10px 12px;text-align:left;vertical-align:middle}.table tbody tr:hover{background:#111a30}.table tbody tr:nth-child(2n){background:#0f152a}.table .num{text-align:right;font-variant-numeric:tabular-nums}.badge{padding:2px 8px;border-radius:999px;border:1px solid var(--border);background:#0f1527;font-size:12px;display:inline-flex;align-items:center;gap:6px}.badge.dot:before{content:"";width:8px;height:8px;border-radius:50%;background:#7894ff;display:inline-block}.badge.ok{background:#0f1f16;border-color:#1b3a2b;color:#b6f2cd}.badge.bad{background:#221314;border-color:#3b1114;color:#ffc7c7}.badge.warn{background:#241b0a;border-color:#3b2b0d;color:#ffd9a3}.badge.info{background:#0b1f27;border-color:#153745;color:#bfeaff}.hide{display:none!important}.center{display:flex;align-items:center;justify-content:center}.nowrap{white-space:nowrap}.code{font-family:ui-monospace,SFMono-Regular,Consolas,Monaco,Menlo,monospace;background:#0f1527;border:1px solid var(--border);border-radius:8px;padding:2px 6px}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:#24304c;border-radius:10px;border:2px solid transparent;background-clip:padding-box}*::-webkit-scrollbar-thumb:hover{background:#2c3b61}.skeleton{display:inline-block;background:linear-gradient(90deg,#0f1527 25%,#151e34 37%,#0f1527 63%);background-size:400% 100%;animation:skeleton 1.4s ease infinite;border-radius:10px;min-height:1em}@keyframes skeleton{0%{background-position:100% 50%}to{background-position:0 50%}}.toast{position:fixed;right:18px;bottom:18px;background:#0f1627;color:var(--text);border:1px solid var(--border);border-radius:12px;padding:12px 14px;box-shadow:var(--shadow-2);max-width:360px;z-index:50}.toast.ok{border-color:#1b3a2b}.toast.warn{border-color:#3b2b0d}.toast.bad{border-color:#3b1114}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;-webkit-backdrop-filter:saturate(120%) blur(2px);backdrop-filter:saturate(120%) blur(2px);display:flex;align-items:center;justify-content:center;z-index:60}.modal{width:min(720px,92vw);background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:18px;box-shadow:var(--shadow-2);animation:pop var(--slow) cubic-bezier(.2,.8,.2,1)}@keyframes pop{0%{opacity:0;transform:translateY(6px) scale(.98)}to{opacity:1;transform:none}}.alert{display:flex;gap:10px;padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:#0f1527}.alert.ok{border-color:#1b3a2b;background:#0f1f16}.alert.warn{border-color:#3b2b0d;background:#241b0a}.alert.bad{border-color:#3b1114;background:#221314}.metric{font-size:28px;font-weight:800;letter-spacing:.3px;font-variant-numeric:tabular-nums}@media (max-width: 900px){.layout{grid-template-columns:1fr}.aside{position:relative;height:auto;border-right:none;border-bottom:1px solid var(--border)}.main{padding:16px}.kv{grid-template-columns:1fr}.grid{gap:12px}.header{position:relative}}:root[data-theme=light]{--bg:#f6f7fb;--panel:#ffffff;--muted:#667085;--text:#0b1220;--brand:#3b5bff;--brand-2:#5f7bff;--ok:#16a34a;--bad:#dc2626;--border:#e5e7ef;--ring:#4460ff55;--ring-err:#dc262655;--shadow-1: 0 6px 20px rgba(24,40,90,.1);--shadow-2: 0 14px 40px rgba(24,40,90,.16)}