:root{--bg: #07070b;--bg2: #0c0c14;--surface: rgba(20, 20, 30, .72);--surface-2: rgba(28, 28, 40, .6);--surface-hi: rgba(38, 38, 52, .75);--brd: rgba(255, 255, 255, .08);--brd-hi: rgba(255, 60, 80, .22);--txt: #f3f4f8;--muted: #9aa0b4;--faint: #6b7186;--acc: #ff3554;--acc2: #ff6b3d;--acc-soft: rgba(255, 53, 84, .14);--glow: rgba(255, 53, 84, .45);--ok: #46c97e;--ok-soft: rgba(70, 201, 126, .14);--warn: #f5b544;--warn-soft: rgba(245, 181, 68, .14);--bad: #ff4d5e;--bad-soft: rgba(255, 77, 94, .14);--info: #5b9dff;--info-soft: rgba(91, 157, 255, .14);--s1: #f8063a;--s2: #3c7dff;--s3: #b37903;--s4: #0a999f;--s5: #b834fe;--s6: #03a14a;--radius: 16px;--radius-sm: 10px;--sidebar-w: 244px;--shadow: 0 18px 44px rgba(0, 0, 0, .5)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg);color:var(--txt);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,sans-serif;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums}.bg-layer{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}.bg-grid{position:absolute;inset:-40%;background-image:linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px);background-size:46px 46px;mask-image:radial-gradient(ellipse at 50% 0%,#000 0%,transparent 72%)}.bg-glow{position:absolute;width:620px;height:620px;border-radius:50%;filter:blur(120px);opacity:.5}.bg-glow.a{top:-260px;left:12%;background:#ff35544d}.bg-glow.b{bottom:-320px;right:6%;background:#ff6b3d29}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:none;border:none}input,select{font:inherit;color:inherit}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:8px;border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:#fff3;background-clip:content-box}:focus-visible{outline:2px solid var(--acc);outline-offset:2px;border-radius:6px}.card{background:var(--surface);border:1px solid var(--brd);border-radius:var(--radius);backdrop-filter:blur(14px);position:relative}.card-pad{padding:20px 22px}.card-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;border-bottom:1px solid var(--brd)}.card-title{font-size:15px;font-weight:650;letter-spacing:-.2px}.card-sub{font-size:12.5px;color:var(--faint)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 15px;border-radius:var(--radius-sm);border:1px solid var(--brd);background:var(--surface-2);font-size:13.5px;font-weight:600;transition:background .15s,border-color .15s,transform .08s;white-space:nowrap}.btn:hover:not(:disabled){background:var(--surface-hi);border-color:#ffffff29}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--acc),var(--acc2));border-color:transparent;color:#fff;box-shadow:0 6px 20px #ff355447}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#ff4864,#ff7d52);border-color:transparent}.btn-danger{border-color:#ff4d5e66;color:#ff8b96}.btn-danger:hover:not(:disabled){background:var(--bad-soft);border-color:var(--bad)}.btn-sm{padding:6px 11px;font-size:12.5px}.btn-icon{padding:8px}.chip{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:999px;font-size:11.5px;font-weight:650;letter-spacing:.2px;border:1px solid transparent}.chip-ok{background:var(--ok-soft);color:var(--ok);border-color:#46c97e47}.chip-warn{background:var(--warn-soft);color:var(--warn);border-color:#f5b54447}.chip-bad{background:var(--bad-soft);color:var(--bad);border-color:#ff4d5e47}.chip-info{background:var(--info-soft);color:var(--info);border-color:#5b9dff47}.chip-mute{background:#ffffff0d;color:var(--muted);border-color:var(--brd)}.dot{width:7px;height:7px;border-radius:50%;flex:none}.dot-ok{background:var(--ok);box-shadow:0 0 0 3px var(--ok-soft)}.dot-warn{background:var(--warn);box-shadow:0 0 0 3px var(--warn-soft)}.dot-bad{background:var(--bad);box-shadow:0 0 0 3px var(--bad-soft)}.pulse{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.seg{display:inline-flex;padding:3px;gap:2px;background:#ffffff0a;border:1px solid var(--brd);border-radius:11px}.seg button{padding:6px 13px;border-radius:8px;font-size:12.5px;font-weight:600;color:var(--muted);transition:background .15s,color .15s}.seg button:hover{color:var(--txt)}.seg button.on{background:#ffffff1a;color:var(--txt)}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}thead th{text-align:left;padding:12px 16px;font-size:11.5px;font-weight:650;letter-spacing:.4px;text-transform:uppercase;color:var(--faint);border-bottom:1px solid var(--brd);position:sticky;top:0;background:#0c0c14f5;backdrop-filter:blur(8px);z-index:1}tbody td{padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.045)}tbody tr:last-child td{border-bottom:none}tbody tr{transition:background .12s}tbody tr:hover{background:#ffffff07}.num{text-align:right}.mono{font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:12.5px}.muted{color:var(--muted)}.faint{color:var(--faint)}.up{color:var(--ok)}.down{color:var(--bad)}.skel{background:linear-gradient(90deg,#ffffff0a 25%,#ffffff17 37%,#ffffff0a 63%);background-size:400% 100%;animation:shimmer 1.4s ease infinite;border-radius:8px}@keyframes shimmer{0%{background-position:100% 50%}to{background-position:0 50%}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.shell{display:flex;min-height:100%;position:relative;z-index:1}.sidebar{width:var(--sidebar-w);flex:none;padding:20px 14px;display:flex;flex-direction:column;gap:22px;border-right:1px solid var(--brd);background:#0a0a108c;backdrop-filter:blur(18px);position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:10px;padding:4px 8px;font-size:16px;font-weight:800;letter-spacing:.6px}.nav-close,.nav-open{display:none}.nav{display:flex;flex-direction:column;gap:3px}.nav-item{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:11px;font-size:14px;font-weight:550;color:var(--muted);transition:background .14s,color .14s;width:100%;text-align:left;position:relative}.nav-item:hover{background:#ffffff0d;color:var(--txt)}.nav-item.on{background:var(--acc-soft);color:var(--txt);font-weight:650}.nav-item.on:before{content:"";position:absolute;left:-14px;top:9px;bottom:9px;width:3px;border-radius:0 3px 3px 0;background:var(--acc)}.side-foot{margin-top:auto;display:flex;flex-direction:column;gap:3px}.who{margin-top:10px;padding:11px 12px;border-radius:11px;background:#ffffff09;border:1px solid var(--brd)}.main{flex:1;min-width:0;padding:28px 32px 60px;max-width:1560px}.scrim{display:none}.grid{display:grid;gap:16px}.grid-kpi{grid-template-columns:repeat(auto-fit,minmax(212px,1fr))}.grid-2{grid-template-columns:repeat(auto-fit,minmax(360px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid-vm{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.stack{display:grid;gap:18px}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}@media (max-width: 1000px){.main{padding:20px 18px 48px}.sidebar{position:fixed;z-index:40;left:0;top:0;transform:translate(-100%);transition:transform .22s ease;box-shadow:var(--shadow);background:#08080dfa}.sidebar.open{transform:none}.nav-close{display:inline-flex;margin-left:auto}.nav-open{display:inline-flex;margin-bottom:16px}.scrim{display:block;position:fixed;inset:0;z-index:30;background:#0000008c;backdrop-filter:blur(2px)}}