:root{--bg:#06121e;--bg-deep:#020b12;--surface:#0a1925;--surface2:#0e2231;--surface3:#142b3c;--border:#263d4d;--text:#f7f8fa;--muted:#8e9aa3;--accent:#e52934;--accent-dark:#b41525;--accent2:#1f8eea;--accent3:#e6b54a;--success:#31d07d;color:var(--text);background:var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:radial-gradient(circle at 72% -15%,#123754 0,transparent 32%),linear-gradient(180deg,var(--bg-deep),var(--bg) 48%,#071521 100%);min-height:100vh;color:var(--text);margin:0}button,input,select{font:inherit}button{background:var(--accent);color:#fff;cursor:pointer;letter-spacing:.01em;border:0;border-radius:8px;padding:11px 15px;font-weight:900;transition:all .16s}button:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}button:disabled{opacity:.38;cursor:not-allowed}.secondary{color:#fff!important;background:#122636!important;border:1px solid #365165!important}.app{grid-template-columns:244px minmax(0,1fr);min-height:100vh;display:grid}aside{z-index:20;background:linear-gradient(#06131e,#071724);border-right:1px solid #1d3343;flex-direction:column;height:100vh;padding:20px 13px;display:flex;position:sticky;top:0;box-shadow:20px 0 60px #0003}.brand{border-bottom:1px solid #1c3241;align-items:center;gap:10px;margin-bottom:16px;padding:4px 8px 22px;display:flex}.brand b{font-size:13px;line-height:1.25;display:block}.brand small{color:var(--accent3);text-transform:uppercase;letter-spacing:.14em;margin-top:4px;font-size:8px;font-weight:1000;display:block}.logoMark{background:linear-gradient(145deg,#f43945,var(--accent));border:1px solid #ff64704a;border-radius:17px;place-items:center;width:64px;height:64px;font-size:22px;font-weight:1000;display:grid;box-shadow:0 15px 45px #e5293435}.logoMark.small{border-radius:11px;flex:none;width:42px;height:42px;font-size:14px}nav{flex-direction:column;gap:5px;display:flex}nav button{text-align:left;color:#9eabb4;box-shadow:none;background:0 0;border:1px solid #0000;align-items:center;gap:10px;padding:11px 12px;display:flex}nav button span{text-align:center;color:#688093;width:22px}nav button:hover{color:#fff;background:#0d2231;transform:none}nav button.active{color:#fff;box-shadow:inset 3px 0 0 var(--accent);background:#102737;border-color:#264356}nav button.active span{color:var(--accent3)}.asideHealth{background:#0b1e2c;border:1px solid #253d4e;border-radius:10px;margin-top:auto;padding:12px}.asideHealth div{align-items:center;gap:7px;font-size:11px;display:flex}.asideHealth small{color:#758795;margin:6px 0 0 15px;font-size:9px;display:block}.healthDot,.dot,.tinyLed,.workerLed{background:#52636f;border-radius:50%;width:8px;height:8px;display:inline-block}.healthDot.online{background:var(--success);box-shadow:0 0 12px #31d07d80}.asideBottom{letter-spacing:.11em;text-transform:uppercase;background:#0b1e2c;border:1px solid #253d4e;border-radius:10px;margin-top:9px;padding:11px 12px;font-size:10px;font-weight:1000}.asideBottom small{color:#72838f;letter-spacing:.05em;margin:4px 0 0 16px;font-size:8px;display:block}.asideBottom.onair{background:#271218;border-color:#7d242d}.dot.live{background:var(--accent);box-shadow:0 0 14px #e52934a0}main{min-width:0;padding:0 22px 28px}.pageHeader{border-bottom:1px solid #203644;justify-content:space-between;align-items:center;height:86px;margin-bottom:24px;display:flex}.pageHeader h2{margin:0 0 4px;font-size:21px}.pageHeader span{color:#9ba7af;font-size:12px}.headerStats{gap:24px;display:flex}.headerStats div{text-align:right}.headerStats b,.headerStats small{display:block}.headerStats b{font-size:14px}.headerStats small{color:#71818d;text-transform:uppercase;letter-spacing:.1em;font-size:9px}.console{padding-top:14px}.onAirHeader{background:linear-gradient(#0b1b27,#081722);border:1px solid #253c4c;border-radius:12px;grid-template-columns:180px 1fr auto;align-items:center;height:74px;margin-bottom:12px;padding:0 18px;display:grid;box-shadow:0 10px 40px #0004}.onAirFlag{color:#80909b;letter-spacing:.12em;background:#132532;border:1px solid #334958;border-radius:8px;justify-content:center;align-items:center;gap:9px;height:44px;font-size:14px;display:flex}.onAirFlag span{background:#566873;border-radius:50%;width:11px;height:11px}.onAirFlag.live{color:#fff;background:linear-gradient(#e82d39,#c71725);border-color:#ff4d59;box-shadow:0 0 26px #e5293440}.onAirFlag.live span{background:#fff;animation:1.2s infinite pulse;box-shadow:0 0 13px #fff}.stationHead{padding-left:17px}.stationHead small{color:var(--accent3);letter-spacing:.15em;font-size:8px;font-weight:1000;display:block}.stationHead b{font-size:17px}.headReadouts{gap:9px;display:flex}.headReadouts>div{text-align:right;background:#06131d;border:1px solid #213949;border-radius:8px;min-width:112px;padding:8px 11px}.headReadouts small{color:#6f8290;letter-spacing:.13em;font-size:7px;font-weight:1000;display:block}.headReadouts b{font-variant-numeric:tabular-nums;font-size:14px}.timerLive{color:#ff6570!important}.consoleBody{grid-template-columns:340px minmax(480px,1fr) 290px;gap:12px;display:grid}.panel{background:linear-gradient(#0e202e,#091823);border:1px solid #294253;border-radius:12px;box-shadow:0 12px 38px #0003}.panelTitle{border-bottom:1px solid #203846;justify-content:space-between;align-items:center;padding:15px 15px 11px;display:flex}.panelTitle small{color:var(--accent3);letter-spacing:.13em;font-size:8px;font-weight:1000;display:block}.panelTitle h3{margin:2px 0 0;font-size:15px}.masterMeterLabel{color:#7f909c;background:#07141e;border:1px solid #263e4e;border-radius:999px;padding:6px 8px;font-size:8px}.mixerPanel{overflow:hidden}.channelRack{grid-template-columns:repeat(3,1fr);gap:7px;padding:10px;display:grid}.channelStrip{border:1px solid #223948;border-top:3px solid var(--accent);text-align:center;background:#071620;border-radius:9px;min-width:0;padding:9px 7px 10px}.channelStrip.blue{border-top-color:var(--accent2)}.channelStrip.gold{border-top-color:var(--accent3)}.channelName{height:49px}.channelName b{letter-spacing:.1em;font-size:11px;display:block}.channelName small{white-space:nowrap;text-overflow:ellipsis;color:#6f8190;max-width:90px;margin-top:4px;font-size:7px;display:block;overflow:hidden}.channelMid{justify-content:center;align-items:stretch;gap:10px;height:205px;display:flex}.vuMeter{background:#030a0f;border:1px solid #203542;border-radius:5px;flex-direction:column;gap:2px;width:28px;height:190px;padding:5px 4px;display:flex;position:relative}.vuMeter i{background:#173143;border-radius:1px;flex:1;transition:background 60ms,box-shadow 60ms;display:block}.vuMeter i.on{background:#38d080;box-shadow:0 0 4px #38d08070}.vuMeter i:nth-child(-n+3).on{background:#ef424d;box-shadow:0 0 5px #ef424d90}.vuMeter i:nth-child(n+4):nth-child(-n+7).on{background:#e8b84e;box-shadow:0 0 4px #e8b84e70}.vuScale{color:#536874;flex-direction:column;justify-content:space-between;font-size:5px;display:flex;position:absolute;top:3px;bottom:3px;left:-17px}.faderWrap{color:#536774;flex-direction:column;justify-content:space-between;align-items:center;width:34px;height:190px;font-size:6px;display:flex}.verticalFader{writing-mode:vertical-lr;accent-color:#eef3f7;direction:rtl;background:0 0;border:0;width:28px;height:165px;padding:0}.faderValue{color:#8fa0aa;margin:4px 0 7px;font-size:8px}.muteBtn,.channelAction,.fileLoad{letter-spacing:.08em;border-radius:5px;width:100%;margin-top:5px;padding:7px 2px;font-size:7px;font-weight:1000;display:block}.muteBtn{background:#172936;border:1px solid #334b5b}.muteBtn.active{color:#fff;background:#d08f22;border-color:#f1b64e}.channelAction{background:#153348;border:1px solid #2e5e7e}.fileLoad{color:#aab7c0;cursor:pointer;background:#132532;border:1px solid #304958}.fileLoad input{display:none}.miniSelect{width:100%;margin-top:5px!important;padding:6px 4px!important;font-size:7px!important}.mixerFooter{color:#667c8b;border-top:1px solid #203846;justify-content:space-around;padding:8px 5px;font-size:7px;display:flex}.tinyLed{width:6px;height:6px;margin-right:4px}.tinyLed.green{background:var(--success)}.tinyLed.blue{background:var(--accent2)}.tinyLed.gold{background:var(--accent3)}.programColumn{flex-direction:column;gap:12px;min-width:0;display:flex}.programPanel{padding:9px}.monitorTop{color:#8fa1ad;letter-spacing:.09em;justify-content:space-between;align-items:center;height:31px;padding:0 5px;font-size:8px;font-weight:1000;display:flex}.redDot{background:var(--accent);border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block;box-shadow:0 0 9px #e5293470}.monitorMeta{color:#586f7e}.programScreen{aspect-ratio:16/9;background:#02090e;border:1px solid #345164;border-radius:8px;position:relative;overflow:hidden;box-shadow:inset 0 0 50px #0009}.cameraFeed{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.studioBackdrop{background:radial-gradient(circle at 65% 28%,#163d5b,#0a2233 45%,#06121e 100%) 50%/cover;position:absolute;inset:0}.visualizerHero{justify-content:center;align-items:center;display:flex;position:absolute;inset:16% 10% 23%}.heroMic{opacity:.08;font-size:72px;position:absolute}.heroBars{justify-content:center;align-items:center;gap:6px;width:86%;height:65%;display:flex}.heroBars i{background:linear-gradient(180deg,var(--accent2),var(--accent3) 70%,var(--accent));border-radius:99px;width:7px;transition:height 80ms}.screenShade{pointer-events:none;background:linear-gradient(#0000 42%,#02101de6 100%);position:absolute;inset:0}.screenLiveBug{color:#93a4ae;letter-spacing:.1em;background:#102331d9;border:1px solid #345063;border-radius:5px;padding:6px 9px;font-size:7px;font-weight:1000;position:absolute;top:13px;left:13px}.screenLiveBug span{background:#6c7c87;border-radius:50%;width:6px;height:6px;margin-right:5px;display:inline-block}.screenLiveBug.active{color:#fff;background:#d51d2a;border-color:#ff4d58}.screenLiveBug.active span{background:#fff;animation:1.2s infinite pulse}.screenClock{font-variant-numeric:tabular-nums;background:#06131dcc;border:1px solid #2b4659;border-radius:5px;padding:6px 8px;font-size:8px;position:absolute;top:13px;right:13px}.lowerThird{border-left:4px solid var(--accent);z-index:4;background:linear-gradient(90deg,#081a29ec,#0b1d2ae8 72%,#122434c7);border-radius:5px;align-items:center;min-height:65px;padding:9px 10px;display:flex;position:absolute;bottom:14px;left:15px;right:15px}.npIcon{background:var(--accent);border-radius:6px;place-items:center;width:36px;height:36px;margin-right:10px;display:grid}.lowerThird>div:nth-child(2){flex:1;min-width:0}.lowerThird small{color:var(--accent3);letter-spacing:.15em;font-size:6px;font-weight:1000;display:block}.lowerThird b{white-space:nowrap;text-overflow:ellipsis;font-size:14px;display:block;overflow:hidden}.lowerThird span{color:#a9b5bc;white-space:nowrap;text-overflow:ellipsis;font-size:8px;display:block;overflow:hidden}.lowerThird img{object-fit:cover;border-radius:5px;width:47px;height:47px;margin-left:10px}.programTools{align-items:center;gap:10px;height:47px;padding:7px 2px 0;display:flex}.toolBtn{background:#112635;border:1px solid #2d4b60;padding:8px 10px;font-size:7px}.toolBtn.active{background:#1c4f39;border-color:#2c7c55}.programLevel{flex:1;align-items:center;gap:7px;display:flex}.programLevel span,.programLevel b{color:#758997;font-size:7px}.hMeter{background:#030b11;border:1px solid #263e4f;border-radius:99px;flex:1;height:8px;overflow:hidden}.hMeter i{background:linear-gradient(90deg,#32c879 0 70%,var(--accent3) 85%,var(--accent) 100%);height:100%;transition:width 80ms;display:block}.destinationsBar{grid-template-columns:125px 1fr 120px;align-items:center;gap:8px;min-height:72px;padding:9px 12px;display:grid}.destTitle small{color:var(--accent3);letter-spacing:.12em;font-size:7px;font-weight:1000;display:block}.destTitle b{font-size:10px}.destinationLights{grid-template-columns:repeat(4,1fr);gap:5px;display:grid}.destLight{background:#071620;border:1px solid #253d4d;border-radius:6px;align-items:center;gap:5px;min-width:0;padding:6px;display:flex}.destLight>span{background:#4e606c;border-radius:50%;flex:none;width:7px;height:7px}.destLight b,.destLight small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.destLight b{font-size:7px}.destLight small{color:#627681;margin-top:2px;font-size:5px}.destLight.active{background:#0c271c;border-color:#315e45}.destLight.active>span{background:var(--success);box-shadow:0 0 10px #31d07d90}.destLight.unconfigured{opacity:.45}.radioEncoderStatus{border-left:1px solid #264050;align-items:center;gap:8px;padding-left:10px;display:flex}.signalPulse{background:#51636e;border-radius:50%;width:10px;height:10px}.signalPulse.active{background:var(--accent);animation:1.2s infinite pulse;box-shadow:0 0 13px #e5293490}.radioEncoderStatus small,.radioEncoderStatus b{display:block}.radioEncoderStatus small{color:#657b88;font-size:5px}.radioEncoderStatus b{font-size:7px}.controlPanel{overflow:hidden}.controlStatus{padding:12px}.bigOnAir{text-align:center;background:#071620;border:1px solid #2c4352;border-radius:8px;place-items:center;height:75px;display:grid}.bigOnAir span{color:#596b76;letter-spacing:.12em;font-size:22px;font-weight:1000}.bigOnAir small{color:#617682;font-size:7px}.bigOnAir.active{background:radial-gradient(circle at 50% 0,#4f1820,#220e13 70%);border-color:#7d2730}.bigOnAir.active span{color:#ff5964;text-shadow:0 0 18px #e5293470}.statusList{margin-top:10px}.statusList>div{border-bottom:1px solid #1e3442;justify-content:space-between;align-items:center;padding:7px 1px;font-size:7px;display:flex}.statusList span{color:#7d909c}.statusList b{font-size:7px}.good{color:var(--success)!important}.bad{color:#ff6570!important}.broadcastButtons{padding:0 12px 12px}.goLive,.stopLive{text-align:left;border-radius:8px;grid-template-rows:1fr 1fr;grid-template-columns:30px 1fr;align-items:center;width:100%;min-height:62px;padding:9px 12px;font-size:15px;display:grid}.goLive span,.stopLive span{grid-row:1/3;font-size:17px}.goLive small,.stopLive small{letter-spacing:.12em;opacity:.7;font-size:6px}.goLive{background:linear-gradient(#ef3340,#ce1725);box-shadow:0 10px 25px #e5293428}.stopLive{background:linear-gradient(#8e1c27,#62131b)}.workerList{border-top:1px solid #203846;max-height:128px;padding:9px 12px;overflow:auto}.workerList>div{border-bottom:1px solid #172c39;align-items:center;gap:7px;padding:6px 0;display:flex}.workerList b,.workerList small{display:block}.workerList b{font-size:7px}.workerList small{color:#637987;font-size:6px}.workerLed.live{background:var(--success);box-shadow:0 0 8px #31d07d70}.workerLed.failed{background:var(--accent)}.emptyWorkers{color:#657986;text-align:center;font-size:7px;padding:13px!important;display:block!important}.nowPlayingStrip{background:linear-gradient(90deg,#101d29,#091621);border:1px solid #263e4e;border-radius:9px;grid-template-columns:135px 1fr auto;align-items:center;height:54px;margin-top:12px;display:grid;overflow:hidden}.breakingTag{background:var(--accent);letter-spacing:.12em;clip-path:polygon(0 0,100% 0,88% 100%,0 100%);align-items:center;height:100%;padding-left:17px;font-size:8px;font-weight:1000;display:flex}.npTicker{white-space:nowrap;align-items:center;gap:8px;min-width:0;padding:0 14px;display:flex;overflow:hidden}.npTicker b{color:#d6dde2;font-size:10px}.npTicker strong{text-overflow:ellipsis;font-size:10px;overflow:hidden}.npTicker span{color:var(--accent3)}.tickerFacts{background:#0b1b27;border-left:1px solid #263e4e;align-items:center;gap:14px;height:100%;padding:0 15px;display:flex}.tickerFacts span{color:#81939e;font-size:7px}.tickerFacts b{color:#fff}.title{margin:24px 0 18px}.title h2{margin:0 0 4px}.title p{color:#8e9aa3;margin:0;font-size:12px}.formRow{align-items:center;gap:10px;padding:14px;display:flex}.stack{flex-direction:column;gap:12px;max-width:850px;padding:18px;display:flex}.grow{flex:1}input,select{color:#fff;background:#06131d;border:1px solid #304654;border-radius:8px;outline:none;padding:11px 12px}input:focus,select:focus{border-color:var(--accent2);box-shadow:0 0 0 3px #1f8eea18}.list{flex-direction:column;gap:9px;display:flex}.row{background:#0a1924;border:1px solid #284052;border-radius:10px;align-items:center;gap:10px;padding:13px;display:flex}.row>div{flex-direction:column;flex:1;display:flex}.row small{color:#83949f;margin-top:3px}.danger{color:#ff949b!important;background:#3b151b!important}.pill{text-transform:uppercase;color:#b8c4cc;background:#183044;border-radius:999px;padding:6px 9px;font-size:9px}.pill.error{color:#ff9ca4;background:#42181f}.okBox{color:#6ff0b4;background:#123426;border-radius:8px;padding:12px}.error{color:#ff9ca4;background:#42181f;border-radius:8px;margin-top:9px;padding:10px}.upload{border-top:1px solid #294052;grid-template-columns:180px 1fr auto;align-items:center;gap:10px;padding-top:12px;display:grid}.switchLabel{font-size:10px}.colourRow label{color:#8ea0aa;font-size:9px}.colourRow input{width:60px;height:34px;margin-left:5px;padding:2px}.login{background:radial-gradient(circle at 68% 4%,#143b59 0,#0000 35%),linear-gradient(135deg,#020c13,#06121e 60%,#081b28);place-items:center;min-height:100vh;padding:20px;display:grid}.loginCard{background:#0a1b28;border:1px solid #2a4254;border-radius:18px;width:min(445px,100%);padding:35px;box-shadow:0 35px 110px #000b}.loginBrand{align-items:center;gap:12px;margin-bottom:25px;display:flex}.loginBrand>div:last-child span,.loginBrand>div:last-child small{display:block}.loginBrand span{font-size:14px;font-weight:1000}.loginBrand small{color:var(--accent3);letter-spacing:.14em;font-size:7px;font-weight:1000}.loginCard h1{margin:0 0 9px;font-size:25px}.loginCard h1 span{color:var(--accent)}.loginCard p{color:#93a1aa;font-size:12px;line-height:1.55}.loginCard input,.loginCard button{width:100%;margin-top:10px;padding:13px}.splash{color:#9aa5ad;background:#06121e;place-items:center;min-height:100vh;display:grid}.splashPulse{background:var(--accent);border-radius:50%;width:14px;height:14px;margin-bottom:-43px;animation:1s infinite pulse;box-shadow:0 0 25px #e52934}@keyframes pulse{50%{opacity:.35;transform:scale(.8)}}@media (width<=1280px){.consoleBody{grid-template-columns:310px minmax(430px,1fr)}.controlPanel{grid-column:1/-1;grid-template-columns:240px 1fr 260px;display:grid}.controlPanel>.panelTitle{grid-column:1/-1}.controlStatus{grid-template-columns:190px 1fr;gap:12px;display:grid}.broadcastButtons{align-self:center}.workerList{border-top:0;border-left:1px solid #203846;max-height:155px}.headReadouts>div{min-width:100px}}@media (width<=980px){.app{grid-template-columns:1fr}aside{flex-direction:row;align-items:center;height:auto;padding:9px;position:relative;overflow:auto}aside .brand{border:0;min-width:215px;margin:0 10px 0 0;padding:0}nav{flex-direction:row}nav button{white-space:nowrap}.asideHealth{display:none}.asideBottom{min-width:115px;margin:0 0 0 auto}.consoleBody{grid-template-columns:1fr}.mixerPanel,.programColumn,.controlPanel{grid-column:auto}.controlPanel{display:block}.workerList{border-top:1px solid #203846;border-left:0}.onAirHeader{grid-template-columns:145px 1fr}.headReadouts{grid-column:1/-1;margin-top:8px}.onAirHeader{height:auto;padding:10px 12px}.headReadouts>div{text-align:center;flex:1}.console{padding-top:10px}.nowPlayingStrip{grid-template-columns:110px 1fr}.tickerFacts{display:none}main{padding:0 12px 25px}}@media (width<=620px){.stationHead{display:none}.onAirHeader{grid-template-columns:1fr}.headReadouts{grid-template-columns:repeat(3,1fr);display:grid}.headReadouts>div{min-width:0;padding:7px 4px}.channelRack{gap:4px;padding:6px}.channelStrip{padding:7px 4px}.channelMid{gap:6px}.destinationsBar{grid-template-columns:1fr}.destinationLights{grid-template-columns:repeat(2,1fr)}.radioEncoderStatus{border-top:1px solid #264050;border-left:0;padding:7px 0 0}.programScreen{aspect-ratio:auto;min-height:250px}.lowerThird b{font-size:11px}.nowPlayingStrip{grid-template-columns:92px 1fr}.breakingTag{padding-left:9px;font-size:6px}.npTicker{padding:0 8px}.npTicker b,.npTicker strong{font-size:8px}.formRow{flex-direction:column;align-items:stretch}.upload{grid-template-columns:1fr}.headerStats{display:none}}