@import url('https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#05070c;--panel:#0a0e16;--panel2:#0d121d;--line:#1b2635;--line2:#26364a;--text:#eef7ff;--muted:#738499;--cyan:#22d9f4;--blue:#428cff;--violet:#925dff;--green:#4ce6a3;--amber:#ffb94a;--red:#ff647c;--radius:18px;--display:'Chakra Petch',sans-serif;--body:'Manrope',sans-serif}
*{box-sizing:border-box}html{background:var(--bg);color:var(--text);font-family:var(--body);font-size:14px}body{margin:0;min-height:100vh;background:radial-gradient(circle at 72% -15%,rgba(51,126,255,.10),transparent 33%),var(--bg)}button,input,select{font:inherit}button,a{transition:.2s ease}a{color:inherit;text-decoration:none}button{cursor:pointer}.app-shell{display:grid;grid-template-columns:230px 1fr}.sidebar{height:100vh;position:sticky;top:0;border-right:1px solid var(--line);background:rgba(5,8,13,.94);display:flex;flex-direction:column;padding:24px 15px;z-index:20}.brand{display:flex;align-items:center;gap:11px;padding:0 8px 28px}.brand img,.auth-brand img{width:40px;height:40px}.brand strong,.auth-brand b{font:700 17px var(--display);letter-spacing:.1px}.brand small,.auth-brand small{display:block;color:var(--cyan);font:600 9px var(--display);letter-spacing:2.4px;margin-top:2px}.nav{display:flex;flex-direction:column;gap:5px}.nav-label{font:600 9px var(--display);letter-spacing:2px;color:#49596c;padding:22px 13px 7px}.nav a{height:46px;display:flex;align-items:center;gap:13px;border:1px solid transparent;border-radius:12px;padding:0 13px;color:#93a3b5;font-weight:700}.nav a i{font:normal 18px var(--display);width:22px;text-align:center;color:#60758b}.nav a:hover{background:#0b111c;color:#fff}.nav a.active{background:linear-gradient(90deg,rgba(34,217,244,.15),rgba(66,140,255,.06));border-color:rgba(34,217,244,.18);color:#fff;box-shadow:inset 2px 0 var(--cyan)}.nav a.active i{color:var(--cyan)}.sidebar-foot{margin-top:auto;border-top:1px solid var(--line);padding:18px 5px 0}.source-status{display:flex;gap:10px;align-items:center;padding:10px}.source-status .signal{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green)}.source-status b,.source-status small{display:block}.source-status b{font:600 12px var(--display)}.source-status small{color:var(--muted);font-size:10px;margin-top:2px}.logout{display:flex;justify-content:space-between;color:#6f8195;padding:11px 10px;font-size:12px}.logout:hover{color:#fff}.main{min-width:0}.topbar{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 32px;background:rgba(5,7,12,.76);backdrop-filter:blur(18px);position:sticky;top:0;z-index:10}.page-heading span,.eyebrow,.panel-head span{font:600 9px var(--display);letter-spacing:2px;color:var(--cyan)}.page-heading h1{font:600 19px var(--display);margin:3px 0 0}.top-actions{margin-left:auto;display:flex;align-items:center;gap:24px}.clock{padding-right:22px;border-right:1px solid var(--line)}.clock small,.clock b{display:block}.clock small{font:600 8px var(--display);letter-spacing:1.5px;color:#53667b}.clock b{font:600 13px var(--display);margin-top:3px}.user-chip{display:flex;align-items:center;gap:10px}.user-chip>span,.avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:linear-gradient(145deg,#17283b,#0b111b);border:1px solid #28405a;color:var(--cyan);font:700 14px var(--display)}.user-chip b,.user-chip small{display:block}.user-chip b{font-size:12px}.user-chip small{font-size:9px;color:var(--muted);margin-top:2px}.menu-button{display:none;background:transparent;border:0;color:white;font-size:22px;margin-right:15px}.workspace{padding:28px 32px 54px;max-width:1700px;margin:0 auto}.hero-strip{min-height:210px;display:flex;align-items:flex-end;justify-content:space-between;padding:34px 38px;margin-bottom:18px;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;position:relative;background:linear-gradient(106deg,rgba(9,14,23,.98) 35%,rgba(7,29,47,.8)),repeating-linear-gradient(90deg,transparent 0 55px,rgba(34,217,244,.04) 56px)}.hero-strip:before{content:"";position:absolute;width:420px;height:420px;right:12%;top:-270px;border:1px solid rgba(34,217,244,.18);border-radius:50%;box-shadow:0 0 0 55px rgba(34,217,244,.025),0 0 0 110px rgba(66,140,255,.02)}.hero-strip>div,.hero-strip form{position:relative}.hero-strip h2{font:600 clamp(29px,3vw,45px)/.98 var(--display);margin:13px 0}.hero-strip h2 em{font-style:normal;color:var(--cyan)}.hero-strip p{color:#8192a5;max-width:610px;margin:0}.primary,.secondary,.resolve-button{border-radius:10px;height:42px;padding:0 18px;font-weight:800;border:1px solid transparent}.primary{background:linear-gradient(115deg,var(--cyan),var(--blue));color:#031018;box-shadow:0 8px 26px rgba(34,217,244,.12)}.primary:hover{filter:brightness(1.12);transform:translateY(-1px)}.primary:disabled{opacity:.45;cursor:not-allowed}.secondary,.resolve-button{background:#0a1019;border-color:var(--line2);color:#dbe9f6}.secondary:hover,.resolve-button:hover{border-color:#3a5671;background:#101824}.wide{width:100%;display:flex;align-items:center;justify-content:center;gap:12px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:14px}.metric{border:1px solid var(--line);border-radius:15px;background:linear-gradient(145deg,#0c111a,#080b12);padding:19px 21px;position:relative;overflow:hidden}.metric:after{content:"";position:absolute;height:2px;left:0;right:65%;bottom:0;background:var(--blue)}.metric.live:after{background:var(--green);right:45%}.metric.warn:after{background:var(--amber)}.metric>span{font:600 9px var(--display);letter-spacing:1.8px;color:#6e8094}.metric strong{font:600 35px var(--display);display:block;margin:8px 0 3px}.metric small{color:#617287;font-size:10px}.metric.live small i{display:inline-block;width:6px;height:6px;background:var(--green);border-radius:50%;margin-right:6px;box-shadow:0 0 8px var(--green)}.dashboard-grid,.activity-grid{display:grid;grid-template-columns:2fr 1fr;gap:14px}.span-2{min-width:0}.panel{border:1px solid var(--line);border-radius:var(--radius);background:rgba(9,13,21,.93);overflow:hidden}.panel-head{min-height:72px;display:flex;align-items:center;justify-content:space-between;padding:17px 20px;border-bottom:1px solid var(--line)}.panel-head h3{font:600 17px var(--display);margin:5px 0 0}.panel-head>a,.text-button{font-size:11px;color:var(--cyan)}.compact-event{display:grid;grid-template-columns:68px 54px 1fr auto 12px;gap:14px;align-items:center;padding:13px 19px;border-bottom:1px solid #141d29}.compact-event:hover{background:#0d141e}.event-time b,.event-time span{display:block}.event-time b{font:600 16px var(--display)}.event-time span{font-size:9px;text-transform:uppercase;color:var(--muted);margin-top:2px}.event-thumb{width:48px;height:38px;border-radius:8px;background:#111a26;overflow:hidden;display:grid;place-items:center}.event-thumb img{width:100%;height:100%;object-fit:cover}.event-thumb span{font:700 9px var(--display);color:#496076}.event-main b,.event-main span{display:block}.event-main b{font-size:12px}.event-main span{font-size:9px;color:var(--muted);margin-top:4px}.status{font:700 8px var(--display);letter-spacing:1.2px;border:1px solid #314055;border-radius:20px;padding:5px 8px;color:#8394a7}.status.live{color:var(--green);border-color:rgba(76,230,163,.3);background:rgba(76,230,163,.06)}.status.upcoming{color:var(--cyan);border-color:rgba(34,217,244,.25);background:rgba(34,217,244,.05)}.status.finished{color:#76869a}.system-card{text-align:center;padding-bottom:20px}.system-card .panel-head{text-align:left}.radar{width:116px;height:116px;border-radius:50%;border:1px solid rgba(34,217,244,.18);margin:25px auto 12px;display:grid;place-items:center;position:relative;box-shadow:inset 0 0 35px rgba(34,217,244,.06),0 0 0 16px rgba(34,217,244,.02)}.radar:before,.radar:after{content:"";position:absolute;background:rgba(34,217,244,.15)}.radar:before{width:100%;height:1px}.radar:after{height:100%;width:1px}.radar div{position:absolute;width:75%;height:75%;border-radius:50%;border:1px dashed rgba(34,217,244,.14)}.radar span{position:relative;z-index:2;width:39px;height:39px;display:grid;place-items:center;border-radius:50%;background:var(--green);color:#042016;font-weight:900;box-shadow:0 0 30px rgba(76,230,163,.3)}.system-card h4{font:600 16px var(--display);margin:18px 0 6px}.system-card>p{color:var(--muted);font-size:10px;line-height:1.6;padding:0 30px}.system-card dl{margin:19px 20px 0;border-top:1px solid var(--line)}.system-card dl div{display:flex;justify-content:space-between;padding:11px 2px;border-bottom:1px solid var(--line);font-size:9px}.system-card dt{color:var(--muted)}.system-card dd{margin:0;color:#bfd0df}.mini-error,.inline-error,.inline-success{padding:10px 12px;margin:12px 20px;border-radius:9px;background:rgba(255,100,124,.08);border:1px solid rgba(255,100,124,.22);color:#ff91a2;font-size:10px}.inline-success{background:rgba(76,230,163,.07);border-color:rgba(76,230,163,.2);color:var(--green);margin:0 0 15px}.toolbar{display:flex;justify-content:space-between;gap:12px;margin-bottom:15px}.filterbar{display:flex;gap:9px;flex:1}.search{height:42px;min-width:290px;max-width:530px;flex:1;display:flex;align-items:center;gap:10px;border:1px solid var(--line2);background:#080c13;border-radius:10px;padding:0 13px}.search span{font-size:20px;color:#71859a}.search input{border:0;outline:0;background:transparent;color:white;width:100%}select,input{color:#d9e6f2;background:#080c13;border:1px solid var(--line2);border-radius:9px;outline:none}select{height:42px;padding:0 34px 0 12px}.selection-bar{display:none;position:sticky;top:87px;z-index:8;margin-bottom:12px;border:1px solid rgba(34,217,244,.28);border-radius:13px;background:rgba(8,18,28,.95);backdrop-filter:blur(16px);padding:10px 12px;align-items:center;gap:10px;box-shadow:0 14px 40px rgba(0,0,0,.35)}.selection-bar.visible{display:flex}.selection-bar>div{display:flex;align-items:baseline;gap:5px;margin-right:auto;padding-left:8px}.selection-bar>div b{font:700 22px var(--display);color:var(--cyan)}.selection-bar>div span{font-size:10px;color:var(--muted)}.switch-label{display:flex;align-items:center;gap:7px;font-size:9px;color:#8394a7}.switch-label input{display:none}.switch-label span{width:28px;height:16px;border-radius:20px;border:1px solid var(--line2);position:relative}.switch-label span:after{content:"";position:absolute;left:2px;top:2px;width:10px;height:10px;border-radius:50%;background:#60758a;transition:.2s}.switch-label input:checked+span:after{left:14px;background:var(--cyan)}.event-panel{overflow:visible}.select-all{font-size:10px;color:#8192a5;display:flex;align-items:center;gap:7px}.event-row{display:grid;grid-template-columns:25px 90px minmax(240px,1fr) minmax(200px,.65fr) auto;align-items:center;gap:17px;padding:15px 19px;border-bottom:1px solid #141d29;transition:.2s}.event-row:hover,.event-row.selected{background:#0b121c}.event-row.selected{box-shadow:inset 2px 0 var(--cyan)}.check input,.select-all input{accent-color:var(--cyan)}.event-thumb.large{width:88px;height:58px;border-radius:10px}.event-info>div{display:flex;align-items:center;gap:8px}.event-info>div small{font:500 8px var(--display);color:#53657a}.event-info h4{font:600 14px var(--display);margin:7px 0 4px}.event-info p{margin:0;color:#788a9d;font-size:9px}.manifest-ok,.manifest-fail,.manifest-wait{display:grid;grid-template-columns:36px 1fr;column-gap:9px;align-items:center}.manifest-ok>span,.manifest-fail>span,.manifest-wait>span{grid-row:1/3;width:32px;height:32px;border:1px solid rgba(76,230,163,.22);background:rgba(76,230,163,.06);color:var(--green);display:grid;place-items:center;border-radius:8px;font:700 9px var(--display)}.manifest-cell b,.manifest-cell small{display:block}.manifest-cell b{font-size:10px}.manifest-cell small{font-size:8px;color:#66788c;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:260px}.manifest-fail>span{color:var(--red);border-color:rgba(255,100,124,.2);background:rgba(255,100,124,.06)}.manifest-wait>span{color:#718399;border-color:var(--line2);background:#0b111a}.row-actions{display:flex;gap:7px}.icon-button{width:39px;height:39px;border-radius:9px;background:#0b111a;color:#99acbf;border:1px solid var(--line2)}.icon-button:hover,.icon-button.copied{border-color:var(--cyan);color:var(--cyan)}.resolve-button{height:39px;font-size:10px;padding:0 12px}.resolve-button.done{color:var(--green)}.empty{padding:55px 20px;text-align:center;color:#617286}.empty b,.empty span{display:block}.empty b{font:600 15px var(--display);color:#a8b7c5}.empty span{font-size:10px;margin-top:6px}.toast{display:flex;align-items:center;gap:10px;margin-bottom:13px;padding:12px 15px;border:1px solid rgba(76,230,163,.2);border-radius:10px;background:rgba(76,230,163,.07);color:#aef7d3;font-size:11px}.toast>span{width:7px;height:7px;border-radius:50%;background:var(--green)}.toast.warning{border-color:rgba(255,185,74,.2);background:rgba(255,185,74,.07);color:#ffd28e}.toast.error{border-color:rgba(255,100,124,.2);background:rgba(255,100,124,.07);color:#ff9aaa}.toast button{margin-left:auto;border:0;background:transparent;color:inherit}.split-grid{display:grid;grid-template-columns:minmax(280px,.75fr) 2fr;gap:14px}.user-editor{align-self:start}.stack-form{padding:20px}.stack-form label,.auth-form label{display:block;color:#9babbc;font-size:10px;font-weight:700;margin-bottom:15px}.stack-form input,.stack-form select,.auth-form input{display:block;width:100%;height:44px;margin-top:7px;padding:0 12px}.stack-form label small{display:block;color:#56687b;font-size:8px;margin-top:5px}.text-button{background:transparent;border:0}.text-button:disabled{color:#425164;cursor:not-allowed}.user-row{display:grid;grid-template-columns:40px 1fr 120px 180px 40px 80px;gap:12px;align-items:center;padding:14px 19px;border-bottom:1px solid var(--line)}.user-row.disabled{opacity:.45}.user-row>div:nth-child(2) b,.user-row>div:nth-child(2) span{display:block}.user-row>div:nth-child(2) b{font-size:11px}.user-row>div:nth-child(2) span,.user-row>small{font-size:9px;color:var(--muted);margin-top:3px}.role{font:600 9px var(--display);color:var(--cyan)}.timeline article{display:grid;grid-template-columns:12px 1fr 150px;gap:14px;padding:14px 21px;border-bottom:1px solid var(--line);align-items:start}.timeline article>i{width:7px;height:7px;border-radius:50%;background:var(--blue);margin-top:4px;box-shadow:0 0 0 4px rgba(66,140,255,.09)}.timeline b,.timeline span{display:block}.timeline b{font:600 10px var(--display);color:#c8d7e5}.timeline span{color:var(--muted);font-size:9px;margin-top:4px}.timeline small{text-align:right;color:#5e7084;font-size:8px;line-height:1.5}.export-history article{padding:14px 17px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:38px 1fr;gap:10px}.export-history article>span{grid-row:1/3;width:34px;height:34px;border-radius:8px;display:grid;place-items:center;background:rgba(34,217,244,.07);border:1px solid rgba(34,217,244,.15);color:var(--cyan);font:700 8px var(--display)}.export-history b,.export-history small,.export-history time{display:block}.export-history b{font-size:9px;overflow:hidden;text-overflow:ellipsis}.export-history small,.export-history time{font-size:8px;color:var(--muted);margin-top:3px}.export-history time{grid-column:2}.guest-shell{display:grid;place-items:center;padding:32px;background:radial-gradient(circle at 20% 30%,rgba(23,115,179,.14),transparent 33%),#04060a}.auth-stage{width:min(1190px,100%);min-height:680px;display:grid;grid-template-columns:1.55fr .8fr;border:1px solid #1b2838;border-radius:25px;overflow:hidden;background:#070a11;box-shadow:0 40px 100px rgba(0,0,0,.55)}.auth-visual{position:relative;overflow:hidden;padding:55px;background:linear-gradient(135deg,rgba(4,9,17,.78),rgba(4,7,12,.94)),repeating-linear-gradient(0deg,transparent 0 59px,rgba(34,217,244,.04) 60px),repeating-linear-gradient(90deg,transparent 0 59px,rgba(34,217,244,.04) 60px)}.auth-visual:before{content:"";position:absolute;width:420px;height:420px;left:50%;top:42%;transform:translate(-50%,-50%) rotate(45deg);border:1px solid rgba(34,217,244,.2);box-shadow:0 0 80px rgba(34,217,244,.06),inset 0 0 80px rgba(66,140,255,.04)}.visual-orbit{position:absolute;width:330px;height:330px;left:50%;top:42%;transform:translate(-50%,-50%);border-radius:50%;border:1px dashed rgba(80,192,255,.2)}.visual-orbit:before,.visual-orbit:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(146,93,255,.15);inset:50px}.visual-orbit:after{inset:115px;background:radial-gradient(circle,var(--cyan) 0 3px,rgba(34,217,244,.1) 4px 30%,transparent 65%);box-shadow:0 0 65px rgba(34,217,244,.25)}.signal-grid{position:absolute;right:45px;top:45px;display:flex;gap:5px}.signal-grid span{width:3px;background:var(--cyan);border-radius:4px}.signal-grid span:nth-child(1){height:9px}.signal-grid span:nth-child(2){height:15px}.signal-grid span:nth-child(3){height:22px}.signal-grid span:nth-child(4){height:15px}.signal-grid span:nth-child(5){height:9px}.visual-copy{position:absolute;left:55px;bottom:92px;z-index:2}.visual-copy>span{font:600 9px var(--display);letter-spacing:2.5px;color:var(--cyan)}.visual-copy h1{font:600 clamp(37px,4vw,57px)/.98 var(--display);margin:15px 0}.visual-copy h1 em{font-style:normal;background:linear-gradient(90deg,var(--cyan),#8a77ff);-webkit-background-clip:text;color:transparent}.visual-copy p{max-width:550px;color:#78899c;line-height:1.6;font-size:11px}.visual-status{position:absolute;bottom:30px;left:55px;right:55px;border-top:1px solid var(--line);padding-top:16px;font:600 8px var(--display);letter-spacing:1.5px;color:#64768a}.visual-status i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green);margin-right:7px}.visual-status b{float:right;color:#7e90a3}.auth-panel{padding:50px 48px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(160deg,#0b0e18,#080a12)}.auth-brand{position:absolute;top:55px;display:flex;align-items:center;gap:10px}.auth-title{margin:70px 0 25px}.auth-title>span{font:600 9px var(--display);letter-spacing:2px;color:var(--green)}.auth-title h2{font:600 31px var(--display);margin:10px 0 5px}.auth-title p{color:#68798c;font-size:10px}.input-icon{position:relative;margin-top:7px}.input-icon span{position:absolute;left:13px;top:13px;color:#617388}.input-icon input{margin:0!important;padding-left:38px!important}.auth-form input{background:#05070c;border-color:#1d2a3a}.auth-form input:focus,.stack-form input:focus{border-color:rgba(34,217,244,.6);box-shadow:0 0 0 3px rgba(34,217,244,.06)}.auth-footer{border-top:1px solid var(--line);margin-top:27px;padding-top:16px;display:flex;justify-content:space-between;color:#48596b;font:600 8px var(--display);letter-spacing:1px}.requirements{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:0 0 18px}.requirements div{padding:7px 9px;border:1px solid var(--line);border-radius:7px;font-size:8px;color:#7e90a3}.requirements div span{display:inline-grid;place-items:center;width:15px;height:15px;border-radius:50%;margin-right:5px;background:rgba(76,230,163,.1);color:var(--green)}.requirements .bad span{color:var(--red);background:rgba(255,100,124,.1)}.install-stage .auth-title{margin-top:80px;margin-bottom:15px}.install-stage .auth-panel{padding-top:25px;padding-bottom:25px}
@media(max-width:1050px){.metric-grid{grid-template-columns:repeat(2,1fr)}.event-row{grid-template-columns:25px 70px 1fr auto}.event-thumb.large{width:68px}.manifest-cell{display:none}.dashboard-grid,.activity-grid{grid-template-columns:1fr}.split-grid{grid-template-columns:1fr}.auth-stage{grid-template-columns:1fr;max-width:550px}.auth-visual{display:none}.auth-panel{min-height:650px;position:relative}.auth-brand{top:45px}.user-row{grid-template-columns:40px 1fr 110px 40px 70px}.user-row>small{display:none}}
@media(max-width:760px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;left:-250px;width:230px;transition:.25s}.sidebar.open{left:0;box-shadow:30px 0 70px #000}.menu-button{display:block}.topbar{padding:0 15px}.clock{display:none}.workspace{padding:18px 14px 40px}.hero-strip{padding:25px;min-height:240px;align-items:flex-start;flex-direction:column}.metric-grid{grid-template-columns:1fr 1fr}.toolbar,.filterbar{flex-wrap:wrap}.toolbar>form:last-child{width:100%}.toolbar>form:last-child button{width:100%}.search{min-width:100%}.selection-bar{flex-wrap:wrap;top:82px}.selection-bar>div{width:100%}.switch-label{display:none}.event-row{grid-template-columns:24px 1fr auto;padding:13px 12px}.event-thumb.large{display:none}.row-actions .icon-button{display:none}.event-info h4{font-size:12px}.resolve-button{font-size:0;width:39px}.resolve-button:first-letter{font-size:14px}.compact-event{grid-template-columns:55px 1fr auto}.compact-event .event-thumb,.compact-event>i{display:none}.auth-panel{padding:38px 28px}.guest-shell{padding:0}.auth-stage{border-radius:0;min-height:100vh}.user-row{grid-template-columns:36px 1fr 38px 65px}.user-row .role{display:none}}