:root{color:#eaf0ff;font-synthesis:none;background:#080c16;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{color:#eaf0ff;background:#080c16;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}.shell{grid-template-columns:260px 1fr;min-height:100vh;display:grid}.sidebar{z-index:5;background:linear-gradient(#0b1020,#090d18);border-right:1px solid #1c253b;flex-direction:column;height:100vh;padding:20px 16px;display:flex;position:sticky;top:0}.brand,.brandLarge{align-items:center;gap:11px;display:flex}.brand b,.brandLarge b{letter-spacing:-.6px;font-size:20px}.brand small,.brandLarge small{color:#6f7a91;letter-spacing:2px;margin-top:2px;font-size:9px;display:block}.logoMark{background:linear-gradient(135deg,#6f8cff,#8e5cf7);border-radius:12px;place-items:center;width:38px;height:38px;display:grid;box-shadow:0 12px 30px #5c6fff35}.rolePill{letter-spacing:1.3px;border:1px solid;border-radius:999px;align-self:flex-start;margin:20px 0 16px;padding:5px 9px;font-size:10px;font-weight:900}.role-root{color:#ffcf74!important;background:#3d2a1026!important;border-color:#7a5823!important}.role-admin{color:#7cb7ff!important;background:#0d315326!important;border-color:#285d98!important}.role-reseller{color:#bd96ff!important;background:#351c5926!important;border-color:#66429e!important}.role-client{color:#72dfb2!important;background:#103e2b26!important;border-color:#277653!important}.sidebar nav{flex-direction:column;gap:4px;padding-right:3px;display:flex;overflow:auto}.sidebar nav button{color:#8b97ac;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;padding:10px 11px;display:flex}.sidebar nav button:hover,.sidebar nav button.active{color:#fff;background:#151d2f}.sidebar nav button.active{box-shadow:inset 3px 0 #6f8cff}.profile{border-top:1px solid #1d263a;grid-template-columns:36px 1fr 34px;align-items:center;gap:9px;margin-top:auto;padding-top:15px;display:grid}.profile .avatar{background:#192239;border-radius:10px;place-items:center;width:36px;height:36px;font-weight:900;display:grid}.profile b{font-size:12px;display:block}.profile small{color:#6e7890;font-size:11px}.profile button{color:#8490a8;background:0 0;border:0;padding:7px}.workspace{min-width:0}.topbar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:4;background:#090e19e8;border-bottom:1px solid #1b2437;justify-content:space-between;align-items:center;height:76px;padding:0 28px;display:flex;position:sticky;top:0}.topbar h2{margin:2px 0 0;font-size:16px}.eyebrow{color:#6f7b91;letter-spacing:2px;font-size:9px}.topActions{align-items:center;gap:9px;display:flex}.stationPicker{background:#0e1524;border:1px solid #263149;border-radius:10px;align-items:center;gap:8px;padding:0 9px;display:flex}.stationPicker select{appearance:none;color:#edf3ff;background:0 0;border:0;outline:none;padding:9px 18px 9px 2px}.stationPicker option{background:#111827}.statusDot{background:#6b7280;border-radius:50%;width:8px;height:8px}.statusDot.on{background:#3ed891;box-shadow:0 0 0 4px #3ed89118}.statusText{color:#7e8aa0;text-transform:uppercase;font-size:11px}.content{max-width:1560px;margin:0 auto;padding:30px 30px 60px}.pageTitle{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:22px;display:flex}.pageTitle h1{letter-spacing:-.7px;margin:0 0 5px;font-size:27px}.pageTitle p{color:#7f8ba2;margin:0}.pageActions{gap:8px;display:flex}.primary,.ghost,.dangerBtn,.iconBtn,.rowActions button,.copyBox button{border:0;border-radius:9px;align-items:center;gap:7px;padding:10px 13px;font-weight:800;display:inline-flex}.primary{color:#fff;background:linear-gradient(135deg,#617cff,#7a62f8);box-shadow:0 9px 25px #5c6fff25}.primary.xl{justify-content:center;padding:13px 17px}.primary.full{justify-content:center;width:100%;margin-top:16px}.ghost{color:#b9c4d8;background:#121a2a;border:1px solid #26324a}.dangerBtn{color:#ff9aa8;background:#52202a}.statsGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.statCard{background:linear-gradient(#111827,#0d1421);border:1px solid #202a40;border-radius:15px;align-items:center;gap:14px;min-width:0;padding:18px;display:flex}.statIcon{color:#8196ff;background:#19233a;border-radius:12px;flex:none;place-items:center;width:44px;height:44px;display:grid}.statIcon svg{width:20px}.statCard span{color:#7f8ba2;text-transform:uppercase;letter-spacing:.7px;font-size:11px;display:block}.statCard strong{white-space:nowrap;text-overflow:ellipsis;max-width:260px;margin-top:4px;font-size:22px;line-height:1.2;display:block;overflow:hidden}.statCard small{color:#637087;margin-top:4px;display:block}.panel,.serviceGroup{background:#0e1421;border:1px solid #202a40;border-radius:16px;margin-bottom:18px;padding:20px}.panelHead,.groupTitle{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.panelHead h3,.groupTitle h3,.panel h3{margin:0}.panelHead p{color:#738099;margin:4px 0 0}.groupTitle span{color:#66738c;align-items:center;gap:6px;font-size:11px;display:flex}.stationGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;display:grid}.stationCard{background:#0a101b;border:1px solid #1f2940;border-radius:13px;padding:16px}.stationHero{grid-template-columns:10px 1fr;align-items:center;gap:2px 8px;display:grid}.stationHero small{color:#69758c;grid-column:2}.liveDot{background:#596175;border-radius:50%;width:8px;height:8px}.liveDot.online{background:#3bd18c}.stationMeta{color:#77849b;flex-wrap:wrap;gap:10px;margin:14px 0;font-size:11px;display:flex}.stationMeta span{align-items:center;gap:4px;display:flex}.stationMeta svg{width:13px}.stationCard>button{color:#b8c4da;background:#141d30;border:0;border-radius:8px;justify-content:center;gap:8px;width:100%;padding:8px 10px;display:flex}.hierarchy{align-items:center;gap:10px;margin-bottom:18px;display:flex;overflow:auto}.hierBox{border:1px solid;border-radius:12px;min-width:150px;padding:12px;font-size:11px;font-weight:900}.hierBox small{color:#7d899f;margin-top:4px;font-weight:500;display:block}.tableWrap{overflow:auto}.tableWrap table{border-collapse:collapse;width:100%}.tableWrap th,.tableWrap td{text-align:left;white-space:nowrap;border-bottom:1px solid #1d263a;padding:12px 10px}.tableWrap th{color:#68758d;text-transform:uppercase;letter-spacing:.8px;font-size:10px}.tableWrap td{color:#cad3e4;font-size:12px}.tableWrap td b{color:#eef3ff;display:block}.tableWrap td small{color:#6e7a91;margin-top:3px;display:block}.rowActions{gap:5px;display:flex}.rowActions button,.iconBtn{color:#a8b4c9;background:#151e30;padding:7px 9px}.badge,.roleBadge{border-radius:999px;padding:4px 8px;font-size:10px;font-weight:800;display:inline-flex}.badge.active{color:#66dca9;background:#17382d}.badge.suspended{color:#ff9cac;background:#44202a}.roleBadge{border:1px solid}.planGrid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.planCard{background:linear-gradient(#111827,#0d1421);border:1px solid #202a40;border-radius:16px;padding:20px}.planCard small{color:#6c7890}.planCard h3{margin:6px 0}.planCard strong{font-size:26px}.planCard ul{color:#8c98ae;gap:8px;margin:18px 0 0;padding:0;font-size:12px;list-style:none;display:grid}.serviceGroup{padding:0;overflow:hidden}.groupTitle{background:#101725;border-bottom:1px solid #202a40;margin:0;padding:14px 16px}.groupTitle h3{font-size:14px}.tileGrid{background:#1b2437;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;display:grid}.featureTile{color:#e8efff;text-align:left;background:#0e1421;border:0;align-items:center;gap:12px;min-height:88px;padding:17px;transition:all .16s;display:flex}.featureIcon{color:#86a0ff;background:linear-gradient(135deg,#192746,#202a47);border-radius:12px;flex:none;place-items:center;width:42px;height:42px;display:grid}.featureIcon svg{width:21px}.featureTile b{font-size:12px;display:block}.featureTile small{color:#68758c;margin-top:4px;line-height:1.3;display:block}.backIcon{transform:rotate(90deg)}.ghost+.pageTitle{margin-top:16px}.infoGrid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px;display:grid}.infoBox{background:#0e1421;border:1px solid #202a40;border-radius:13px;padding:15px}.infoBox span{color:#6d7990;font-size:11px;display:block}.infoBox b{word-break:break-all;margin-top:6px;display:block}.formGrid{grid-template-columns:1fr 1fr;gap:13px;display:grid}.field{gap:6px;display:grid}.field>span{color:#78859c;font-size:11px;font-weight:700}.field input,.field select,.field textarea,input,select,textarea{color:#edf3ff;background:#0a101b;border:1px solid #263149;border-radius:9px;outline:none;width:100%;padding:10px 11px}.field input:focus,.field select:focus,.field textarea:focus,input:focus{border-color:#6079f1;box-shadow:0 0 0 3px #5d76ec17}.formPanel{gap:15px;max-width:900px;display:grid}.toggleRow{background:#0a101b;border:1px solid #202a40;border-radius:10px;justify-content:space-between;align-items:center;padding:12px;display:flex}.toggleRow>span{font-size:12px}.switch{background:#273148;border:0;border-radius:999px;width:42px;height:24px;padding:3px}.switch i{background:#8f9ab0;border-radius:50%;width:18px;height:18px;transition:all .18s;display:block}.switch.on{background:#5570f2}.switch.on i{background:#fff;transform:translate(18px)}.playerPanel{gap:17px;display:grid}.bigPlayer{background:linear-gradient(135deg,#111a2c,#191b3b);border-radius:14px;align-items:center;gap:18px;padding:20px;display:flex}.cover{color:#8ca0ff;background:#252e4b;border-radius:16px;place-items:center;width:100px;height:100px;display:grid}.bigPlayer small{color:#57dda1;font-weight:900}.bigPlayer h3{margin:4px 0 10px;font-size:22px}.bigPlayer audio{width:100%;max-width:520px}.copyBox{background:#0a101b;border:1px solid #263149;border-radius:9px;gap:8px;padding:7px;display:flex}.copyBox code{color:#aebad1;flex:1;padding:4px 6px;overflow:auto}.copyBox button{color:#b9c6dd;background:#172136;padding:6px 10px}.pad{padding:18px}.chartBox{height:340px;padding:20px 10px}.inlineForm{gap:8px;margin-bottom:14px;display:flex}.inlineForm input{max-width:420px}.twoCol{grid-template-columns:1.3fr .7fr;gap:14px;display:grid}.logBox{color:#9fb0c9;white-space:pre-wrap;background:#060a11;border:1px solid #202a40;border-radius:10px;max-height:480px;padding:14px;font-size:11px;overflow:auto}.eventList{gap:8px;max-height:480px;display:grid;overflow:auto}.eventList>div{background:#0a101b;border:1px solid #1d273b;border-radius:9px;padding:10px}.eventList b,.eventList span,.eventList small{display:block}.eventList b{color:#aab7ce;font-size:11px}.eventList span{margin:3px 0;font-size:12px}.eventList small{color:#5f6d84;font-size:10px}.appPromo{align-items:center;gap:28px;padding:32px;display:flex}.appPromo>svg{color:#8098ff}.appPromo p{color:#8995aa}.muted{color:#758199}.infoBanner{background:#111a2d;border:1px solid #243153;border-radius:13px;align-items:center;gap:12px;margin-bottom:14px;padding:14px 17px;display:flex}.infoBanner svg{color:#8199ff}.infoBanner b,.infoBanner span{display:block}.infoBanner span{color:#72809a;margin-top:3px;font-size:11px}.tabs{gap:7px;margin-bottom:12px;display:flex;overflow:auto}.tabs button{color:#8390a7;background:#0d1421;border:1px solid #263149;border-radius:8px;padding:8px 11px}.playlistGrid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.playlistCard{background:#0e1421;border:1px solid #202a40;border-radius:13px;grid-template-columns:42px 1fr auto;align-items:center;gap:11px;padding:15px;display:grid}.playlistCard.selected{border-color:#6079f1;box-shadow:0 0 0 2px #6079f113}.playlistCard>svg{color:#7f97ff}.playlistCard h3{margin:0;font-size:13px}.playlistCard p{color:#6e7b91;margin:4px 0 0;font-size:11px}.recorder{text-align:center;place-items:center;gap:15px;min-height:360px;display:grid}.recorder>svg{color:#ff6e7e}.recorder>div{gap:8px;display:flex}.recorder audio{width:100%;max-width:500px}.legalNote,.rootHint{color:#8995ab;background:#151a2a;border:1px solid #2b3550;border-radius:10px;align-items:flex-start;gap:9px;padding:11px 12px;font-size:11px;display:flex}.legalNote svg,.rootHint svg{color:#7b94ff;flex:none}.legalNote p{margin:0}.modalBack{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);z-index:20;background:#02050bbb;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#101725;border:1px solid #2a3651;border-radius:17px;width:min(720px,96vw);max-height:90vh;padding:20px;overflow:auto;box-shadow:0 35px 100px #000c}.modalHead{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.modalHead h3{margin:0}.modalHead button{color:#a7b3c8;background:#192237;border:0;border-radius:8px;width:32px;height:32px;font-size:20px}.toast{z-index:30;border-radius:10px;padding:12px 15px;font-size:12px;font-weight:800;position:fixed;top:88px;right:24px;box-shadow:0 15px 40px #0008}.toast.success{color:#72e0b0;background:#16392c;border:1px solid #245b45}.toast.danger{color:#ffa2af;background:#461f29;border:1px solid #74303e}.emptyState{text-align:center;color:#6f7d94;border:1px dashed #27334c;border-radius:14px;grid-column:1/-1;align-content:center;place-items:center;min-height:280px;padding:30px;display:grid}.emptyState h3{color:#cbd4e5;margin:12px 0 4px}.emptyState p{max-width:480px;margin:0}.splash{background:#080c16;align-content:center;place-items:center;gap:10px;min-height:100vh;display:grid}.splash b{font-size:21px}.splash span:last-child{color:#6f7b91;font-size:11px}.loginPage{background:#080c16;place-items:center;min-height:100vh;display:grid;position:relative;overflow:hidden}.loginGlow{filter:blur(100px);opacity:.16;border-radius:50%;width:500px;height:500px;position:absolute}.loginGlow.one{background:#5d75ff;top:-220px;left:-180px}.loginGlow.two{background:#8f4cff;bottom:-260px;right:-220px}.loginCard{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#0d1421dd;border:1px solid #25304a;border-radius:20px;width:min(440px,92vw);padding:30px;position:relative;box-shadow:0 35px 110px #000b}.brandLarge{margin-bottom:28px}.brandLarge b{font-size:23px}.brandLarge .logoMark{width:46px;height:46px}.loginCard h1{margin:0 0 7px;font-size:26px}.loginCard>p{color:#7f8ba2;margin:0 0 20px;line-height:1.5}.loginCard label{color:#8793aa;gap:6px;margin:11px 0;font-size:11px;font-weight:700;display:grid}.loginCard input{padding:12px}.loginCard .primary{width:100%;margin-top:8px}.formError{color:#ff9fad;background:#421f28;border:1px solid #6f2e3a;border-radius:9px;margin-top:12px;padding:10px;font-size:11px}.loginCard .rootHint{margin-top:18px}.rootHint b{color:#dce5f7}@media (width<=1200px){.tileGrid{grid-template-columns:repeat(3,1fr)}.stationGrid,.planGrid,.playlistGrid,.statsGrid,.infoGrid{grid-template-columns:repeat(2,1fr)}}@media (width<=900px){.shell{grid-template-columns:72px 1fr}.sidebar{padding:16px 10px}.sidebar .brand>div,.sidebar .rolePill,.sidebar nav span,.profile>div:nth-child(2){display:none}.sidebar .brand,.sidebar nav button{justify-content:center}.profile{grid-template-columns:1fr;justify-items:center}.profile button{display:none}.content{padding:20px}.tileGrid{grid-template-columns:repeat(2,1fr)}.twoCol{grid-template-columns:1fr}.topbar{padding:0 18px}.topbar>div:first-child{display:none}}@media (width<=620px){.shell{display:block}.sidebar{border-top:1px solid #202a40;border-right:0;width:auto;height:64px;padding:6px 8px;display:block;position:fixed;inset:auto 0 0}.sidebar .brand,.sidebar .rolePill,.sidebar .profile{display:none}.sidebar nav{flex-direction:row;display:flex;overflow:auto}.sidebar nav button{min-width:52px;padding:10px}.workspace{padding-bottom:66px}.topbar{height:62px}.statusText{display:none}.content{padding:16px}.pageTitle{flex-direction:column;align-items:flex-start}.statsGrid,.infoGrid,.stationGrid,.planGrid,.playlistGrid,.formGrid,.tileGrid{grid-template-columns:1fr}.featureTile{min-height:74px}.hierarchy span{display:none}.hierBox{min-width:135px}.stationPicker{max-width:220px}.stationPicker select{max-width:150px}.appPromo{text-align:center;flex-direction:column}}.errorPanel{max-width:760px;margin:40px auto;padding:28px}.errorPanel h2{margin-top:0}.errorPanel p{opacity:.8;word-break:break-word}.role-dj{color:#ffd27a!important;background:#49330f26!important;border-color:#765c25!important}.djConsole{background:linear-gradient(#0d1422,#090e18);grid-template-columns:1fr 280px 1fr;align-items:stretch;gap:18px;display:grid}.deck,.djMixer{text-align:center;background:#090f1a;border:1px solid #25314a;border-radius:16px;align-content:start;gap:12px;padding:20px;display:grid}.vinyl{color:#8198ff;background:repeating-radial-gradient(circle,#151b29 0 4px,#090d15 5px 8px);border:8px solid #20283a;border-radius:50%;place-items:center;width:190px;height:190px;margin:0 auto;display:grid;position:relative;box-shadow:inset 0 0 0 34px #0a0e16,0 16px 40px #0008}.vinyl:after{content:"";background:#d7deef;border:7px solid #5d75ef;border-radius:50%;width:22px;height:22px;position:absolute}.vinyl svg{opacity:.55;width:112px;height:112px}.vinyl span{z-index:2;color:#111827;font-size:11px;font-weight:900;position:absolute}.vinyl.spinning{animation:1.8s linear infinite djspin}@keyframes djspin{to{transform:rotate(360deg)}}.trackName{text-overflow:ellipsis;height:34px;overflow:hidden}.deck audio,.cuePanel audio{width:100%}.fileBtn{justify-content:center}.djMixer{align-content:center}.djMixer .primary,.djMixer .dangerBtn{justify-content:center}.crossLabels{justify-content:space-between;display:flex}.crossfader{accent-color:#7388ff}.micOn{color:#65e0a7;font-weight:900}.cuePanel{grid-template-columns:minmax(220px,1fr) auto minmax(280px,1fr) auto;align-items:center;gap:14px;display:grid}.cuePanel h3{margin:0 0 5px}.cuePanel p{margin:0 0 6px}.cueActions{flex-wrap:wrap;gap:8px;display:flex}@media (width<=1100px){.djConsole{grid-template-columns:1fr 220px 1fr}.vinyl{width:145px;height:145px}.cuePanel{grid-template-columns:1fr}.cueActions{justify-content:flex-start}}@media (width<=760px){.djConsole{grid-template-columns:1fr}.djMixer{order:3}.vinyl{width:170px;height:170px}}.liveBadge{text-align:center;background:#ffffff0f;border-radius:10px;margin-top:12px;padding:9px 12px;font-weight:800}.liveBadge.on{box-shadow:inset 0 0 0 1px #ffffff2e}.copyBox.compact{min-width:220px}.copyBox.compact code{text-overflow:ellipsis;max-width:120px;overflow:hidden}.rowActions button[title*=Excluir]{border-color:#ef444459}:root{--rc-bg:#070b13;--rc-panel:#0d1420;--rc-panel2:#111a2a;--rc-border:#202b40;--rc-text:#f2f6ff;--rc-muted:#7f8ba3;--rc-accent:#6d83ff;--rc-accent2:#9a68ff;--rc-green:#42dda0}html{background:var(--rc-bg);scroll-behavior:smooth}.shell{grid-template-columns:276px minmax(0,1fr)}.sidebar{background:linear-gradient(#0b111d 0%,#080d16 100%);border-right:1px solid #202a3b;padding:22px 16px;box-shadow:18px 0 60px #0002}.brand{border-bottom:1px solid #1b2536;padding:0 8px 18px}.brand b{font-size:21px}.brand small{color:#78849a}.logoMark{background:linear-gradient(135deg,#6d83ff,#9a68ff);border:1px solid #ffffff14;box-shadow:0 10px 32px #6d83ff38,inset 0 1px #ffffff38}.rolePill{margin:17px 7px 13px}.sidebar nav{gap:5px}.sidebar nav button{color:#8794aa;border:1px solid #0000;border-radius:11px;padding:11px 12px;transition:background .18s,border-color .18s,transform .18s;position:relative}.sidebar nav button:hover{background:#111a2a;border-color:#202d43;transform:translate(2px)}.sidebar nav button.active{color:#f5f8ff;background:linear-gradient(90deg,#18233a,#121b2c);border-color:#283a5b;box-shadow:inset 3px 0 #758aff,0 8px 24px #0003}.profile{background:#0d1522;border:1px solid #1d293d;border-radius:14px;margin-top:auto;padding:11px}.profile .avatar{background:linear-gradient(135deg,#243352,#33285b);box-shadow:inset 0 0 0 1px #ffffff0d}.topbar{-webkit-backdrop-filter:blur(22px)saturate(130%);backdrop-filter:blur(22px)saturate(130%);background:#080d16d9;border-bottom:1px solid #1d2738;height:78px;padding:0 30px}.topIdentity h2{font-size:17px}.eyebrow{color:#7887a1;font-weight:800}.stationPicker{background:#0d1522;border-color:#26344d;height:42px;box-shadow:0 8px 24px #0002}.stationPicker:focus-within{border-color:#647cff;box-shadow:0 0 0 3px #647cff14}.liveStatus{background:#0d1420;border:1px solid #2b3548;border-radius:999px;align-items:center;gap:8px;height:36px;padding:0 12px;display:flex}.liveStatus.online{background:#10261f;border-color:#22523f}.liveStatus.online .statusText{color:#6ee2b2}.premiumContent{max-width:1600px;padding-top:34px}.premiumContent>div{animation:.24s both rcPageIn}@keyframes rcPageIn{0%{opacity:.35;transform:translateY(5px)}to{opacity:1;transform:none}}.pageTitle p{color:#7d8aa1;max-width:760px;font-size:13px;line-height:1.55}.pageActions{flex-wrap:wrap}.primary,.ghost,.dangerBtn,.rowActions button,.iconBtn{transition:transform .15s,box-shadow .15s,border-color .15s,background .15s}.primary{background:linear-gradient(135deg,#647cff,#8b68ff);border:1px solid #ffffff12;box-shadow:0 10px 26px #5f72ff26}.primary:hover{transform:translateY(-1px);box-shadow:0 14px 34px #5f72ff35}.dangerBtn:hover{background:#672735;transform:translateY(-1px)}.statCard{background:linear-gradient(145deg,#111a29,#0c131f);border-color:#202c42;border-radius:17px;padding:20px;transition:transform .18s,border-color .18s;position:relative;overflow:hidden;box-shadow:0 14px 34px #00000018}.statCard:after{content:"";background:#7588ff0d;border-radius:50%;width:90px;height:90px;position:absolute;top:-46px;right:-42px}.statCard:hover{border-color:#304263;transform:translateY(-2px)}.panel,.serviceGroup{background:linear-gradient(155deg,#0f1724,#0b121d);border-color:#202c40;border-radius:18px;box-shadow:0 14px 40px #00000014}.panelHead{padding-bottom:2px}.panelHead h3,.groupTitle h3,.panel h3{color:#edf3ff;letter-spacing:-.2px}.panelHead p{line-height:1.5}.stationGrid{gap:15px}.stationCard{background:linear-gradient(145deg,#0d1522,#0a101a);border-color:#202d43;border-radius:15px;padding:18px;transition:transform .18s,border-color .18s,box-shadow .18s}.stationCard:hover{border-color:#34496e;transform:translateY(-2px);box-shadow:0 16px 34px #0003}.stationHero b{font-size:16px}.liveDot.online{box-shadow:0 0 0 5px #3bd18c12,0 0 15px #3bd18c66}.stationCard>button{background:#141f32;border:1px solid #23324a;transition:all .16s}.tableWrap{border-radius:15px}.tableWrap table{min-width:720px}.tableWrap th{color:#77859e;z-index:1;background:#0c1420;position:sticky;top:0}.tableWrap th,.tableWrap td{padding:13px 12px}.tableWrap tbody tr{transition:background .14s}.badge{border:1px solid #0000}.badge.active{border-color:#245844}.badge.suspended{border-color:#69313d}.planGrid{gap:16px}.planCard{background:linear-gradient(145deg,#111a29,#0c131f);border-color:#202c42;border-radius:18px;transition:all .18s}.planCard:hover{border-color:#34496e;transform:translateY(-2px)}.planCard strong{background:linear-gradient(90deg,#fff,#aebaff);color:#0000;-webkit-background-clip:text}.serviceGroup{border-radius:18px}.featureTile{background:#0d1521;min-height:96px;transition:background .16s,transform .16s}.featureTile:hover{background:#151f31;transform:translateY(-1px)}.featureIcon{background:linear-gradient(135deg,#1a2948,#27254a);border:1px solid #2b3a59;box-shadow:inset 0 1px #ffffff0b}.infoGrid{gap:13px}.infoBox{background:linear-gradient(145deg,#0e1724,#0b121d);border-color:#202d43;border-radius:14px}.infoBox b{color:#f0f4ff;font-size:13px}.copyBox{background:#080f19;border-color:#24334b}.copyBox button{border:1px solid #263650}.connectionRows{gap:12px;display:grid}.field input,.field select,.field textarea,input,select,textarea{background:#09111c;border-color:#26344b;border-radius:10px;transition:border-color .15s,box-shadow .15s}.modal{background:linear-gradient(155deg,#111a29,#0c131f);border-color:#2c3a55;border-radius:20px;box-shadow:0 40px 120px #000d}.toast{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:12px}.loginPage{background:radial-gradient(circle at 20% 15%,#253c7b33,#0000 28%),radial-gradient(circle at 85% 80%,#663b8b2b,#0000 30%),#070b13}.loginCard{background:linear-gradient(155deg,#101827e8,#0b121de8);border-color:#293650;border-radius:24px;width:min(460px,92vw);padding:34px;box-shadow:0 40px 120px #000c,inset 0 1px #ffffff08}.loginCard h1{letter-spacing:-.8px;font-size:29px}.loginCard label{font-size:12px}.loginCard input{height:46px}.brandLarge{border-bottom:1px solid #202b40;padding-bottom:20px}.splash{background:radial-gradient(circle,#1d285033,#0000 34%),#070b13}.splash .logoMark{animation:1.5s ease-in-out infinite rcPulse}@keyframes rcPulse{50%{transform:scale(1.06);box-shadow:0 10px 42px #6d83ff66}}.emptyState{background:#0b121c;border-color:#2b3a52}.hierBox{background:#0d1521}.tabs button{transition:all .15s}.tabs button:hover{color:#fff;border-color:#40547c}.tabs button.active{background:linear-gradient(135deg,#1b2944,#252342);border-color:#50669b}@media (width<=1200px){.shell{grid-template-columns:248px minmax(0,1fr)}}@media (width<=900px){.shell{grid-template-columns:74px minmax(0,1fr)}.topbar{padding:0 18px}.premiumContent{padding:22px}.liveStatus{padding:0 9px}}@media (width<=620px){.premiumContent{padding:16px}.pageTitle h1{font-size:25px}.topbar{padding:0 12px}.stationPicker{max-width:205px}.liveStatus{justify-content:center;width:36px;padding:0}.liveStatus .statusText{display:none}.panel{padding:16px}.loginCard{border-radius:20px;padding:25px}}:root{--lux-navy:#08243a;--lux-navy-2:#0b314d;--lux-blue:#1676c4;--lux-cyan:#08b7d6;--lux-green:#10a44a;--lux-red:#ef342b;--lux-bg:#f4f7fb;--lux-card:#fff;--lux-border:#e5ebf2;--lux-text:#14243a;--lux-muted:#71829a}html,body,#root{background:var(--lux-bg);color:var(--lux-text)}body{background:linear-gradient(#f9fbfd 0,#f3f7fb 100%)}.shell{background:var(--lux-bg);grid-template-columns:250px minmax(0,1fr)}.sidebar{color:#fff;background:linear-gradient(#08243a 0%,#071e31 100%);border-right:0;padding:24px 0 16px;box-shadow:7px 0 30px #08243a1a}.brand{border-bottom:1px solid #ffffff14;gap:11px;padding:4px 24px 22px}.brand b{color:#fff;letter-spacing:-.3px;font-size:17px}.brand small{color:#83a7bf;letter-spacing:1.25px;font-size:9px}.logoMark{color:#fff;background:linear-gradient(135deg,#06b9d7,#1576c5);border:0;box-shadow:0 7px 18px #00b7d63d}.rolePill{margin:16px 20px 9px;color:#9edcf0!important;background:#ffffff12!important;border:1px solid #ffffff14!important}.sidebar nav{gap:0;padding:0 10px}.sidebar nav button{color:#d9e8f2;box-shadow:none;border:0;border-radius:7px;margin:1px 0;padding:11px 14px;font-size:13px}.sidebar nav button svg{color:#08c2df}.sidebar nav button:hover{color:#fff;background:#ffffff0f;border:0;transform:none}.sidebar nav button.active{color:#fff;background:linear-gradient(90deg,#09bcda33,#1676c41f);border:0;box-shadow:inset 3px 0 #08c2df}.sidebar nav button.active svg{color:#0bd0ec}.profile{background:#ffffff0e;border:1px solid #ffffff12;border-radius:9px;margin:14px 14px 0}.profile b{color:#fff}.profile small{color:#8aa9bd}.profile button{color:#a7c4d5}.profile .avatar{color:#fff;background:#0b789d}.workspace{background:var(--lux-bg)}.topbar{border-bottom:1px solid var(--lux-border);-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;height:72px;padding:0 28px;box-shadow:0 2px 10px #10365609}.topIdentity .eyebrow{color:#3e76a2;letter-spacing:1px;font-size:9px}.topIdentity h2{color:#102c43;font-size:18px;font-weight:800}.stationPicker{height:40px;box-shadow:none;color:#27435b;background:#fff;border:1px solid #dce5ee}.stationPicker select{color:#27435b;background:#fff}.liveStatus{background:#f6f9fb;border:1px solid #dfe7ee;height:36px}.liveStatus.online{background:#0ca34a;border-color:#0ca34a;box-shadow:0 5px 15px #0ca34a2e}.liveStatus.online .statusText{color:#fff;font-weight:800}.liveStatus.online .statusDot{background:#fff}.liveStatus.offline{background:#fff1f0;border-color:#ffd6d2}.liveStatus.offline .statusText{color:#d64038}.premiumContent{max-width:1600px;padding:28px 30px 50px}.pageTitle{margin-bottom:20px}.pageTitle h1{letter-spacing:-.5px;color:#16334b;font-size:24px}.pageTitle p{color:#73859a}.primary{color:#fff;background:linear-gradient(135deg,#1477c5,#0aa9cf);border:0;box-shadow:0 7px 17px #1477c52e}.primary:hover{box-shadow:0 10px 24px #1477c53d}.ghost,.rowActions button,.iconBtn{color:#42627c;background:#fff;border:1px solid #dce6ee}.ghost:hover,.rowActions button:hover,.iconBtn:hover{color:#126da8;background:#eef7fc;border-color:#b9d9e9}.dangerBtn{color:#fff;background:#ef3b32;border-color:#ef3b32}.statsGrid{gap:13px}.statCard{border:1px solid var(--lux-border);background:#fff;border-radius:13px;padding:18px;box-shadow:0 6px 20px #1e46640e}.statCard:after{background:#0aa9cf0b}.statCard:hover{border-color:#d4e4ef;box-shadow:0 9px 25px #1e466414}.statIcon{color:#1478bd;background:linear-gradient(145deg,#edf8ff,#e8f4fb);border:1px solid #d8edf8}.statCard span{color:#53728b}.statCard strong{color:#102b43;font-size:26px}.statCard small{color:#8a9aad}.panel,.serviceGroup{border:1px solid var(--lux-border);color:var(--lux-text);background:#fff;border-radius:13px;box-shadow:0 6px 22px #193d5a0d}.panel{padding:20px}.panelHead h3,.groupTitle h3,.panel h3{color:#17364f}.panelHead p,.muted{color:#7b8da1!important}.groupTitle{background:linear-gradient(90deg,#126eb4,#1389c7);padding:14px 18px}.groupTitle h3,.groupTitle p{color:#fff!important}.tileGrid{background:#e8eef3}.featureTile{color:#213b51;background:#fff}.featureTile:hover{background:#f5fbff}.featureTile b{color:#1b3951}.featureTile small{color:#7a8da1}.featureIcon{color:#0b8db7;box-shadow:none;background:#e9f6fc;border:1px solid #d5ecf7}.stationCard{background:#fff;border:1px solid #e1e9f0;border-radius:12px;box-shadow:0 4px 14px #163a570a}.stationCard:hover{border-color:#c8dfeb;box-shadow:0 8px 22px #163a5714}.stationHero b{color:#17364f}.stationHero small,.stationMeta{color:#7890a3}.stationCard>button{color:#1575ae;background:#eef7fc;border:1px solid #d6eaf4}.stationCard>button:hover{color:#fff;background:#1677bd;border-color:#1677bd}.tableWrap{background:#fff;border:1px solid #e3eaf0;border-radius:11px}.tableWrap th{color:#4d7190;background:#f5f8fb;border-color:#e5ebf0}.tableWrap td{color:#2c455a;border-color:#edf1f4}.tableWrap tbody tr:hover{background:#f7fbfd}.tableWrap td b{color:#17364f}.tableWrap td small{color:#8293a5}.badge.active{color:#158447;background:#e8f8ef;border-color:#bfe8d0}.badge.suspended{color:#d94840;background:#fff0ef;border-color:#f3cac6}.planCard{background:#fff;border-color:#e2eaf0}.planCard:hover{border-color:#cbdfe9}.planCard strong{background:0 0;-webkit-background-clip:initial;color:#1475b6}.infoBox{background:#f8fafc;border:1px solid #e1e9f0}.infoBox span{color:#648096}.infoBox b{color:#183850}.copyBox{background:#f6f9fb;border:1px solid #dfe8ef}.copyBox code{color:#294c65}.copyBox button{color:#1677b8;background:#fff;border:1px solid #d4e2eb}.field label,.field>span,label{color:#536f85}.field input,.field select,.field textarea,input,select,textarea{color:#1d3a51;background:#fff;border:1px solid #d9e4ec}.field input:focus,.field select:focus,.field textarea:focus,input:focus,select:focus,textarea:focus{border-color:#1b91c8;box-shadow:0 0 0 3px #1b91c81a}.modalBack{background:#0719278c}.modal{color:#17364f;background:#fff;border:1px solid #dce6ed;box-shadow:0 30px 90px #071f3147}.modal h2,.modal h3{color:#17364f}.tabs button{color:#547189;background:#fff;border-color:#dce6ed}.tabs button.active{color:#fff;background:#1379bb;border-color:#1379bb}.loginPage{color:#fff;background:linear-gradient(135deg,#061d30,#0a3553 52%,#0a708b)}.loginGlow{opacity:.15}.loginCard{color:#17364f;background:#fff;border:0;border-radius:18px;box-shadow:0 30px 90px #00000047}.loginCard h1{color:#15364f}.loginCard label{color:#526f86}.brandLarge{border-color:#e5ebf0}.brandLarge b{color:#133650}.brandLarge small{color:#1683ad}.rootHint{color:#456a80;background:#eef8fc;border-color:#d5ebf4}.formError{color:#c83d37;background:#fff0ef;border-color:#f2c9c5}.splash{color:#fff;background:linear-gradient(135deg,#071f32,#0a536f)}.emptyState,.hierBox{color:#36556c;background:#f8fafc;border-color:#e0e8ee}.toast.success{color:#fff;background:#0f9f4b}.toast.danger{color:#fff;background:#e13b33}.playerPanel .bigPlayer,.bigPlayer{color:#fff;background:linear-gradient(135deg,#126db4,#079bbd)!important}.bigPlayer h3,.bigPlayer small{color:#fff}.recorder{background:#fff}.djConsole .deck,.djMixer,.cuePanel{color:#17364f;background:#fff!important;border-color:#e1e9ef!important}.liveBadge{color:#28627e;background:#edf7fb}@media (width<=1200px){.shell{grid-template-columns:230px minmax(0,1fr)}}@media (width<=900px){.shell{grid-template-columns:72px minmax(0,1fr)}.sidebar{padding-left:0;padding-right:0}.premiumContent{padding:22px}.brand{padding-left:12px;padding-right:12px}.topbar{padding:0 18px}}@media (width<=620px){.premiumContent{padding:15px}.pageTitle h1{font-size:22px}.topbar{padding:0 10px}.panel{padding:15px}}.userFormLower .modalBack{align-items:start;padding-top:115px;padding-bottom:28px;overflow-y:auto}.userFormLower .modal{margin-bottom:28px}@media (width<=620px){.userFormLower .modalBack{padding-top:78px}}nn .modalBack{z-index:99999!important;-webkit-backdrop-filter:blur(7px)!important;backdrop-filter:blur(7px)!important;background:#081b2994!important;justify-content:center!important;align-items:center!important;width:100vw!important;height:100dvh!important;padding:32px 20px!important;display:flex!important;position:fixed!important;inset:0!important;overflow-y:auto!important}.modal{color:#17364f!important;background:#fff!important;border:1px solid #d9e5ed!important;border-radius:18px!important;width:min(760px,100vw - 40px)!important;max-height:calc(100dvh - 64px)!important;margin:auto!important;padding:0!important;position:relative!important;overflow:hidden!important;box-shadow:0 30px 90px #071f314d!important}.modalHead{z-index:2!important;background:#fff!important;border-bottom:1px solid #e4edf3!important;justify-content:space-between!important;align-items:center!important;margin:0!important;padding:20px 22px 17px!important;display:flex!important;position:sticky!important;top:0!important}.modalHead h3{color:#15344c!important;letter-spacing:-.25px!important;margin:3px 0 0!important;font-size:20px!important}.modalEyebrow{color:#1685c4;letter-spacing:1.1px;text-transform:uppercase;font-size:9px;font-weight:900;display:block}.modalHead button{color:#34566f!important;background:#f5f8fa!important;border:1px solid #dce6ed!important;border-radius:10px!important;place-items:center!important;width:38px!important;height:38px!important;padding:0!important;font-size:24px!important;line-height:1!important;display:grid!important}.modalHead button:hover{color:#0b74b5!important;background:#eaf3f8!important}.modalBody{max-height:calc(100dvh - 145px)!important;padding:22px!important;overflow-y:auto!important}.modal .formGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.modal .field>span{color:#46657d;font-size:11px}.modal input,.modal select,.modal textarea{min-height:44px;color:#17364f!important;background:#f8fbfd!important;border:1px solid #d7e4ec!important;border-radius:10px!important}.modal input:focus,.modal select:focus,.modal textarea:focus{background:#fff!important;border-color:#1685c4!important;box-shadow:0 0 0 3px #1685c41c!important}.modal .primary.full{background:linear-gradient(135deg,#0e83c5,#086aa5);border-radius:10px;min-height:46px;margin-top:22px;box-shadow:0 8px 22px #0e83c52e}.userFormLower .modalBack{align-items:center!important;padding-top:32px!important}.userFormLower .modal{margin:auto!important}@media (width<=700px){.modalBack{align-items:flex-start!important;padding:14px!important}.modal{border-radius:14px!important;width:100%!important;max-height:calc(100dvh - 28px)!important}.modalBody{max-height:calc(100dvh - 108px)!important;padding:18px!important}.modal .formGrid{grid-template-columns:1fr}.modalHead{padding:17px 18px 14px!important}.modalHead h3{font-size:18px!important}}.usersHero{color:#fff;background:linear-gradient(120deg,#072d4b 0%,#075e82 54%,#09a8c7 120%);border-radius:18px;justify-content:space-between;align-items:center;gap:24px;margin:-4px 0 18px;padding:28px 30px;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 45px #0641652e}.usersHero:before{content:"";background:#ffffff1a;border-radius:50%;width:360px;height:360px;position:absolute;top:-240px;right:10%}.usersHero:after{content:"";background:#00e0ff29;border-radius:50%;width:240px;height:240px;position:absolute;bottom:-170px;right:-80px}.usersHero>div,.heroCreate{z-index:1;position:relative}.heroKicker{letter-spacing:1.4px;color:#9ceeff;align-items:center;gap:7px;font-size:10px;font-weight:900;display:inline-flex}.usersHero h1{letter-spacing:-1px;margin:8px 0 5px;font-size:32px}.usersHero p{color:#cce9f4;margin:0;font-size:14px}.heroCreate{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:left;background:#ffffff21;border:1px solid #ffffff38;border-radius:13px;align-items:center;gap:12px;min-width:205px;padding:12px 16px;display:flex;box-shadow:0 10px 24px #0000001f}.heroCreate:hover{color:#0a668c;background:#fff;transform:translateY(-1px)}.heroCreate>span{background:#ffffff29;border-radius:11px;place-items:center;width:42px;height:42px;display:grid}.heroCreate:hover>span{background:#e7f7fc}.heroCreate b,.heroCreate small{display:block}.heroCreate b{font-size:13px}.heroCreate small{opacity:.76;margin-top:2px;font-size:10px}.usersMetrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px;display:grid}.usersMetrics>div{background:#fff;border:1px solid #e0e9ef;border-radius:13px;padding:17px 18px;position:relative;overflow:hidden;box-shadow:0 6px 18px #143a540b}.usersMetrics>div:before{content:"";background:linear-gradient(#1189c0,#09bfd0);width:3px;position:absolute;top:0;bottom:0;left:0}.usersMetrics span,.usersMetrics small{display:block}.usersMetrics span{text-transform:uppercase;letter-spacing:.7px;color:#688399;font-size:10px;font-weight:800}.usersMetrics strong{color:#123b58;margin:4px 0 1px;font-size:25px;display:block}.usersMetrics small{color:#91a1ae;font-size:10px}.usersSectionHead{justify-content:space-between;align-items:center;margin:25px 2px 10px;display:flex}.usersSectionHead>div{align-items:center;gap:10px;display:flex}.sectionIcon{color:#087fae;background:#e7f6fc;border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.usersSectionHead h3{color:#163a55;margin:0;font-size:15px}.usersSectionHead p{color:#8092a2;margin:3px 0 0;font-size:11px}.recordCount{color:#4b7189;background:#edf6fa;border-radius:999px;padding:6px 9px;font-size:10px;font-weight:800}.usersTable{padding:0!important;overflow:hidden!important}.usersTable .tableWrap{border:0}.usersTable table{min-width:850px}.usersTable th,.usersTable td{padding-top:14px;padding-bottom:14px}.usersTable .rowActions button{border-radius:9px;justify-content:center;width:34px;height:34px;padding:0}.usersTable .rowActions button:last-child{color:#d74842;background:#fff4f3;border-color:#f5d5d2}.modalBack{-webkit-backdrop-filter:blur(10px)saturate(.85)!important;backdrop-filter:blur(10px)saturate(.85)!important;background:#03121eab!important}.premiumModal{border:0!important;border-radius:20px!important;width:min(820px,100vw - 40px)!important;box-shadow:0 38px 110px #0014236b!important}.modalAccent{background:linear-gradient(90deg,#075f96,#08b4d2,#41d6c3);height:5px}.premiumModal .modalHead{background:linear-gradient(#fff,#fbfdfe)!important;padding:21px 24px 18px!important}.modalTitleGroup{align-items:flex-start;gap:13px;display:flex}.modalBrandIcon{color:#fff;background:linear-gradient(145deg,#0c78b6,#09abc9);border-radius:12px;flex:none;place-items:center;width:42px;height:42px;display:grid;box-shadow:0 8px 20px #0986b838}.premiumModal .modalHead h3{margin:2px 0!important;font-size:21px!important}.premiumModal .modalHead p{color:#8a9ba8;margin:0;font-size:11px}.premiumModal .modalEyebrow{letter-spacing:1.4px!important;color:#0b8fb9!important;font-size:8px!important}.premiumModal .modalBody{background:#f8fbfd;padding:24px!important}.premiumModal .formGrid{padding:2px;gap:17px!important}.premiumModal .field{padding:0}.premiumModal .field>span{text-transform:uppercase;letter-spacing:.55px;margin:0 0 7px;display:block;color:#527187!important;font-size:10px!important;font-weight:900!important}.premiumModal input,.premiumModal select,.premiumModal textarea{box-shadow:0 2px 5px #143c5a06;background:#fff!important;border-color:#d8e5ec!important;height:47px!important}.premiumModal .primary.full{background:linear-gradient(90deg,#0875b3,#08a9c7)!important;height:49px!important;margin-top:24px!important;font-size:13px!important;box-shadow:0 10px 24px #0882b538!important}.premiumModal .primary.full:hover{transform:translateY(-1px);box-shadow:0 13px 30px #0882b547!important}@media (width<=900px){.usersMetrics{grid-template-columns:repeat(2,1fr)}.usersHero{padding:23px}.usersHero h1{font-size:28px}}@media (width<=620px){.usersHero{flex-direction:column;align-items:flex-start}.heroCreate{width:100%}.usersMetrics{grid-template-columns:1fr 1fr}.usersSectionHead{align-items:flex-start}.recordCount{display:none}.premiumModal{width:100%!important}.modalTitleGroup{gap:10px}.modalBrandIcon{width:38px;height:38px}.premiumModal .modalBody{padding:18px!important}}.uploadProgress{margin-bottom:16px}.uploadProgressHead{justify-content:space-between;align-items:center;gap:12px;margin-bottom:6px;display:flex}.uploadProgress small{text-overflow:ellipsis;white-space:nowrap;margin-bottom:10px;display:block;overflow:hidden}.uploadProgressTrack{background:#7882962e;border-radius:999px;height:12px;overflow:hidden}.uploadProgressBar{background:linear-gradient(90deg,#0ea5e9,#2563eb);border-radius:999px;height:100%;transition:width .15s}.primary:disabled{opacity:.65;cursor:not-allowed}