@charset "UTF-8";:root{--accent: #7c5cff;--accent-2: #22d3ee;--accent-3: #34d399;--warn: #f59e0b;--danger: #ef4444;--good: #22c55e;--grad-brand: linear-gradient(135deg, #7c5cff 0%, #22d3ee 100%);--grad-warm: linear-gradient(135deg, #f59e0b 0%, #ef4444 100%);--grad-cool: linear-gradient(135deg, #22d3ee 0%, #34d399 100%);--r-sm: 8px;--r: 14px;--r-lg: 20px;--ease: cubic-bezier(.2, .8, .2, 1);--bg-0: #07090d;--bg-1: #0b0d12;--bg-2: #11141b;--surface: rgba(22, 26, 35, .72);--surface-solid: #161a23;--surface-hi: rgba(32, 38, 50, .88);--border: rgba(255, 255, 255, .08);--border-hi: rgba(255, 255, 255, .14);--text: #e7ebf3;--text-dim: #9aa3b2;--text-mute: #6b7383;--input-bg: rgba(10, 12, 18, .6);--input-bg-hover: rgba(10, 12, 18, .9);--hover-bg: rgba(255, 255, 255, .03);--row-hover: rgba(255, 255, 255, .02);--chip-bg: rgba(255, 255, 255, .06);--primary-fg: #0b0d12;--bg-radial: radial-gradient(1200px 600px at 85% -10%, rgba(124, 92, 255, .18), transparent 60%), radial-gradient(900px 500px at -10% 20%, rgba(34, 211, 238, .12), transparent 55%), radial-gradient(1000px 700px at 50% 120%, rgba(52, 211, 153, .08), transparent 60%);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow: 0 10px 30px rgba(0, 0, 0, .35), 0 2px 6px rgba(0, 0, 0, .2);--shadow-lg: 0 24px 60px rgba(0, 0, 0, .5);--glow: 0 0 0 1px rgba(124, 92, 255, .35), 0 8px 30px rgba(124, 92, 255, .2)}:root[data-theme=light]{--bg-0: #f5f7fb;--bg-1: #ffffff;--bg-2: #eef1f7;--surface: rgba(255, 255, 255, .82);--surface-solid: #ffffff;--surface-hi: rgba(255, 255, 255, .95);--border: rgba(15, 18, 28, .08);--border-hi: rgba(15, 18, 28, .16);--text: #0f1320;--text-dim: #555c6e;--text-mute: #8b92a3;--input-bg: rgba(255, 255, 255, .85);--input-bg-hover: #ffffff;--hover-bg: rgba(15, 18, 28, .03);--row-hover: rgba(15, 18, 28, .02);--chip-bg: rgba(15, 18, 28, .05);--primary-fg: #ffffff;--bg-radial: radial-gradient(1100px 600px at 85% -10%, rgba(124, 92, 255, .16), transparent 60%), radial-gradient(900px 500px at -10% 20%, rgba(34, 211, 238, .14), transparent 55%), radial-gradient(1000px 700px at 50% 120%, rgba(52, 211, 153, .1), transparent 60%);--shadow-sm: 0 1px 2px rgba(15, 18, 28, .06);--shadow: 0 10px 30px rgba(15, 18, 28, .08), 0 2px 6px rgba(15, 18, 28, .04);--shadow-lg: 0 24px 60px rgba(15, 18, 28, .12);--glow: 0 0 0 1px rgba(124, 92, 255, .25), 0 8px 24px rgba(124, 92, 255, .18)}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;background:var(--bg-0);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv11","ss01","ss03";transition:background .3s var(--ease),color .3s var(--ease)}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background:var(--bg-radial);transition:background .3s var(--ease)}app-root{position:relative;z-index:1;display:block;min-height:100%}a{color:var(--accent-2);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4{margin:0 0 .5em;font-weight:700;letter-spacing:-.01em}h1{font-size:28px;letter-spacing:-.02em}h2{font-size:20px}h3{font-size:16px}small,.small{color:var(--text-dim);font-size:12px}code,kbd,pre,.mono{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace}.stack{display:flex;flex-direction:column;gap:16px}.row{display:flex;gap:12px;align-items:center}.row.between{justify-content:space-between}.row.wrap{flex-wrap:wrap}.grid{display:grid;gap:16px}.grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width: 900px){.grid.cols-3,.grid.cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 600px){.grid.cols-2,.grid.cols-3,.grid.cols-4{grid-template-columns:1fr}}.card{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:20px;backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);box-shadow:var(--shadow);transition:transform .25s var(--ease),border-color .25s var(--ease),box-shadow .25s var(--ease)}.card:hover{border-color:var(--border-hi)}.card.hoverable:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.card h3{margin-bottom:12px}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.stat{display:flex;flex-direction:column;gap:6px}.stat .label{color:var(--text-dim);font-size:12px;text-transform:uppercase;letter-spacing:.08em;font-weight:600}.stat .value{font-size:28px;font-weight:700;letter-spacing:-.02em}.stat .delta{font-size:12px;font-weight:600}.stat .delta.up{color:var(--good)}.stat .delta.down{color:var(--danger)}.stat .value.gradient{background:var(--grad-brand);-webkit-background-clip:text;background-clip:text;color:transparent}.btn{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:10px;border:1px solid var(--border-hi);background:var(--surface-hi);color:var(--text);font:inherit;font-weight:600;cursor:pointer;transition:transform .15s var(--ease),background .2s var(--ease),border-color .2s var(--ease),box-shadow .2s var(--ease)}.btn:hover{filter:brightness(1.08)}.btn:active{transform:translateY(1px)}.btn.primary{background:var(--grad-brand);border-color:transparent;color:var(--primary-fg);box-shadow:var(--glow)}.btn.primary:hover{filter:brightness(1.05)}.btn.ghost{background:transparent;border-color:var(--border)}.btn.ghost:hover{border-color:var(--border-hi);background:var(--hover-bg)}.btn.danger{color:var(--danger);border-color:#ef44444d}.btn.danger:hover{background:#ef444414}.btn.sm{padding:6px 10px;font-size:12px;border-radius:8px}.btn:disabled{opacity:.55;cursor:not-allowed}input,select,textarea{width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:var(--input-bg);color:var(--text);font:inherit;outline:none;transition:border-color .15s var(--ease),box-shadow .15s var(--ease),background .15s var(--ease)}input::placeholder,textarea::placeholder{color:var(--text-mute)}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #7c5cff38;background:var(--input-bg-hover)}label{display:block;font-size:12px;color:var(--text-dim);font-weight:600;margin-bottom:6px}.field{display:flex;flex-direction:column;gap:6px}.badge{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:999px;font-size:11px;font-weight:600;letter-spacing:.02em;background:var(--chip-bg);border:1px solid var(--border);color:var(--text-dim)}.badge.good{color:var(--good);border-color:#22c55e59;background:#22c55e14}.badge.warn{color:var(--warn);border-color:#f59e0b59;background:#f59e0b14}.badge.bad{color:var(--danger);border-color:#ef444459;background:#ef444414}.badge.brand{color:#fff;border-color:#7c5cff66;background:#7c5cff1f}.table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px}.table th,.table td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--border)}.table th{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);font-weight:600;background:var(--row-hover);position:sticky;top:0;backdrop-filter:blur(12px)}.table tr:hover td{background:var(--row-hover)}.table td.num,.table th.num{text-align:right;font-variant-numeric:tabular-nums;font-family:JetBrains Mono,monospace}.table tr.sep td{border-top:2px solid var(--border-hi)}.progress{height:8px;width:100%;background:var(--chip-bg);border-radius:999px;overflow:hidden}.progress .fill{height:100%;background:var(--grad-brand);transition:width .6s var(--ease)}.progress.warn .fill{background:var(--grad-warm)}.progress.danger .fill{background:linear-gradient(135deg,#ef4444,#f97316)}.progress.good .fill{background:var(--grad-cool)}.hstack{display:flex;align-items:center;gap:10px}.vstack{display:flex;flex-direction:column;gap:8px}.spacer{flex:1}.mono-num{font-family:JetBrains Mono,monospace;font-variant-numeric:tabular-nums}.text-dim{color:var(--text-dim)}.text-mute{color:var(--text-mute)}.pos{color:var(--good)}.neg{color:var(--danger)}.center{text-align:center}.right{text-align:right}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:fadeUp .4s var(--ease) both}.fade-up.delay-1{animation-delay:.05s}.fade-up.delay-2{animation-delay:.1s}.fade-up.delay-3{animation-delay:.15s}.fade-up.delay-4{animation-delay:.2s}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton{background:linear-gradient(90deg,var(--chip-bg) 0%,var(--hover-bg) 50%,var(--chip-bg) 100%);background-size:800px 100%;animation:shimmer 1.4s linear infinite;border-radius:8px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:999px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:var(--border-hi)}::selection{background:#7c5cff59;color:#fff}