:root{--bg:#12152b;--panel:#1d2341;--line:#3d4770;--text:#f2f0ff;--muted:#adb5d5;--pink:#e48fba;--yellow:#edcd72}*{box-sizing:border-box}body{margin:0;font:15px/1.6 Arial,sans-serif;background:var(--bg);color:var(--text)}[hidden]{display:none!important}button,input,select,textarea{font:inherit}button,.button{background:#343e67;color:#f4f0ff;border:1px solid #657098;padding:10px 16px;cursor:pointer;text-decoration:none;display:inline-block;line-height:1.5}button:hover,.button:hover{background:#485685}button.primary{background:#e0bd67;border-color:#efdc99;color:#282340;font-weight:bold}button.danger{background:#65324f;border-color:#b76e90}.button-row,.mock-buttons{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.brand{font-size:34px;font-weight:900;font-style:italic;color:#d3ed91;text-decoration:none;letter-spacing:-2px}.brand span{font-size:12px;font-style:normal;letter-spacing:3px;color:#edcd72;display:inline-block;margin-left:9px}.sidebar{position:fixed;inset:0 auto 0 0;width:245px;background:#1a1c37;border-right:1px solid #434366;padding:28px 20px;display:flex;flex-direction:column;z-index:10}.sidebar-sub{font-size:11px;letter-spacing:2px;color:#aca9c9;margin:8px 0 28px}.sidebar nav{display:flex;flex-direction:column;gap:4px}.sidebar nav button{border:0;background:transparent;text-align:left;color:#b7b9d2;padding:12px}.sidebar nav button.active{background:#41416c;color:#ffe397;border-left:3px solid #e6c573}.sidebar-footer{margin-top:auto;display:flex;gap:10px;flex-direction:column;font-size:12px;color:#b7b9d2}.sidebar-footer a{color:#b7b9d2}.admin-main{margin-left:245px;padding:30px 40px;max-width:1650px}.topbar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #414667;padding-bottom:22px;margin-bottom:30px}.topbar small{font-size:11px;letter-spacing:2px;color:#b9aed0}.topbar h1{font-size:29px;margin:5px 0 0;font-weight:700}.status{display:inline-block;border:1px solid #536486;background:#233b4a;color:#badcce;padding:5px 12px;font-size:12px}.onair-panel{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:32px;background:linear-gradient(110deg,#382854,#223961);border:1px solid #736388;border-bottom:4px solid #dba762;margin-bottom:22px}.eyebrow{font-size:11px;letter-spacing:2px;color:#e5be8c}.onair-panel h2{font-size:29px;margin:12px 0 0}.onair-panel p{color:#cbc4da;margin:5px 0 18px}.onair-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.metrics article{background:#202744;border:1px solid #465273;border-top:3px solid #768fce;padding:18px 20px}.metrics article:nth-child(2){border-top-color:#df8cb4}.metrics article:nth-child(3){border-top-color:#dcbc74}.metrics article:nth-child(4){border-top-color:#97cdbb}.metrics span{font-size:11px;letter-spacing:2px;color:#bfc7e0}.metrics b{display:block;font-size:30px;color:#f0d396;margin-top:4px;overflow-wrap:anywhere}.metrics article:last-child b{font-size:17px;margin-top:13px}.two-column{display:grid;grid-template-columns:1.3fr 1fr;gap:22px}.panel{padding:25px;background:var(--panel);border:1px solid var(--line);margin-bottom:22px}.panel h2{font-size:20px;margin:0 0 17px}.panel h3{font-size:17px;color:#e7c989;margin-top:25px}.panel p{color:#bcc2db}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:15px}.panel-title h2{margin:0}.hint{font-size:13px;color:#aab4d2!important}.panel label,form label{display:flex;flex-direction:column;gap:7px;color:#c9cbe0;font-size:13px;margin-bottom:15px}input,select,textarea{background:#151a32;color:#f2efff;border:1px solid #4c587e;border-radius:0;padding:10px 12px;width:100%;min-width:0;outline:none}input:focus,select:focus,textarea:focus{border-color:#e6c573}input[type=color]{height:43px}input[type=checkbox]{width:auto;accent-color:#d5b66c}input[type=range]{padding:10px 0}label.check{flex-direction:row;align-items:center;gap:12px;min-height:42px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}.wide{grid-column:1/-1}.search-row{display:flex;gap:15px;margin:20px 0}.search-row select{width:200px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}th{color:#daccad;font-weight:normal;background:#282e4c;padding:10px 12px;white-space:nowrap}td{padding:12px;border-bottom:1px solid #394363;color:#cfd3e7}td button{padding:5px 8px;font-size:12px;margin:3px}tr:last-child td{border:0}.candidate-row{display:flex;align-items:center;padding:12px 0;gap:15px;border-bottom:1px solid #3c456a}.candidate-row>b{font-size:25px;color:#e7c979;width:45px}.candidate-row>span{flex:1}.candidate-row>strong{color:#d9abdc;font-size:20px}.inline-controls{display:flex;align-items:center;gap:12px}.inline-controls label{flex:1;margin:0}.inline-controls input[type=number]{max-width:100px}#toast{position:fixed;right:25px;bottom:25px;padding:16px 25px;background:#e5cc8c;color:#27233d;z-index:100;max-width:calc(100vw - 50px);border:2px solid #fff0c6}.login-view{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;align-items:center;max-width:1200px;margin:auto;padding:60px;gap:80px}.login-brand h1{font-size:46px;line-height:1.2;color:#f0d197;margin:35px 0 20px}.login-brand p{color:#c4b9d4}.login-stripes{color:#b491b7;letter-spacing:6px;margin-top:50px}.login-view form{padding:40px;background:linear-gradient(140deg,#242941,#392946);border:1px solid #64547a;border-top:4px solid #d7b56a}.login-view small{font-size:11px;letter-spacing:2px;color:#dbc5a3}.login-view h2{font-size:25px;margin:8px 0 25px}.login-view button{width:100%;margin-top:10px}.login-view a{font-size:12px;color:#c5bbd8}#loginError{color:#efa3bd}#themePreview{width:100%;height:600px;border:1px solid #676393;background:#101127}#broadcastLinks label{margin-top:18px}.list-item{display:flex;align-items:center;gap:15px;padding:14px 0;border-bottom:1px solid #404867;flex-wrap:wrap}.list-item>span{flex:1}.list-item button{padding:6px 10px;font-size:12px}.playlist-pick{display:grid;grid-template-columns:1fr 1fr;gap:5px}.effect-row{border:1px solid #4f5980;padding:15px;margin-bottom:15px;display:grid;grid-template-columns:1fr 1fr;gap:0 15px}iframe.youtube-preview{width:100%;height:300px;border:0}a{color:#d9c49b}dl{display:grid;grid-template-columns:170px 1fr;gap:10px}dt{color:#b5bcd2}dd{margin:0;color:#e6ce95;overflow-wrap:anywhere}@media(max-width:1050px){.admin-main{padding:25px 22px}.sidebar{width:205px}.admin-main{margin-left:205px}.two-column{grid-template-columns:1fr}.onair-panel{align-items:flex-start;flex-direction:column}.metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.sidebar{position:static;width:auto;padding:15px;border-bottom:1px solid #49486f}.sidebar-sub{margin:0 0 10px}.sidebar nav{flex-direction:row;overflow:auto}.sidebar nav button{white-space:nowrap;padding:8px;font-size:12px}.sidebar-footer{flex-direction:row;justify-content:space-between;align-items:center;margin-top:12px}.sidebar-footer button{font-size:11px;padding:5px 10px}.admin-main{margin-left:0;padding:20px 15px}.topbar{gap:10px}.topbar small{font-size:9px}.topbar h1{font-size:23px}.onair-panel,.panel{padding:20px}.onair-actions{width:100%}.onair-actions button{font-size:12px;padding:10px}.form-grid{grid-template-columns:1fr}.wide{grid-column:auto}.metrics{gap:10px}.metrics article{padding:12px}.panel-title{align-items:flex-start;flex-direction:column}.login-view{display:block;padding:25px}.login-brand{padding:15px 0 35px}.login-brand h1{font-size:30px;margin:20px 0 10px}.login-stripes{display:none}.login-view form{padding:25px}.search-row{flex-direction:column}.search-row select{width:100%}.effect-row{grid-template-columns:1fr}.playlist-pick{grid-template-columns:1fr}.inline-controls{flex-wrap:wrap}#themePreview{height:450px}.metrics b{font-size:25px}}
.brand{color:#f0d39a}