:root{--bg: #0e1621;--panel: #16212d;--panel-2: #1c2a38;--panel-3: #223243;--line: #263544;--line-2: #31424f;--text: #e8e6df;--muted: #8fa0ae;--muted-2: #64768a;--red: #ff4438;--teal: #3fd0c9;--amber: #f2b23e;--green: #4fd08a;--sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono: ui-monospace, "Cascadia Code", "SF Mono", Consolas, monospace;--sidebar-w: 244px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--sans);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.app{display:grid;grid-template-columns:var(--sidebar-w) 1fr;min-height:100vh}.sidebar{background:#0b111a;border-right:1px solid var(--line);padding:20px 16px;display:flex;flex-direction:column;gap:26px;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:11px;padding:0 6px}.brand .logo{width:30px;height:30px;border-radius:7px;background:var(--red);display:grid;place-items:center;color:#fff;font-weight:800;font-size:15px;flex:0 0 auto}.brand .name{font-weight:700;letter-spacing:.01em;font-size:15px;line-height:1.1}.brand .name small{display:block;font-weight:500;color:var(--muted);font-size:11px;letter-spacing:.12em;text-transform:uppercase}.nav{display:flex;flex-direction:column;gap:3px}.nav .lbl{font-family:var(--mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted-2);padding:6px 10px;margin-top:8px}.nav a{display:flex;align-items:center;gap:11px;padding:9px 11px;border-radius:7px;color:var(--muted);font-weight:500;font-size:14px;transition:background .12s,color .12s}.nav a .ic{width:17px;text-align:center;flex:0 0 auto;opacity:.9}.nav a:hover{background:var(--panel);color:var(--text)}.nav a.active{background:var(--panel-2);color:var(--text)}.nav a.active .ic{color:var(--teal);opacity:1}.side-live{margin-top:auto;background:var(--panel);border:1px solid var(--line);border-radius:9px;padding:13px 14px}.side-live .row{display:flex;align-items:center;gap:8px;font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--red);font-weight:700}.side-live .prog{margin-top:6px;font-size:13.5px;color:var(--text);font-weight:600}.side-live .ch{font-size:12px;color:var(--muted)}.main{min-width:0;display:flex;flex-direction:column}.topbar{height:58px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:14px;padding:0 26px;background:#0e1621b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0;z-index:10}.topbar .demo{font-family:var(--mono);font-size:11px;letter-spacing:.08em;color:var(--amber);border:1px solid rgba(242,178,62,.35);background:#f2b23e14;padding:4px 10px;border-radius:5px}.topbar .spacer{flex:1}.topbar .user{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--muted)}.avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:12px;color:#0b111a;flex:0 0 auto}.page{padding:26px;max-width:1240px;width:100%}.page-head{margin-bottom:22px}.page-head h1{font-size:26px;font-weight:700;letter-spacing:-.01em;margin:0 0 4px}.page-head p{margin:0;color:var(--muted);font-size:14.5px}.card{background:var(--panel);border:1px solid var(--line);border-radius:11px;padding:18px}.card h3{margin:0 0 3px;font-size:15px;font-weight:600}.card .sub{color:var(--muted);font-size:13px;margin:0}.grid{display:grid;gap:16px}@media (min-width: 720px){.grid.c2{grid-template-columns:1fr 1fr}.grid.c3{grid-template-columns:repeat(3,1fr)}.grid.c4{grid-template-columns:repeat(4,1fr)}}.eyebrow{font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:0 0 10px}.badge{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;padding:3px 9px;border-radius:999px;font-weight:700}.badge .dot{width:7px;height:7px;border-radius:50%}.badge.live{color:var(--red);background:#ff44381a;border:1px solid rgba(255,68,56,.3)}.badge.live .dot{background:var(--red);animation:blink 1.8s infinite}.badge.ok{color:var(--green);background:#4fd08a1a;border:1px solid rgba(79,208,138,.28)}.badge.wait{color:var(--amber);background:#f2b23e1a;border:1px solid rgba(242,178,62,.28)}.badge.idle{color:var(--muted);background:var(--panel-2);border:1px solid var(--line)}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.btn{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line-2);background:var(--panel-2);color:var(--text);padding:9px 15px;border-radius:8px;font-size:13.5px;font-weight:600}.btn:hover{border-color:var(--teal)}.btn.primary{background:var(--red);border-color:var(--red);color:#fff}.btn.primary:hover{filter:brightness(1.08)}.stat{background:var(--panel);border:1px solid var(--line);border-radius:11px;padding:16px 18px}.stat .k{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.stat .v{font-size:30px;font-weight:700;letter-spacing:-.02em;margin:6px 0 2px;font-variant-numeric:tabular-nums}.stat .d{font-size:12.5px;color:var(--muted)}.stat .v .teal{color:var(--teal)}.onair{background:linear-gradient(135deg,#1a2836,#141d28);border:1px solid var(--line-2);border-radius:13px;padding:22px;display:grid;gap:18px;grid-template-columns:1fr}@media (min-width: 780px){.onair{grid-template-columns:300px 1fr;align-items:center}}.onair .screen{aspect-ratio:16 / 9;border-radius:9px;background:radial-gradient(circle at 50% 40%,#24384a,#0d141d);border:1px solid var(--line-2);position:relative;display:grid;place-items:center;overflow:hidden}.onair .screen .ring{width:58px;height:58px;border-radius:50%;border:2px solid rgba(255,255,255,.16);display:grid;place-items:center;color:#ffffffb3;font-size:22px}.onair .screen .tl{position:absolute;top:10px;left:10px}.onair .meta .prog{font-size:22px;font-weight:700;margin:10px 0 3px}.onair .meta .by{color:var(--muted);font-size:14px}.onair .meta .stats{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:16px;font-family:var(--mono);font-size:12px;color:var(--muted)}.onair .meta .stats b{color:var(--text)}.onair .dests{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}.chip-sm{font-size:11.5px;padding:4px 10px;border-radius:6px;background:var(--panel-2);border:1px solid var(--line);color:var(--muted)}.chip-sm.on{color:var(--teal);border-color:#3fd0c966}.list{display:flex;flex-direction:column}.list .item{display:flex;align-items:center;gap:14px;padding:12px 4px;border-bottom:1px solid var(--line)}.list .item:last-child{border-bottom:none}.list .time{font-family:var(--mono);font-size:13px;color:var(--teal);width:92px;flex:0 0 auto}.list .who{flex:1;min-width:0}.list .who .t{font-weight:600;font-size:14px}.list .who .c{color:var(--muted);font-size:12.5px}.grade-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:11px;background:var(--panel)}.grade{display:grid;grid-template-columns:70px repeat(5,minmax(150px,1fr));min-width:820px}.grade .gh{padding:12px 10px;border-bottom:1px solid var(--line);border-right:1px solid var(--line);font-size:12.5px;font-weight:700;color:var(--text);background:var(--panel-2);position:sticky;top:0;z-index:2}.grade .gh.corner{color:var(--muted);font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase}.grade .hour{padding:8px;border-bottom:1px solid var(--line);border-right:1px solid var(--line);font-family:var(--mono);font-size:11px;color:var(--muted);background:var(--panel)}.grade .cell{border-bottom:1px solid var(--line);border-right:1px solid var(--line);padding:4px;min-height:46px}.slot{height:100%;border-radius:6px;padding:7px 9px;font-size:12px;line-height:1.3;border-left:3px solid var(--accent, var(--teal));background:var(--slotbg, rgba(63, 208, 201, .09));color:var(--text)}.slot .p{font-weight:600}.slot .c{color:var(--muted);font-size:11px}.slot.free{border:1px dashed var(--line-2);border-left:1px dashed var(--line-2);background:transparent;color:var(--muted-2);display:grid;place-items:center;font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase}.slot.now{box-shadow:0 0 0 1px var(--red),0 0 16px #ff443840}.painel{display:grid;gap:16px;grid-template-columns:1fr}@media (min-width: 940px){.painel{grid-template-columns:1.35fr 1fr;align-items:start}}.stage{background:var(--panel);border:1px solid var(--line);border-radius:11px;overflow:hidden}.stage .screen{aspect-ratio:16 / 9;background:radial-gradient(circle at 50% 38%,#22384a,#0b1119);position:relative;display:grid;place-items:center}.stage .screen .center{text-align:center;color:#ffffff8c}.stage .screen .center .rec{width:60px;height:60px;border-radius:50%;border:2px solid rgba(255,255,255,.18);display:grid;place-items:center;margin:0 auto 10px;font-size:24px}.stage .screen .tl{position:absolute;top:12px;left:12px}.stage .screen .lower{position:absolute;left:0;bottom:0;padding:12px 14px;background:linear-gradient(0deg,rgba(6,10,15,.9),transparent);width:100%}.stage .screen .lower .p{font-weight:700;font-size:16px}.stage .screen .lower .c{font-size:12.5px;color:#ffffffb3}.stage .bar{display:flex;align-items:center;gap:8px 16px;flex-wrap:wrap;padding:12px 14px;border-top:1px solid var(--line);font-family:var(--mono);font-size:12px;color:var(--muted)}.stage .bar b{color:var(--text)}.chatcol{display:flex;flex-direction:column;gap:16px}.chatbox{background:var(--panel);border:1px solid var(--line);border-radius:11px;display:flex;flex-direction:column;overflow:hidden}.chatbox .hd{display:flex;align-items:center;gap:8px;padding:11px 14px;border-bottom:1px solid var(--line);font-size:12.5px;font-weight:700;letter-spacing:.04em}.chatbox .hd .count{margin-left:auto;font-family:var(--mono);font-size:11px;color:var(--muted);font-weight:500}.feed{padding:10px 14px;overflow-y:auto;max-height:300px;display:flex;flex-direction:column;gap:9px}.feed.tall{max-height:340px}.cmsg{font-size:13.5px;line-height:1.4}.cmsg .u{color:var(--teal);font-weight:700;margin-right:6px}.cmsg .u.mod{color:var(--amber)}.scmsg{border-radius:8px;border:1px solid var(--line-2);overflow:hidden;background:var(--panel-2)}.scmsg .top{display:flex;align-items:center;gap:8px;padding:7px 11px;background:linear-gradient(90deg,rgba(79,208,138,.18),transparent)}.scmsg.tier2 .top{background:linear-gradient(90deg,rgba(63,208,201,.2),transparent)}.scmsg.tier3 .top{background:linear-gradient(90deg,rgba(242,178,62,.22),transparent)}.scmsg .top .u{font-weight:700;font-size:13px}.scmsg .top .v{margin-left:auto;font-family:var(--mono);font-weight:700;font-size:12.5px;color:var(--green)}.scmsg.tier3 .top .v{color:var(--amber)}.scmsg .t{padding:8px 11px 10px;font-size:13px;color:var(--text)}.scmsg .act{display:flex;border-top:1px solid var(--line)}.scmsg .act button{flex:1;background:transparent;border:none;color:var(--muted);padding:8px;font-size:12px;font-weight:600}.scmsg .act button:hover{background:var(--panel-3);color:var(--text)}.scmsg.read{opacity:.5}.scmsg.read .act button{color:var(--green)}.channel{display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px solid var(--line);border-radius:11px;background:var(--panel)}.channel .info{min-width:0;flex:1}.channel .info .n{font-weight:600;font-size:15px}.channel .info .m{color:var(--muted);font-size:12.5px;font-family:var(--mono)}.channel .right{display:flex;align-items:center;gap:16px}.channel .subs{text-align:right}.channel .subs .n{font-weight:700;font-variant-numeric:tabular-nums}.channel .subs .l{font-size:11px;color:var(--muted)}.tablewrap{border:1px solid var(--line);border-radius:11px;overflow:hidden;background:var(--panel)}.scroll-x{overflow-x:auto}table.data{width:100%;border-collapse:collapse;font-size:13.5px;min-width:640px}table.data th,table.data td{text-align:left;padding:13px 16px;border-bottom:1px solid var(--line)}table.data th{font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);background:var(--panel-2);font-weight:600}table.data td.num{text-align:right;font-variant-numeric:tabular-nums;font-family:var(--mono)}table.data tr:last-child td{border-bottom:none}table.data tr.total td{background:var(--panel-2);font-weight:700}table.data .teal{color:var(--teal)}table.data .green{color:var(--green)}.cellname{display:flex;align-items:center;gap:10px}.note{color:var(--muted);font-size:12.5px;margin-top:12px;font-family:var(--mono)}@media (max-width: 860px){.app{grid-template-columns:1fr}.sidebar{position:static;height:auto;flex-direction:row;align-items:center;flex-wrap:wrap;gap:12px}.nav{flex-direction:row;flex-wrap:wrap;gap:4px}.nav .lbl{display:none}.side-live{margin:0}}.input,select.input{width:100%;background:var(--panel-2);border:1px solid var(--line-2);color:var(--text);border-radius:8px;padding:10px 12px;font-size:14px;font-family:inherit}.input:focus{border-color:var(--teal);outline:none}.slot.free.click{cursor:pointer;transition:border-color .12s,color .12s,background .12s}.slot.free.click:hover{border:1px dashed var(--teal);border-left:1px dashed var(--teal);color:var(--teal);background:#3fd0c90f}.slot .new{display:inline-block;margin-top:5px;font-family:var(--mono);font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--green)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#05090ead;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;place-items:center;z-index:50;padding:20px}.modal{background:var(--panel);border:1px solid var(--line-2);border-radius:14px;width:100%;max-width:430px;padding:24px}.modal h3{margin:0 0 3px;font-size:18px}.modal .msub{color:var(--muted);font-size:13px;margin:0 0 20px}.field{margin-bottom:15px}.field>label{display:block;font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}.seg{display:flex;gap:8px}.seg button{flex:1;padding:9px;border-radius:8px;border:1px solid var(--line-2);background:var(--panel-2);color:var(--muted);font-weight:600;font-size:13.5px}.seg button.on{border-color:var(--teal);color:var(--text);background:var(--panel-3)}.seg button:disabled{opacity:.4;cursor:not-allowed}.modal-actions{display:flex;gap:10px;margin-top:22px}.modal-actions .btn{flex:1;justify-content:center}.stepper{display:flex;align-items:center;margin-bottom:28px;max-width:620px}.stepper .st{display:flex;align-items:center;gap:10px}.stepper .st .n{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line-2);color:var(--muted);font-weight:700;font-size:13px;flex:0 0 auto;background:var(--panel)}.stepper .st.done .n{background:var(--green);border-color:var(--green);color:#08130c}.stepper .st.active .n{background:var(--teal);border-color:var(--teal);color:#04201e}.stepper .st .lb{font-size:13px;color:var(--muted)}.stepper .st.active .lb,.stepper .st.done .lb{color:var(--text)}.stepper .line{flex:1;height:1px;background:var(--line);margin:0 14px}.oauth-card{max-width:460px;border:1px solid var(--line-2);border-radius:14px;background:var(--panel);padding:26px}.oauth-head{display:flex;align-items:center;gap:13px;margin-bottom:4px}.gicon{width:40px;height:40px;border-radius:9px;background:#fff;display:grid;place-items:center;font-weight:800;font-size:20px;color:#4285f4;flex:0 0 auto}.perm-list{list-style:none;margin:18px 0;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:14px}.perm-list li{display:flex;gap:11px;font-size:14px}.perm-list li .pi{color:var(--teal);flex:0 0 auto;margin-top:1px}.perm-list li small{display:block;color:var(--muted);font-size:12.5px;margin-top:1px}.studio{display:grid;gap:16px;grid-template-columns:1fr}@media (min-width: 900px){.studio{grid-template-columns:1.25fr 1fr;align-items:start}}.status-panel{text-align:center;padding:34px 22px}.pulse-ring{width:84px;height:84px;border-radius:50%;margin:0 auto 16px;display:grid;place-items:center;border:2px solid var(--line-2);font-size:30px;color:var(--muted)}.status-panel.live .pulse-ring{border-color:var(--red);color:var(--red);animation:ring 1.8s infinite}@keyframes ring{0%{box-shadow:0 0 #ff443873}70%{box-shadow:0 0 0 18px #ff443800}to{box-shadow:0 0 #ff443800}}.status-panel.connecting .pulse-ring{border-color:var(--amber);color:var(--amber)}.status-panel .stt{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;font-size:13px;margin-bottom:6px}.status-panel.offline .stt{color:var(--muted)}.status-panel.connecting .stt{color:var(--amber)}.status-panel.live .stt{color:var(--red)}.status-panel .stsub{color:var(--muted);font-size:13.5px;margin:0 auto 20px;max-width:42ch}.spin{width:15px;height:15px;border:2px solid var(--line-2);border-top-color:var(--amber);border-radius:50%;display:inline-block;vertical-align:-2px;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.keybox{display:flex;flex-direction:column;gap:15px}.key-field .row{display:flex;gap:8px}.key-field .row .input{flex:1;font-family:var(--mono);font-size:12.5px}.copied{color:var(--green);font-family:var(--mono);font-size:11px;margin-left:4px}@media (prefers-reduced-motion: reduce){*{animation:none!important}}