@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";:root{font-family:Inter,system-ui,sans-serif;color:#f5f7fb;background:#090b10;font-synthesis:none;--panel:#10131a;--line:#202530;--muted:#8f98a8;--accent:#8b5cf6;--accent2:#a78bfa;--good:#22c55e;--danger:#ef4444}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 70% -20%,rgba(139,92,246,.14),transparent 35%),#090b10;color:#f6f7fb}button,input,select{font:inherit}.shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;border-right:1px solid var(--line);padding:28px 18px;background:#0b0e14}.brand{display:flex;align-items:center;gap:12px;margin-bottom:36px}.logo{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;font-family:Manrope;font-weight:800;background:linear-gradient(135deg,#7c3aed,#a78bfa);box-shadow:0 8px 30px #7c3aed47}.brand strong{display:block;font-family:Manrope;font-size:16px}.brand span{display:block;color:var(--muted);font-size:11px;margin-top:2px}.nav{width:100%;border:0;background:transparent;color:#8791a2;display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:9px;margin:4px 0;cursor:pointer;text-align:left}.nav.active{color:#fff;background:#151925}.sidebar-note{position:absolute;bottom:24px;left:18px;right:18px;background:#111621;border:1px solid #242b39;border-radius:12px;padding:12px;display:flex;gap:10px;color:#a78bfa}.sidebar-note b,.sidebar-note span{display:block;font-size:11px}.sidebar-note span{color:#7f8999;margin-top:3px}main{padding:34px 38px;max-width:1600px;width:100%;margin:0 auto}header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:26px}h1,h2,h3{font-family:Manrope;margin:0}h1{font-size:29px;letter-spacing:-.8px}h2{font-size:18px}h3{font-size:14px}.eyebrow{font-size:10px;letter-spacing:1.6px;color:#8b5cf6;font-weight:700;margin:0 0 8px}.muted{color:var(--muted);font-size:13px;margin:7px 0 0}.btn{border:1px solid #2a3140;background:#151a23;color:#e7eaf0;border-radius:9px;padding:9px 12px;display:inline-flex;align-items:center;gap:7px;cursor:pointer;text-decoration:none;font-size:12px;font-weight:600}.btn:hover{border-color:#424c60}.btn.primary{background:#7c3aed;border-color:#7c3aed;color:#fff}.btn.primary:hover{background:#8b5cf6}.btn.ghost{background:#11151d}.btn.small{padding:7px 9px}.btn:disabled{opacity:.45;cursor:not-allowed}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.metric{border:1px solid var(--line);background:linear-gradient(180deg,#11151d,#0f1218);border-radius:13px;padding:16px}.metric span{font-size:11px;color:var(--muted);display:block}.metric strong{font-family:Manrope;font-size:26px;margin-top:7px;display:block}.layout{display:grid;grid-template-columns:minmax(300px,430px) minmax(520px,1fr);gap:18px}.panel{border:1px solid var(--line);background:#0f1218ed;border-radius:15px;overflow:hidden}.panel-head{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid var(--line)}.panel-head p{font-size:11px;color:var(--muted);margin:5px 0 0}.panel-head a{font-size:11px;color:#9da6b6;text-decoration:none;display:inline-flex;align-items:center;gap:4px;margin-top:5px}.streamer-list{padding:10px}.streamer-card{width:100%;display:flex;gap:11px;align-items:center;text-align:left;background:transparent;color:#fff;border:1px solid transparent;border-radius:11px;padding:11px;cursor:pointer}.streamer-card:hover,.streamer-card.selected{background:#151922;border-color:#242b37}.avatar{width:38px;height:38px;flex:0 0 38px;border-radius:9px;background:#222834;display:grid;place-items:center;font-size:11px;font-weight:700;color:#aeb5c2}.avatar.live{background:#351b43;color:#d8b4fe}.grow{min-width:0;flex:1}.row{display:flex;align-items:center;gap:8px}.row strong{font-size:13px}.sub{display:block;color:#7f8999;font-size:10px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pill{font-size:8px;font-weight:800;letter-spacing:.8px;padding:3px 6px;border-radius:999px}.pill.live{background:#ef444424;color:#fb7185}.pill.offline{background:#222631;color:#8e98a7}.rec-dot{font-size:9px;color:#fb7185}.add-form{border-top:1px solid var(--line);padding:18px 20px;display:grid;gap:10px}.add-form h3{margin-bottom:2px}.add-form input,.field-row input,.field-row select{background:#0b0e14;border:1px solid #242b36;border-radius:8px;color:#eef1f5;padding:10px 11px;outline:none;font-size:12px}.add-form input:focus,.field-row input:focus,.field-row select:focus{border-color:#6d4cc8}.check{display:flex;gap:8px;color:#929baa;font-size:10px;line-height:1.45}.check input{accent-color:#7c3aed}.detail-panel{min-height:650px}.detail-head{align-items:flex-start}.icon{border:1px solid #2a303c;background:#151922;color:#aeb5c2;width:34px;height:34px;border-radius:8px;cursor:pointer}.icon.danger:hover{color:#fb7185;border-color:#5a2831}.status-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:16px 20px}.status-box{border:1px solid #202632;background:#0c0f15;border-radius:10px;padding:12px}.status-box span{font-size:9px;color:#7e8796;text-transform:uppercase;letter-spacing:.6px;display:block}.status-box strong{font-size:12px;margin-top:6px;display:block}.stream-title{margin:0 20px 14px;padding:11px 12px;background:#121721;border-left:2px solid #7c3aed;color:#bcc3ce;font-size:11px}.warn,.alert{border:1px solid #5c3422;background:#231710;color:#f5b88c;border-radius:9px;padding:10px 12px;font-size:11px}.warn{margin:0 20px 14px}.alert{margin-bottom:16px;cursor:pointer}.section-title{padding:18px 20px 10px;display:flex;align-items:center;justify-content:space-between}.section-title p{margin:4px 0 0;font-size:10px;color:var(--muted)}.settings-grid{margin:0 20px;border:1px solid var(--line);border-radius:10px;overflow:hidden}.toggle-row,.field-row{padding:12px 14px;background:#0d1016;display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #1c222c}.settings-grid>*:last-child{border-bottom:0}.toggle-row b,.field-row b,.youtube-box b{display:block;font-size:11px}.toggle-row small,.field-row small,.youtube-box small{display:block;font-size:9px;color:#7f8999;margin-top:3px}.toggle-row input{accent-color:#7c3aed;width:17px;height:17px}.field-row input{width:85px;text-align:right}.field-row select{width:120px}.youtube-box{margin:0 20px 10px;border:1px solid #272332;background:linear-gradient(90deg,#7c3aed14,#0d1016);border-radius:10px;padding:13px;display:flex;align-items:center;gap:12px}.yt-icon{width:36px;height:36px;border-radius:9px;background:#2a1837;color:#c4b5fd;display:grid;place-items:center}.sessions{margin:0 20px 18px;border:1px solid var(--line);border-radius:10px;overflow:hidden}.session-row{width:100%;background:#0d1016;color:#e9ecf1;border:0;border-bottom:1px solid #1d232d;padding:11px 13px;display:flex;align-items:center;justify-content:space-between;text-align:left;cursor:pointer}.session-row:last-child{border-bottom:0}.session-row:hover{background:#121620}.session-row b{font-size:11px;display:block;max-width:480px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.session-row small{font-size:9px;color:#7e8795;display:block;margin-top:3px}.session-row>span{font-size:9px;color:#9da6b5}.session-detail{border-top:1px solid var(--line);background:#0b0e13;padding-bottom:18px}.timeline{margin:0 20px 13px;display:flex;gap:6px;flex-wrap:wrap}.timeline>div{border:1px solid #252b35;border-radius:8px;background:#10141b;padding:7px 9px}.timeline span,.timeline b{display:block;font-size:9px}.timeline span{color:#747e8d;margin-bottom:3px}.videos{margin:0 20px;display:grid;gap:8px}.video-row{border:1px solid #222834;border-radius:10px;background:#10141a;padding:10px;display:flex;align-items:center;gap:9px}.video-icon{width:32px;height:32px;border-radius:8px;background:#1c2230;color:#a78bfa;display:grid;place-items:center}.video-row b{font-size:11px;display:block}.video-row small{font-size:9px;color:#7d8795;display:block;margin-top:3px}.error-text{color:#fb8b8b!important}.empty{padding:32px 20px;text-align:center;color:#747e8d;font-size:11px}.empty.large{min-height:560px;display:flex;flex-direction:column;align-items:center;justify-content:center}.empty.large h3{color:#c9ced8;margin-top:12px}.empty.large p{max-width:300px;line-height:1.5}.empty.small{padding:16px}@media(max-width:1050px){.shell{grid-template-columns:1fr}.sidebar{display:none}main{padding:24px}.layout{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){main{padding:16px}header{gap:12px}.status-grid{grid-template-columns:1fr}.metrics{grid-template-columns:1fr 1fr}.video-row{align-items:flex-start;flex-wrap:wrap}}