:root{color:#f4f6ff;font-synthesis:none;--bg:#090b13;--panel:#111522;--panel2:#171c2d;--line:#293149;--text:#f4f6ff;--muted:#9aa6c4;--cyan:#25f4ee;--pink:#fe2c55;--purple:#8b5cf6;--ok:#4ade80;--warning:#fbbf24;background:#090b13;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{background:radial-gradient(circle at 85% 0,#1a1736 0,transparent 35%),radial-gradient(circle at 10% 90%,#092a35 0,transparent 34%),var(--bg);color:var(--text)}button,input,select,textarea{font:inherit}.skip-link{z-index:1000;color:#000;background:#fff;border-radius:.5rem;padding:.8rem 1rem;position:fixed;top:-6rem;left:1rem}.skip-link:focus{top:1rem}.shell{grid-template-columns:248px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:5;background:#090b13db;flex-direction:column;height:100vh;padding:1.4rem 1rem;display:flex;position:sticky;top:0}.brand{align-items:center;gap:.8rem;display:flex}.brand>span{color:#071014;background:linear-gradient(135deg,var(--cyan),#fff 46%,var(--pink));border-radius:13px;place-items:center;width:42px;height:42px;font-weight:900;display:grid;box-shadow:-3px 0 #25f4ee73,3px 0 #fe2c5566}.brand div{flex-direction:column;display:flex}.brand strong{font-size:1.05rem}.brand small,.session-card small{color:var(--muted)}nav{gap:.3rem;margin-top:2.2rem;display:grid}.nav-item{width:100%;color:var(--muted);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:.75rem;padding:.72rem .8rem;display:flex}.nav-item:hover,.nav-item:focus-visible{color:var(--text);background:var(--panel2);outline:2px solid #0000}.nav-item[aria-current=page]{color:var(--text);background:linear-gradient(90deg,#25f4ee1c,#8b5cf61a);border-color:#33405e}.nav-dot{background:currentColor;border-radius:50%;width:7px;height:7px}.nav-item[aria-current=page] .nav-dot{background:var(--cyan);box-shadow:0 0 12px var(--cyan)}.session-card{border:1px solid var(--line);background:#171c2db3;border-radius:12px;align-items:center;gap:.7rem;margin-top:auto;padding:.8rem;display:flex}.session-card div{flex-direction:column;min-width:0;display:flex}.status-dot{background:var(--ok);width:9px;height:9px;box-shadow:0 0 10px var(--ok);border-radius:50%;flex:none;display:inline-block}.status-dot.bad{background:var(--pink);box-shadow:0 0 10px var(--pink)}.stage{min-width:0}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:4;background:#090b1394;justify-content:space-between;align-items:center;min-height:88px;padding:1rem 2rem;display:flex;position:sticky;top:0}.topbar h1{margin:.1rem 0;font-size:1.35rem}.eyebrow{color:var(--cyan);letter-spacing:.15em;text-transform:uppercase;margin:0;font-size:.7rem;font-weight:800}.top-actions{align-items:center;gap:.8rem;display:flex}.live-pill,.badge{border:1px solid var(--line);color:var(--muted);white-space:nowrap;border-radius:999px;align-items:center;gap:.4rem;padding:.35rem .65rem;font-size:.75rem;display:inline-flex}.live-pill span{background:var(--pink);width:7px;height:7px;box-shadow:0 0 10px var(--pink);border-radius:50%}button{border:0}.ghost,.primary,.danger,.text-button{cursor:pointer;border-radius:9px;padding:.65rem .9rem;font-weight:700}.ghost{background:var(--panel2);border:1px solid var(--line);color:var(--text)}.primary{background:linear-gradient(135deg,var(--cyan),#72fff8);color:#061215}.danger{color:#fff;background:linear-gradient(135deg,#fe2c55,#c51c70)}.text-button{color:var(--cyan);background:0 0}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.workspace{max-width:1800px;margin:auto;padding:1.6rem 2rem 3rem}.glass,.panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(145deg,#171c2de0,#0d111ccc);border:1px solid #5e6e9940;box-shadow:0 18px 45px #00000038}.hero{border-radius:20px;justify-content:space-between;align-items:center;min-height:220px;padding:2.2rem;display:flex;overflow:hidden}.hero h2{max-width:700px;margin:.5rem 0;font-size:clamp(1.6rem,3vw,2.7rem)}.muted{color:var(--muted)}.hero-orbit{background:radial-gradient(circle,#8b5cf640,#0000 60%);border:1px solid #45506c;border-radius:50%;place-items:center;width:180px;height:180px;display:grid;position:relative}.hero-orbit:before,.hero-orbit:after{content:"";border:1px solid #25f4ee66;border-radius:50%;position:absolute;inset:18px;transform:rotate(35deg)}.hero-orbit:after{border-color:#fe2c5573;inset:42px}.hero-orbit span{font-size:2rem;font-weight:900}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin:1rem 0;display:grid}.metric{border-radius:15px;flex-direction:column;min-height:122px;padding:1.1rem 1.2rem;display:flex}.metric p{color:var(--muted);margin:0}.metric strong{margin:auto 0 .1rem;font-size:1.8rem}.metric small{color:var(--muted)}.grid-two{grid-template-columns:minmax(0,1.3fr) minmax(320px,.7fr);gap:1rem;display:grid}.panel{border-radius:16px;padding:1.2rem;overflow:hidden}.panel>header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.panel h2{margin:.25rem 0;font-size:1.08rem}.list{display:grid}.list-row{width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border-bottom:1px solid #33405e8c;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:.8rem;padding:.75rem .3rem;display:grid}.list-row:hover{background:#ffffff06}.list-row.static{cursor:default}.list-row span:not(.badge):not(.avatar):not(.severity){flex-direction:column;display:flex}.list-row small,.person small{color:var(--muted)}.avatar{background:linear-gradient(135deg,#26375a,#7c3aed);border-radius:50%;place-items:center;width:37px;height:37px;font-size:.75rem;font-weight:800;display:grid}.row-metric{text-align:right}.badge.live{color:var(--cyan);border-color:#25f4ee59}.severity{background:var(--pink);border-radius:5px;width:8px;height:32px}.severity.neutral{background:var(--purple)}.empty{text-align:center;color:var(--muted);padding:2.5rem}.loading{min-height:55vh;color:var(--muted);align-content:center;place-items:center;gap:1rem;display:grid}.loading span{border:3px solid var(--line);border-top-color:var(--cyan);border-radius:50%;width:38px;height:38px;animation:.9s linear infinite spin}.live-layout{grid-template-columns:minmax(300px,.8fr) minmax(480px,1.4fr) minmax(260px,.65fr);align-items:start;gap:1rem;display:grid}.stream-index,.action-rail{max-height:calc(100vh - 135px);position:sticky;top:110px;overflow:auto}.compact{color:var(--muted);align-items:center;gap:.4rem;font-size:.75rem;display:flex}select,input,textarea{color:var(--text);border:1px solid var(--line);background:#0c101b;border-radius:8px;padding:.65rem}.preview{aspect-ratio:16/9;text-align:center;border:1px solid var(--line);background:radial-gradient(circle at 50% 45%,#263353,#0b0e18 65%);border-radius:12px;place-items:center;padding:2rem;display:grid}.preview>div{max-width:520px}.track-icon{color:var(--cyan);text-shadow:0 0 20px var(--cyan);font-size:2.5rem}.detail-tabs{grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem;display:grid}.detail-tabs section,.action-rail section{background:#070a1273;border-radius:12px;padding:1rem}.person{border-bottom:1px solid var(--line);align-items:center;gap:.7rem;padding:.6rem 0;display:flex}.person>span:last-child{flex-direction:column;display:flex}.event,.rank{border-bottom:1px solid var(--line);justify-content:space-between;gap:.5rem;padding:.55rem 0;display:flex}.action-rail .metric{background:#070a1273;min-height:100px;margin:.7rem 0}.rank span{color:var(--cyan)}.form-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.form-grid label{color:var(--muted);gap:.4rem;display:grid}.form-grid .wide{grid-column:1/-1}textarea{resize:vertical;min-height:100px}.risk-panel{margin-top:1rem}.rank-number{color:var(--cyan);text-align:center;width:37px;font-size:1.2rem}.service-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.service{background:#070a1280;border-radius:12px;align-items:center;gap:.8rem;padding:1rem;display:flex}.service div{flex-direction:column;display:flex}.service small{color:var(--muted)}.notice{border-left:3px solid var(--warning);background:#fbbf240f;margin-top:1rem;padding:1rem}.approval{border:1px solid var(--line);border-radius:12px;margin-bottom:.7rem;padding:1rem}.approval p{color:var(--muted)}.approval button{margin-top:.8rem;display:block}.toast{opacity:0;pointer-events:none;background:#202841;border:1px solid #526187;border-radius:12px;max-width:420px;padding:1rem 1.2rem;transition:all .2s;position:fixed;bottom:1.5rem;right:1.5rem;transform:translateY(15px)}.toast.visible{opacity:1;transform:none}.login-stage{place-items:center;min-height:100vh;padding:1rem;display:grid}.login-card{border-radius:20px;gap:.7rem;width:min(440px,100%);padding:2rem;display:grid}.login-card .brand{margin-bottom:1rem}.login-card h1{margin:.3rem 0}.login-card label{font-size:.85rem;font-weight:700}.login-card input{width:100%;padding:.8rem}.login-card .primary{margin-top:.6rem}.error{color:#ff7890;min-height:1.2em}.error-panel{border:1px solid #fe2c5566}time{color:var(--muted);font-size:.72rem}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1250px){.live-layout{grid-template-columns:300px minmax(0,1fr)}.action-rail{grid-column:1/-1;max-height:none;position:static}.metric-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=820px){.shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--line);height:auto;position:static}.sidebar nav{margin-top:1rem;display:flex;overflow:auto}.nav-item{min-width:max-content}.session-card{display:none}.topbar{padding:1rem;top:0}.workspace{padding:1rem}.grid-two,.live-layout,.detail-tabs{grid-template-columns:1fr}.stream-index{max-height:none;position:static}.metric-grid{grid-template-columns:1fr 1fr}.hero-orbit{display:none}.service-grid,.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}}@media (width<=520px){.metric-grid{grid-template-columns:1fr}.live-pill{display:none}.topbar h1{font-size:1.1rem}.hero{padding:1.3rem}.list-row{grid-template-columns:auto minmax(0,1fr) auto}.list-row .row-metric{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}