:root{--bg:#08120e;--panel:#0e1914;--panel2:#101d17;--border:#22382e;--muted:#82958b;--text:#e8ece2;--cyan:#54d7f0;--lime:#c7eb62;--amber:#f7b955;--red:#ff6873;--green:#58d69c;--violet:#9b8cff;--mono:"SFMono-Regular",Consolas,monospace;--sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:14px}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.11;background-image:linear-gradient(rgba(84,215,240,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(84,215,240,.1) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(to bottom,#000,transparent 78%)}a{color:inherit;text-decoration:none}button,input{font:inherit}.skip-link{position:fixed;z-index:100;left:16px;top:-60px;background:var(--cyan);color:#061014;padding:10px 14px;border-radius:6px;font-weight:800}.skip-link:focus{top:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:244px;padding:0 16px 20px;background:rgba(8,18,14,.97);border-right:1px solid var(--border);display:flex;flex-direction:column;z-index:20}.brand-line{display:flex;align-items:center;gap:12px}.sidebar-brand{height:72px;border-bottom:1px solid #1b2d25}.brand-line>div{display:flex;flex-direction:column}.brand-line strong{font-size:13px;letter-spacing:.055em}.brand-line small{color:#71867a;font:8px var(--mono);letter-spacing:.15em;margin-top:3px}.brand-glyph{width:35px;height:35px;display:grid;place-items:center;background:var(--lime);color:#132015;font-weight:900;font-size:17px;box-shadow:0 0 20px rgba(199,235,98,.12)}.sidebar nav{display:grid;gap:5px;margin-top:20px}.sidebar nav a{height:40px;padding:0 11px;display:flex;align-items:center;gap:12px;border-radius:6px;color:#8ca196;font-weight:650;font-size:13px}.sidebar nav a>span{width:18px;color:#6f8a7d;font:16px var(--mono)}.sidebar nav a b{margin-left:auto;padding:2px 6px;border-radius:10px;background:#17261f;color:#799388;font:9px var(--mono)}.sidebar nav a:hover,.sidebar nav a.active{color:var(--cyan);background:linear-gradient(90deg,rgba(84,215,240,.12),rgba(84,215,240,.02));box-shadow:inset 2px 0 var(--cyan)}.scope-block{margin-top:28px;border-top:1px solid #1b2d25;padding-top:20px}.scope-block>small{color:#5e7569;font:8px var(--mono);letter-spacing:.16em}.scope-block p{display:flex;align-items:center;gap:10px;margin:14px 0;color:#788f83;font-size:11px}.scope-block i{width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 8px currentColor}.scope-block i.lime{background:var(--lime)}.scope-block i.amber{background:var(--amber)}.readonly-card{margin-top:auto;padding:13px;border:1px solid #264235;background:linear-gradient(145deg,#0d1913,#0a1510);border-radius:8px;display:flex;flex-direction:column}.readonly-card>span{color:var(--green);font:8px var(--mono);letter-spacing:.13em}.readonly-card strong{font-size:11px;margin:6px 0 3px}.readonly-card small{color:#647b6f;font-size:8px}.workspace{margin-left:244px;min-width:0}.topbar{height:72px;position:sticky;top:0;z-index:10;padding:0 30px;display:flex;align-items:center;justify-content:space-between;background:rgba(8,18,14,.9);backdrop-filter:blur(18px);border-bottom:1px solid var(--border)}.topbar>div:first-child{display:flex;gap:9px;align-items:center;color:#637b6e;font:9px var(--mono);letter-spacing:.12em}.topbar>div:first-child b{color:#3f5549}.topbar>div:first-child strong{color:#bdd0c5;letter-spacing:0}.topbar-status{display:flex;align-items:center;gap:8px;color:#81968a;font:9px var(--mono);letter-spacing:.1em}.topbar-status i{width:7px;height:7px;border-radius:50%;background:#596e63}.topbar-status.live i{background:var(--green);box-shadow:0 0 9px var(--green)}.topbar-status.fixture i{background:var(--amber);box-shadow:0 0 9px rgba(247,185,85,.5)}.operator{display:flex;align-items:center;gap:9px}.operator>span{width:29px;height:29px;display:grid;place-items:center;border-radius:6px;background:linear-gradient(135deg,#b9f5ff,var(--cyan));color:#071311;font-size:10px;font-weight:900}.operator b{font-size:11px;color:#b8c9c0}.operator button{margin-left:5px;border:1px solid #294036;background:#101c16;color:#8fa39a;padding:6px 9px;border-radius:5px;cursor:pointer;font-size:9px}.operator button:hover{border-color:#3b6553;color:#dce8e1}main{position:relative;max-width:1700px;margin:0 auto;padding:30px 30px 80px}.hero{display:flex;justify-content:space-between;align-items:end;gap:30px}.eyebrow,.panel-kicker{color:#668579;font:9px var(--mono);letter-spacing:.14em}.hero h1{font-size:clamp(32px,4vw,48px);letter-spacing:-.045em;line-height:1;margin:8px 0 6px}.hero p{color:#7d9287;margin:0}.updated{text-align:right;display:flex;flex-direction:column;align-items:end}.updated small{color:#587064;font:8px var(--mono);letter-spacing:.12em}.updated strong{font:12px var(--mono);margin:5px 0 8px}.updated button{border:0;background:transparent;color:var(--cyan);font-size:10px;cursor:pointer}.truth-banner{min-height:38px;display:flex;align-items:center;gap:10px;margin:22px 0 14px;padding:8px 12px;border:1px solid rgba(88,214,156,.18);border-left:2px solid var(--green);background:rgba(88,214,156,.045);font-size:10px;color:#86a797}.truth-banner i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green)}.truth-banner strong{color:var(--green);letter-spacing:.09em}.truth-banner span{color:#80968a}.truth-banner.fixture{border-color:rgba(247,185,85,.22);border-left-color:var(--amber);background:rgba(247,185,85,.055)}.truth-banner.fixture i{background:var(--amber);box-shadow:0 0 8px var(--amber)}.truth-banner.fixture strong{color:var(--amber)}.truth-banner.loading i{background:#5e7468;box-shadow:none}
.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:9px;margin-bottom:20px}.metric-card{min-height:132px;padding:15px;border:1px solid var(--border);border-top:2px solid var(--cyan);background:linear-gradient(150deg,#101d17,#0a1510);border-radius:8px;position:relative;overflow:hidden}.metric-card:after{content:"";position:absolute;right:-30px;top:-45px;width:100px;height:100px;border-radius:50%;background:currentColor;opacity:.025}.metric-card.violet{border-top-color:var(--violet);color:var(--violet)}.metric-card.lime{border-top-color:var(--lime);color:var(--lime)}.metric-card.amber{border-top-color:var(--amber);color:var(--amber)}.metric-card.cyan{color:var(--cyan)}.metric-card>div:first-child{display:flex;justify-content:space-between;align-items:baseline}.metric-card span{color:#739084;font:8px var(--mono);letter-spacing:.1em}.metric-card b{font:27px var(--mono);color:var(--text)}.metric-card small{position:absolute;bottom:12px;color:#5e766b;font-size:8px}.meter{height:4px;margin-top:25px;background:#1b2d25;border-radius:3px;overflow:hidden}.meter i{display:block;width:0;height:100%;background:currentColor;transition:width .4s ease}.spark{height:35px;margin-top:13px;display:flex;align-items:end;gap:4px}.spark i{flex:1;min-height:2px;background:linear-gradient(to top,rgba(84,215,240,.2),var(--cyan));opacity:.8}.pulse{display:flex;align-items:center;gap:8px;margin-top:25px}.pulse i{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green);animation:pulse 2s ease-in-out infinite}.pulse span{color:#829a8e}
.panel{border:1px solid var(--border);background:linear-gradient(145deg,rgba(14,25,20,.97),rgba(9,17,13,.97));border-radius:9px;overflow:hidden}.panel>header{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 18px;border-bottom:1px solid #1c3027}.panel h2{font-size:16px;margin:5px 0 3px}.panel header p{margin:0;color:#657d71;font-size:10px}.panel-stats{text-align:right}.panel-stats strong{display:block;font:25px var(--mono);color:var(--green)}.panel-stats span{color:#60786c;font-size:8px}.table-tools{min-height:49px;padding:8px 14px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #1b3026}.table-tools input{width:min(350px,45vw);height:32px;border:1px solid #284238;background:#0a1510;color:#d7e2dc;padding:0 11px;border-radius:5px}.table-tools>span{color:#5e796c;font:8px var(--mono);letter-spacing:.1em}.table-wrap{overflow:auto;max-height:480px}table{width:100%;border-collapse:collapse;min-width:720px}th{text-align:left;color:#617c6e;font:8px var(--mono);letter-spacing:.1em;padding:10px 14px;background:#0c1812;position:sticky;top:0}td{padding:11px 14px;border-top:1px solid #1a2b23;color:#91a69b;font-size:10px}td:first-child{color:#d5e1db;font-weight:700;font-size:11px}td:last-child{font:9px var(--mono);color:#71877c}.state{display:inline-flex;align-items:center;gap:6px;padding:3px 7px;border-radius:12px;background:rgba(88,214,156,.07);color:var(--green);font:8px var(--mono);text-transform:uppercase}.state:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.state.attention{color:var(--red);background:rgba(255,104,115,.07)}.state.running{color:var(--cyan);background:rgba(84,215,240,.07)}.empty-cell{text-align:center!important;padding:35px!important;color:#647b70!important;font-weight:400!important}.services-panel{margin-bottom:10px}.two-column{display:grid;grid-template-columns:1fr 1fr;gap:10px}.attention-panel>header>strong{font:26px var(--mono);color:var(--red)}.panel-kicker.red{color:#a85f62}.event-list{padding:10px;display:grid;gap:7px;max-height:360px;overflow:auto}.event-card{padding:12px;border:1px solid #20372c;background:#0d1813;border-radius:6px;display:grid;grid-template-columns:32px 1fr auto;gap:11px;align-items:start}.event-icon{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:rgba(84,215,240,.07);color:var(--cyan);font-family:var(--mono)}.event-card.warning .event-icon{background:rgba(247,185,85,.08);color:var(--amber)}.event-card h3{font-size:11px;margin:1px 0 5px}.event-card p{margin:0;color:#6d8377;font-size:9px;line-height:1.45}.event-card time{color:#587064;font:8px var(--mono);white-space:nowrap}.event-empty{padding:40px 15px;text-align:center;color:#637a6e;font-size:10px}.security-strip{margin-top:10px;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #20372d;background:#0b1711;border-radius:8px}.security-strip>div{padding:13px 15px;display:flex;flex-direction:column;border-right:1px solid #20372d}.security-strip>div:last-child{border:0}.security-strip span{color:#5e776a;font:8px var(--mono);letter-spacing:.12em}.security-strip strong{font-size:11px;margin:5px 0 2px}.security-strip small{color:#5f7469;font-size:8px}.page-foot{text-align:center;margin:26px 0 0;color:#4e6559;font:8px var(--mono);letter-spacing:.08em}
.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 30%,rgba(84,215,240,.07),transparent 30%)}.login-panel{width:min(440px,100%);padding:28px;border:1px solid var(--border);border-top:2px solid var(--lime);background:linear-gradient(150deg,#101d17,#09140f);border-radius:10px;box-shadow:0 30px 80px rgba(0,0,0,.28)}.login-copy{margin:34px 0 23px}.login-copy h1{font-size:28px;letter-spacing:-.03em;margin:8px 0}.login-copy p{color:#7d9387;line-height:1.55;margin:0}.login-form{display:grid;gap:15px}.login-form label{display:grid;gap:7px;color:#82988d;font-size:10px;font-weight:700}.login-form input{height:42px;border:1px solid #2a4539;background:#09130f;color:#e4ece7;border-radius:6px;padding:0 12px}.login-form button{height:43px;border:0;border-radius:6px;background:var(--lime);color:#142014;font-weight:850;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:0 14px}.login-error{margin-bottom:15px;padding:9px 10px;border:1px solid rgba(255,104,115,.2);background:rgba(255,104,115,.06);color:#f09a9f;font-size:10px;border-radius:5px}.login-panel footer{display:flex;justify-content:space-between;align-items:center;margin-top:24px;padding-top:17px;border-top:1px solid #1e3229;color:#60776b;font:8px var(--mono)}.login-panel footer span{display:flex;align-items:center;gap:7px}.login-panel footer i{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 7px var(--green)}.login-panel footer b{color:#6f887b;letter-spacing:.08em}
@keyframes pulse{50%{opacity:.35;transform:scale(.75)}}@media(max-width:1050px){.metric-grid{grid-template-columns:repeat(2,1fr)}.security-strip{grid-template-columns:repeat(2,1fr)}.security-strip>div:nth-child(2){border-right:0}.security-strip>div:nth-child(-n+2){border-bottom:1px solid #20372d}}@media(max-width:760px){.sidebar{position:static;width:100%;height:auto;padding:0 14px 12px}.sidebar-brand{height:60px}.sidebar nav{display:flex;overflow:auto;margin-top:10px}.sidebar nav a{flex:none}.scope-block,.readonly-card{display:none}.workspace{margin-left:0}.topbar{top:0;height:58px;padding:0 16px}.topbar>div:first-child{display:none}.operator b{display:none}main{padding:22px 16px 60px}.hero{align-items:start}.updated{display:none}.two-column{grid-template-columns:1fr}.security-strip{grid-template-columns:1fr}.security-strip>div{border-right:0;border-bottom:1px solid #20372d}.metric-grid{grid-template-columns:1fr 1fr}.table-tools>span{display:none}}@media(max-width:480px){.metric-grid{grid-template-columns:1fr}.hero h1{font-size:34px}.truth-banner{align-items:flex-start;flex-wrap:wrap}.login-panel{padding:22px}.login-panel footer{align-items:flex-start;gap:12px;flex-direction:column}}