@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.start{inset-inline-start:var(--spacing)}}:root{--ink:#14202e;--muted:#788594;--line:#e5e9ee;--paper:#fff;--canvas:#f3f5f7;--navy:#101c2b;--blue:#315cdd;--cyan:#31c3cf;--font-geist-sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-geist-mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--canvas);color:var(--ink);font-family:var(--font-geist-sans);margin:0}button,select,input{font:inherit}button,a,select,label{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline-offset:2px;outline:3px solid #315cdd47}.appShell{min-height:100vh}.sidebar{color:#d8e1eb;background:var(--navy);z-index:20;flex-direction:column;width:246px;padding:27px 18px 20px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:12px;padding:0 8px 30px;display:flex}.brandMark{background:linear-gradient(145deg,#3a67e9,#40c6cd);border-radius:12px;place-items:center;width:38px;height:38px;display:grid;position:relative;overflow:hidden;box-shadow:0 8px 24px #315cdd47}.brandMark span{color:#fff;z-index:2;font-size:21px;font-weight:800;position:relative}.brandMark i{border:1px solid #ffffff59;border-radius:50%;width:25px;height:25px;position:absolute;bottom:-6px;right:-6px}.brand strong{color:#fff;font-size:16px;display:block}.brand small{color:#8ea0b4;letter-spacing:.11em;text-transform:uppercase;margin-top:1px;font-size:10px;display:block}.sideNav{flex:1}.sideNav p{color:#697c91;letter-spacing:.16em;margin:0;padding:19px 12px 8px;font-size:9px;font-weight:750}.sideNav a{color:#9fb0c2;border-radius:10px;align-items:center;gap:12px;min-height:44px;margin:3px 0;padding:0 12px;font-size:13px;text-decoration:none;transition:all .18s;display:flex}.sideNav a:hover{color:#fff;background:#ffffff0d}.sideNav a.active{color:#fff;background:#20334a;box-shadow:inset 3px 0 #48c4cf}.sideNav a span{color:#7f94aa;background:#ffffff0f;border-radius:10px;margin-left:auto;padding:2px 7px;font-size:9px}.serverCard{background:#ffffff09;border:1px solid #ffffff13;border-radius:13px;margin:15px 2px 18px;padding:15px}.serverTitle{color:#b9c7d5;align-items:center;gap:8px;padding-bottom:12px;font-size:11px;font-weight:650;display:flex}.pulseDot{background:#43d293;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #43d2931a}.serverMetric{color:#75899f;justify-content:space-between;margin:9px 0 5px;font-size:9px;display:flex}.serverMetric strong{color:#b8c5d2;font-weight:550}.meter{background:#ffffff14;border-radius:3px;height:3px;overflow:hidden}.meter i{border-radius:inherit;background:#37b9c8;height:100%;display:block}.profile{border-top:1px solid #ffffff13;grid-template-columns:34px 1fr auto;align-items:center;gap:9px;padding:14px 5px 0;display:grid}.avatar{color:#dbe5ef;background:#263a51;border-radius:10px;place-items:center;width:34px;height:34px;font-size:11px;font-weight:700;display:grid}.profile strong,.profile small{display:block}.profile strong{color:#d7e0e9;font-size:10px}.profile small{color:#6e8296;margin-top:2px;font-size:8px}.profile button{color:#708398;cursor:pointer;background:0 0;border:0}.workspace{min-height:100vh;margin-left:246px;padding:28px 34px 48px}.topbar{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.topbar p,.cardHeading p,.trackInfo>p,.metricsRow p,.uploadModal>p{color:#8995a2;letter-spacing:.12em;margin:0;font-size:9px;font-weight:750}.topbar h1{letter-spacing:-.035em;margin:4px 0 0;font-size:23px}.topActions{align-items:stretch;gap:10px;display:flex}.stationSelect{border:1px solid var(--line);background:#fff;border-radius:10px;width:205px;padding:8px 13px}.stationSelect span{color:#9ba5af;letter-spacing:.11em;font-size:7px;font-weight:750;display:block}.stationSelect select{color:#263546;cursor:pointer;background:0 0;border:0;outline:none;width:100%;margin-top:2px;font-size:11px;font-weight:650}.uploadButton{background:var(--blue);color:#fff;cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:11px;font-weight:650;display:flex;box-shadow:0 8px 22px #315cdd33}.uploadButton:hover{background:#284fc8}.dashboardGrid{grid-template-columns:minmax(0,1.65fr) minmax(315px,.85fr);gap:18px;display:grid}.onAirCard,.queueCard,.metricsRow article,.activityCard,.scheduleCard{border:1px solid var(--line);background:var(--paper);border-radius:16px;box-shadow:0 2px 7px #14202e08}.onAirCard{padding:22px 24px 19px;overflow:hidden}.onAirHead{color:#8995a2;letter-spacing:.12em;justify-content:space-between;align-items:center;font-size:9px;font-weight:750;display:flex}.liveBadge{color:#e76565;align-items:center;gap:8px;display:flex}.liveBadge span{background:#e76565;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #e7656517}.signalMeta{color:#9aa5b0;letter-spacing:.02em;font-weight:500}.nowPlaying{align-items:center;gap:22px;padding:25px 0 22px;display:flex}.albumArt{background:linear-gradient(145deg,#f1a66e 0%,#e87a68 40%,#7067c9 100%);border-radius:15px;flex:0 0 116px;height:116px;position:relative;overflow:hidden;box-shadow:0 12px 28px #5a4a9438}.albumArt .sun{background:#ffe7bcbf;border-radius:50%;width:52px;height:52px;position:absolute;top:16px;right:14px}.albumArt .horizon{border-top:2px solid #ffffff47;border-radius:50%;width:120%;height:58px;position:absolute;left:-10%}.albumArt .one{background:#3a2d7c4d;bottom:-8px;transform:rotate(-5deg)}.albumArt .two{background:#1c1c4f5c;bottom:-30px;transform:rotate(6deg)}.albumArt>span{color:#ffffffd9;letter-spacing:.16em;font-size:7px;font-weight:800;line-height:1.3;position:absolute;top:12px;left:13px}.trackInfo{min-width:0}.trackInfo h2{color:#192737;letter-spacing:-.05em;white-space:nowrap;text-overflow:ellipsis;margin:8px 0 2px;font-size:clamp(25px,2.8vw,37px);line-height:1.05;overflow:hidden}.trackInfo h3{color:#566576;margin:0;font-size:14px;font-weight:500}.tagRow{flex-wrap:wrap;gap:7px;margin-top:17px;display:flex}.tagRow span{color:#667587;background:#f2f4f7;border-radius:6px;padding:5px 8px;font-size:8px}.waveform{align-items:center;gap:3px;height:53px;padding:0 1px;display:flex}.waveform i{background:#d9dfe5;border-radius:4px;flex:1;min-width:2px;max-width:6px}.waveform i.played{background:linear-gradient(#38c0ca,#315cdd)}.timeline{color:#8c98a4;font:9px var(--font-geist-mono),monospace;justify-content:space-between;padding-top:1px;display:flex}.playerControls{border-top:1px solid #edf0f3;align-items:center;gap:9px;min-height:61px;margin-top:16px;padding-top:15px;display:flex}.control,.mainControl{cursor:pointer;border:0;place-items:center;transition:all .17s;display:grid}.control{color:#81909f;background:#f3f5f7;border-radius:50%;width:35px;height:35px}.control:hover,.control.active{color:var(--blue);background:#eaf0ff}.mainControl{color:#fff;background:var(--blue);border-radius:50%;width:44px;height:44px;margin:0 2px;box-shadow:0 8px 18px #315cdd40}.mainControl:hover{background:#284fc8;transform:translateY(-1px)}.repeatControl{position:relative}.repeatControl b{color:#fff;background:var(--blue);border-radius:50%;place-items:center;width:12px;height:12px;font-size:7px;display:grid;position:absolute;top:2px;right:3px}.modeText{text-align:right;margin-left:auto}.modeText span,.modeText strong{display:block}.modeText span{color:#a4adb7;letter-spacing:.09em;font-size:7px;font-weight:750}.modeText strong{color:#596879;margin-top:3px;font-size:9px;font-weight:650}.queueCard{padding:21px 21px 17px}.cardHeading{justify-content:space-between;align-items:center;gap:15px;display:flex}.cardHeading h2{letter-spacing:-.02em;margin:4px 0 0;font-size:15px}.cardHeading button,.cardHeading a{color:var(--blue);cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;font-size:9px;font-weight:650;text-decoration:none;display:flex}.queueList{margin-top:18px}.queueList article{border-bottom:1px solid #eef1f4;grid-template-columns:23px 37px minmax(0,1fr) auto 22px;align-items:center;gap:9px;min-height:58px;display:grid}.queueNumber{color:#a4adb7;font:8px var(--font-geist-mono),monospace}.miniCover{color:#ffffffb8;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.miniCover.violet{background:linear-gradient(145deg,#9a7cd2,#4b4d8f)}.miniCover.orange{background:linear-gradient(145deg,#edb05e,#d86660)}.miniCover.blue{background:linear-gradient(145deg,#62bdd0,#4268bc)}.miniCover.rose{background:linear-gradient(145deg,#e99fae,#9f668e)}.queueSong{min-width:0}.queueSong strong,.queueSong small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.queueSong strong{color:#344253;font-size:10px}.queueSong small{color:#97a1ab;margin-top:3px;font-size:8px}.duration{color:#9ba5af;font:8px var(--font-geist-mono),monospace}.queueList article>button{color:#9aa5af;cursor:pointer;background:0 0;border:0;font-size:10px}.addQueue{color:#667688;cursor:pointer;background:#fbfcfd;border:1px dashed #cad2dc;border-radius:9px;width:100%;margin-top:14px;padding:10px;font-size:9px;font-weight:600}.addQueue:hover{border-color:var(--blue);color:var(--blue);background:#f7f9ff}.metricsRow{grid-template-columns:.8fr .9fr .9fr 1.45fr;gap:13px;margin-top:17px;display:grid}.metricsRow article{align-items:center;gap:13px;min-height:90px;padding:16px 17px;display:flex}.metricIcon{border-radius:10px;flex:0 0 36px;place-items:center;height:36px;font-size:11px;display:grid}.metricIcon.listeners{color:#3371c8;background:#eaf3fd}.metricIcon.uptime{color:#2ea973;background:#e9f8f1}.metricIcon.songs{color:#ba7750;background:#fff0e6;font-size:18px}.metricsRow strong,.metricsRow small{display:block}.metricsRow article>div:not(.metricIcon)>strong{color:#273647;letter-spacing:-.035em;margin-top:5px;font-size:19px}.metricsRow small{color:#98a2ac;margin-top:4px;font-size:7px}.metricsRow small b{color:#30aa73}.streamMetric{justify-content:space-between}.streamMetric>div{min-width:0}.streamMetric>div strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font:9px var(--font-geist-mono),monospace!important;letter-spacing:-.02em!important}.streamMetric button{color:#6c7a89;cursor:pointer;background:#fafbfc;border:1px solid #dce1e7;border-radius:8px;flex:none;align-items:center;gap:5px;padding:8px 10px;font-size:8px;display:flex}.bottomGrid{grid-template-columns:1.4fr .8fr;gap:17px;margin-top:17px;display:grid}.activityCard,.scheduleCard{padding:20px}.historyRows{margin-top:12px}.historyRows>div{border-bottom:1px solid #eef1f4;grid-template-columns:35px 29px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:51px;display:grid}.historyRows>div>span{color:#98a4af;font:8px var(--font-geist-mono),monospace}.historyPulse{color:#23637e;background:#dff4f6;border-radius:7px;place-items:center;width:27px;height:27px;font-size:12px;display:grid}.historyPulse.muted{color:#778697;background:#f0f2f5}.historyRows p{min-width:0;margin:0}.historyRows strong,.historyRows small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.historyRows strong{color:#3c4a59;font-size:9px}.historyRows small{color:#9aa4ae;margin-top:3px;font-size:7px}.historyRows em{color:#e15f5f;background:#fff0f0;border-radius:5px;padding:4px 6px;font-size:6px;font-style:normal;font-weight:750}.historyRows>div>i{color:#9da7b1;font:8px var(--font-geist-mono),monospace;font-style:normal}.scheduleItem{border-left:2px solid #e2e6eb;grid-template-columns:41px 1fr auto;align-items:center;gap:8px;min-height:58px;margin-top:9px;padding:0 10px;display:grid}.scheduleItem>span{color:#8d99a5;font:8px var(--font-geist-mono),monospace}.scheduleItem strong,.scheduleItem small{display:block}.scheduleItem strong{color:#455363;font-size:9px}.scheduleItem small{color:#9aa4ae;margin-top:3px;font-size:7px}.scheduleItem>b{color:#268c69;background:#e8f7f1;border-radius:8px;padding:4px 6px;font-size:6px}.activeSchedule{background:linear-gradient(90deg,#34b8c40f,#0000);border-left-color:#34b8c4}.modalBackdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:100;background:#09111b94;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.uploadModal{background:#fff;border-radius:20px;width:min(480px,100%);padding:30px;position:relative;box-shadow:0 24px 80px #09111b47}.closeModal{color:#788594;cursor:pointer;background:#f2f4f7;border:0;border-radius:50%;width:30px;height:30px;font-size:19px;position:absolute;top:14px;right:16px}.modalIcon{width:48px;height:48px;color:var(--blue);background:#ebf0ff;border-radius:14px;place-items:center;margin-bottom:18px;display:grid}.uploadModal h2{letter-spacing:-.04em;margin:6px 0 7px;font-size:24px}.uploadModal>span{color:#7c8997;font-size:11px;line-height:1.6}.dropZone{color:#637386;cursor:pointer;background:#f9fafb;border:1.5px dashed #bfc9d5;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:165px;margin-top:23px;display:flex}.dropZone:hover{border-color:var(--blue);color:var(--blue);background:#f7f9ff}.dropZone input{opacity:0;width:1px;height:1px;position:absolute}.dropZone strong{font-size:11px}.dropZone small{color:#9ba5af;font-size:9px}.modalActions{justify-content:flex-end;gap:9px;margin-top:22px;display:flex}.modalActions button{color:#657485;cursor:pointer;background:#fff;border:1px solid #dbe0e6;border-radius:8px;padding:9px 15px;font-size:10px;font-weight:650}.modalActions .primaryModal{border-color:var(--blue);color:#fff;background:var(--blue)}@media (max-width:1130px){.dashboardGrid{grid-template-columns:1fr}.metricsRow{grid-template-columns:repeat(2,1fr)}.queueList{grid-template-columns:1fr 1fr;column-gap:16px;display:grid}}@media (max-width:820px){.sidebar{flex-direction:row;align-items:center;width:100%;height:auto;padding:16px 18px;position:static}.brand{padding:0}.sideNav{justify-content:flex-end;display:flex}.sideNav p,.sideNav a:not(.active),.serverCard,.profile{display:none}.sideNav a.active{min-height:38px}.workspace{margin-left:0;padding:24px 20px 40px}.bottomGrid{grid-template-columns:1fr}}@media (max-width:620px){.sidebar{justify-content:space-between}.brand small{display:none}.topbar{flex-direction:column;align-items:flex-start}.topActions{width:100%}.stationSelect{flex:1;width:auto}.uploadButton{padding:0 12px}.uploadButton svg{display:none}.onAirCard{padding:18px}.nowPlaying{align-items:flex-start;gap:16px}.albumArt{flex-basis:92px;height:92px}.trackInfo h2{white-space:normal;font-size:25px}.tagRow span:last-child,.modeText{display:none}.queueList{display:block}.metricsRow{grid-template-columns:1fr}.metricsRow article{min-height:76px}.streamMetric>div strong{max-width:210px}.waveform{gap:2px}.waveform i:nth-child(2n){display:none}.uploadModal{padding:25px 20px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}