*{box-sizing:border-box}html{color-scheme:light}body{margin:0;background:#f4f6fa;color:#141821;font-family:"Albert Sans",system-ui,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{color:inherit}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:245px;background:#0d111c;color:#aeb6c6;padding:20px 14px;display:flex;flex-direction:column;z-index:80;border-right:1px solid #202637}.side-brand{display:flex;align-items:center;gap:12px;padding:4px 8px 22px;color:#fff}.logo-wrap{width:42px;height:42px;border-radius:13px;background:#171d2b;display:grid;place-items:center;overflow:hidden}.logo-wrap img{width:30px;height:30px;object-fit:contain}.logo-wrap i{display:none}.side-brand strong,.side-brand small{display:block}.side-brand strong{font-size:14px}.side-brand small{font-size:11px;color:#697386;margin-top:2px}.sidebar nav{display:grid;gap:4px}.sidebar nav a{display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:10px;font-size:12px;font-weight:650;transition:.15s}.sidebar nav a i{width:18px;text-align:center;color:#687386}.sidebar nav a:hover{background:#151b29;color:#fff}.sidebar nav a.active{background:#fff;color:#111827}.sidebar nav a.active i{color:#111827}.side-foot{margin-top:auto;display:grid;gap:3px;border-top:1px solid #202637;padding-top:13px}.side-foot a{font-size:11px;padding:8px 10px;border-radius:8px}.side-foot a:hover{background:#151b29;color:#fff}.app-main{margin-left:245px}.mobile-head{display:none}.page{max-width:1440px;margin:0 auto;padding:34px 34px 70px}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:25px}.page-head h1{font-size:31px;letter-spacing:-.045em;margin:6px 0 5px}.page-head p{margin:0;color:#6f7889;font-size:13px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:9px;font-weight:800;color:#9098a7}.back{display:inline-flex;align-items:center;gap:7px;font-size:11px;color:#697386;margin-bottom:7px}.panel{background:#fff;border:1px solid #e4e8ef;border-radius:18px;padding:21px;box-shadow:0 1px 2px rgba(20,24,33,.015)}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.panel h2{font-size:18px;letter-spacing:-.025em;margin:5px 0}.muted{color:#747d8e;font-size:12px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:11px}.grid3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:11px}.btn{appearance:none;border:0;border-radius:10px;min-height:40px;padding:10px 14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:11px;font-weight:750;cursor:pointer;transition:.15s}.btn:hover{transform:translateY(-1px)}.btn.primary{background:#111827;color:#fff}.btn.secondary{background:#edf0f5;color:#202735}.btn.ghost{background:#fff;border:1px solid #dfe4eb;color:#465063}.btn.danger{background:#feecec;color:#a22b2b}.btn.large{min-height:46px;padding:13px 18px}.btn.full{width:100%;margin-top:17px}.btn .tiny{font-size:9px}.icon-action{width:35px;height:35px;border:1px solid #e2e6ed;border-radius:9px;background:#fff;display:inline-grid;place-items:center;cursor:pointer}.icon-action.danger{color:#b63838}.alert{display:flex;gap:10px;align-items:center;padding:12px 14px;border-radius:11px;font-size:12px;font-weight:650;margin-bottom:18px}.alert.success{background:#eaf9ef;color:#23643a}.alert.error{background:#fff0f0;color:#9d3333}.status-pill{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e1e5ec;border-radius:999px;padding:9px 12px;font-size:11px;font-weight:700}.status-pill span{width:8px;height:8px;border-radius:50%}.status-pill.ok span{background:#20a25a;box-shadow:0 0 0 4px #e2f7ea}.status-pill.bad span{background:#d64e4e}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}.metrics article{background:#fff;border:1px solid #e4e8ef;border-radius:16px;padding:16px;display:flex;align-items:center;gap:13px}.metrics article>i{width:38px;height:38px;border-radius:11px;background:#f0f2f6;display:grid;place-items:center;color:#5f697a}.metrics span,.metrics strong,.metrics small{display:block}.metrics span{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#9098a6;font-weight:800}.metrics strong{font-size:19px;margin:2px 0}.metrics small{font-size:10px;color:#858e9e}.broadcast-stage{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(380px,.75fr);gap:18px}.live-badge,.read-only,.refresh-dot{font-size:9px;text-transform:uppercase;font-weight:800;color:#6f7889;background:#f4f6f9;padding:6px 8px;border-radius:7px}.onair-track{display:grid;grid-template-columns:190px minmax(0,1fr);gap:22px;margin-top:20px;align-items:center}.onair-art{aspect-ratio:1;border-radius:18px;background:#eef1f5;display:grid;place-items:center;overflow:hidden;font-size:36px;color:#a0a7b3}.onair-art img{width:100%;height:100%;object-fit:cover}.onair-copy{min-width:0}.np-source{font-size:9px;font-weight:900;letter-spacing:.12em;color:#8a93a2}.onair-copy h3{font-size:27px;letter-spacing:-.04em;margin:5px 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.onair-copy p{margin:0;color:#657083;font-size:15px}.progress{height:6px;background:#edf0f4;border-radius:99px;margin:22px 0 8px;overflow:hidden}.progress span{display:block;height:100%;background:#111827;border-radius:99px;transition:width .5s linear}.track-meta{display:flex;justify-content:space-between;font-size:10px;color:#8991a0}.az-info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:20px}.az-info-grid>div{background:#f7f8fa;border-radius:10px;padding:10px;min-width:0}.az-info-grid span,.az-info-grid strong{display:block}.az-info-grid span{font-size:8px;text-transform:uppercase;color:#999faa;font-weight:800}.az-info-grid strong{font-size:10px;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.forecast-flow{margin-top:16px}.forecast-row{display:grid;grid-template-columns:22px 35px 1fr;gap:10px;min-height:66px}.forecast-line{display:flex;justify-content:center;position:relative}.forecast-line::after{content:"";position:absolute;width:1px;background:#e1e5eb;top:24px;bottom:-10px}.forecast-row:last-child .forecast-line::after{display:none}.forecast-line span{width:20px;height:20px;border-radius:50%;background:#f0f2f6;display:grid;place-items:center;font-size:8px;font-weight:800;z-index:1}.forecast-icon{width:34px;height:34px;border-radius:10px;background:#f3f5f8;display:grid;place-items:center;color:#6f7889}.forecast-row.force .forecast-icon{background:#fff1cc;color:#8f6300}.forecast-row.auto .forecast-icon{background:#e9f1ff;color:#3268bb}.forecast-row small,.forecast-row strong,.forecast-row span{display:block}.forecast-row small{font-size:8px;font-weight:900;color:#969daa;letter-spacing:.07em}.forecast-row strong{font-size:12px;margin:2px 0}.forecast-row span{font-size:10px;color:#7d8695}.recent-panel{margin-top:18px}.history-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:15px}.history-strip article{display:flex;align-items:center;gap:9px;min-width:0;background:#f8f9fb;border-radius:11px;padding:8px}.history-strip strong,.history-strip span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-strip strong{font-size:10px}.history-strip span{font-size:9px;color:#858e9d}.mini-art,.thumb{width:43px;height:43px;flex:none;border-radius:9px;background:#eceff4;display:grid;place-items:center;overflow:hidden;color:#8d96a5}.mini-art img,.thumb img{width:100%;height:100%;object-fit:cover}.library-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.searchbox{height:40px;min-width:320px;background:#fff;border:1px solid #e1e5ec;border-radius:10px;display:flex;align-items:center;padding:0 12px;gap:9px;color:#9299a6}.searchbox input{border:0;outline:0;width:100%;background:transparent;font-size:11px}.library-toolbar>span{font-size:10px;color:#858d9d}.media-table-wrap{padding:0;overflow:auto}.media-library{width:100%;border-collapse:collapse;font-size:11px}.media-library th{text-align:left;padding:12px 14px;background:#f8f9fb;font-size:8px;text-transform:uppercase;letter-spacing:.08em;color:#9299a6;border-bottom:1px solid #e7eaf0}.media-library td{padding:12px 14px;border-bottom:1px solid #edf0f4;vertical-align:middle}.media-library tr:last-child td{border-bottom:0}.media-cell{display:flex;align-items:center;gap:11px;min-width:280px}.media-cell>div:last-child{min-width:0}.media-cell strong,.media-cell span,.media-library td>strong,.media-library td>span,.media-library td>small{display:block}.media-cell strong{font-size:12px}.media-cell span{color:#7a8494;margin-top:2px}.media-cell audio{height:26px;width:210px;margin-top:6px}.format-badge,.badge{display:inline-flex!important;width:max-content;padding:5px 7px;border-radius:6px;font-size:8px!important;font-weight:900;text-transform:uppercase;background:#eef1f5;color:#667085}.badge.success{background:#e4f7eb;color:#247044}.badge.danger{background:#fee7e7;color:#a13a3a}.badge.primary{background:#e6ebff;color:#384ca5}.badges{display:flex;gap:5px;flex-wrap:wrap}.row-actions,.actions-row{display:flex;align-items:center;gap:7px;justify-content:flex-end;flex-wrap:wrap}.upload-studio{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.5fr);gap:24px}.dropzone{height:260px;border:1.5px dashed #cbd2dd;border-radius:16px;background:#f9fafc;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;cursor:pointer}.dropzone>i{font-size:34px;color:#687386;margin-bottom:15px}.dropzone strong{font-size:16px}.dropzone span{font-size:12px;color:#6f7889;margin:5px}.dropzone small{font-size:10px;color:#9aa1ad}.dropzone input{position:absolute;inset:0;opacity:0;cursor:pointer}.upload-selection{display:grid;gap:7px;margin:14px 0}.upload-selection>div{display:flex;gap:10px;align-items:center;background:#f7f8fa;border-radius:9px;padding:9px}.upload-selection span strong,.upload-selection span small{display:block}.upload-selection strong{font-size:10px}.upload-selection small{font-size:9px;color:#858e9d}.upload-studio aside{display:grid;align-content:start;gap:10px}.info-card{display:flex;gap:10px;padding:13px;background:#f7f8fa;border-radius:11px}.info-card i{color:#657083}.info-card strong{font-size:11px}.info-card p{font-size:10px;color:#778191;margin:3px 0 0}.editor-layout{display:grid;grid-template-columns:minmax(300px,.65fr) minmax(0,1.35fr);gap:18px}.preview-panel{text-align:center}.large-cover{aspect-ratio:1;max-width:300px;margin:0 auto 15px;border-radius:20px;background:#edf0f5;display:grid;place-items:center;overflow:hidden;font-size:54px;color:#9aa2ae}.large-cover img{width:100%;height:100%;object-fit:cover}.preview-panel audio{width:100%}.form-panel label,.schedule-editor label,.modal-card label{display:block;font-size:10px;font-weight:750;color:#5d6676;margin-top:14px}.form-panel input,.form-panel textarea,.form-panel select,.schedule-editor input,.modal-card input,.modal-card select,.modal-card textarea,.inline-form input,.inline-form select,.create-flash-form input{width:100%;padding:11px 12px;border:1px solid #dce1e8;border-radius:9px;background:#fff;outline:0;margin-top:6px}.form-panel input:focus,.schedule-editor input:focus,.modal-card input:focus{border-color:#959ead;box-shadow:0 0 0 3px #f0f2f5}.data-list{margin:16px 0 0}.data-list>div{display:flex;justify-content:space-between;gap:15px;padding:9px 0;border-bottom:1px solid #edf0f4}.data-list dt{font-size:9px;color:#8e96a4}.data-list dd{margin:0;font-size:10px;text-align:right;word-break:break-all}.flash-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.flash-card{display:flex;flex-direction:column;gap:14px}.flash-card-top{display:flex;align-items:center;gap:12px}.flash-art{width:64px;height:64px;border-radius:15px;background:#f0f2f6;display:grid;place-items:center;overflow:hidden;font-size:22px;color:#7c8696}.flash-art img{width:100%;height:100%;object-fit:cover}.flash-card h3{margin:5px 0 2px;font-size:15px}.flash-card p{margin:0;color:#758092;font-size:10px}.flash-card audio{width:100%;height:34px}.flash-stats{display:flex;gap:15px;font-size:9px;color:#7d8695}.flash-stats i{margin-right:5px}.create-strip{margin-top:16px;display:grid;grid-template-columns:180px 1fr;gap:20px;align-items:center}.create-strip>div{display:flex;align-items:center;gap:10px}.create-strip>div>i{width:40px;height:40px;border-radius:11px;background:#f0f2f6;display:grid;place-items:center}.create-strip strong,.create-strip span{display:block}.create-strip strong{font-size:12px}.create-strip span{font-size:9px;color:#8991a0}.create-flash-form{display:grid;grid-template-columns:1fr 1.6fr 1.6fr 1fr 1fr auto;gap:7px}.create-flash-form input{margin:0}.playlist-grid.modern{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.playlist-card{display:grid;grid-template-columns:55px 1fr auto;gap:13px;align-items:center}.playlist-icon{width:55px;height:55px;border-radius:14px;background:#eef1f6;display:grid;place-items:center;color:#697486}.playlist-body h3{font-size:15px;margin:4px 0}.playlist-body p{font-size:10px;color:#7b8494;margin:0}.playlist-meta{display:flex;gap:13px;margin-top:8px;font-size:9px;color:#848d9c}.playlist-meta i{margin-right:4px}.playlist-actions{display:flex;align-items:center;gap:6px}.playlist-studio{display:grid;grid-template-columns:340px minmax(0,1fr);gap:18px;align-items:start}.media-picker{position:sticky;top:20px}.picker-list{max-height:620px;overflow:auto;margin-top:12px;display:grid;gap:5px}.picker-item{display:grid;grid-template-columns:42px 1fr 32px;gap:9px;align-items:center;padding:7px;border-radius:9px}.picker-item:hover{background:#f7f8fa}.picker-item strong,.picker-item span{display:block}.picker-item strong{font-size:10px}.picker-item span{font-size:9px;color:#818a99}.add-circle{width:30px;height:30px;border:0;border-radius:50%;background:#111827;color:#fff;cursor:pointer}.playlist-work{display:grid;gap:15px}.playlist-details{display:flex;gap:12px;align-items:flex-end}.playlist-details .grid2{flex:1}.sequence-list{display:grid;gap:7px;margin-top:15px}.sequence-row.modern{display:grid;grid-template-columns:28px 28px 44px 1fr 180px 35px;align-items:center;gap:8px;background:#f8f9fb;border:1px solid #edf0f4;border-radius:11px;padding:8px}.sequence-row.dragging{opacity:.5}.drag-handle{border:0;background:transparent;color:#939aa7;cursor:grab}.seq-num{width:26px;height:26px;border-radius:8px;background:#eceff4;display:grid;place-items:center;font-size:9px;font-weight:800}.seq-info strong,.seq-info span{display:block}.seq-info strong{font-size:11px}.seq-info span{font-size:9px;color:#818a99}.sequence-row audio{height:28px;width:180px}.save-order{display:flex;justify-content:flex-end;margin-top:13px}.drag-hint{font-size:9px;color:#8d95a2}.rules-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.rule-card{display:grid;grid-template-columns:50px 1fr auto;gap:13px;align-items:center}.rule-icon{width:50px;height:50px;border-radius:13px;display:grid;place-items:center;background:#eef1f5;color:#6d7787}.rule-icon.flash{background:#fff2cf;color:#8d6500}.rule-icon.playlist{background:#e8efff;color:#3c66ad}.rule-body h3{font-size:14px;margin:5px 0 2px}.rule-body p{font-size:10px;color:#7d8695;margin:0}.hour-chips{display:flex;gap:4px;flex-wrap:wrap;margin-top:8px}.hour-chips b,.hour-chips span{font-size:8px;background:#f0f2f5;padding:4px 5px;border-radius:5px}.rule-actions{display:flex;gap:5px}.exclusions-panel{margin-top:18px}.inline-form{display:flex;gap:7px;align-items:end;margin-top:14px}.inline-form input,.inline-form select{margin:0}.schedule-editor{display:grid;gap:16px}.weekday-selector{display:grid;grid-template-columns:repeat(7,1fr);gap:7px;margin-top:15px}.weekday-selector input{position:absolute;opacity:0}.weekday-selector span{display:block;text-align:center;padding:11px;border:1px solid #dfe4eb;border-radius:9px;font-size:10px;font-weight:750;cursor:pointer}.weekday-selector input:checked+span{background:#111827;border-color:#111827;color:#fff}.hours{display:grid;grid-template-columns:repeat(8,1fr);gap:7px;margin-top:15px}.hour{position:relative;padding:13px 5px;border:1px solid #e0e4ea;border-radius:9px;background:#fafbfc;text-align:center;cursor:pointer}.hour input{position:absolute;opacity:0}.hour strong{font-size:13px}.hour span{font-size:9px;color:#959ca8}.hour.selected{background:#111827;border-color:#111827;color:#fff}.hour.selected span{color:#bdc3cd}.sticky-save{position:sticky;bottom:15px;display:flex;justify-content:flex-end}.update-banner{display:grid;grid-template-columns:55px 1fr auto;align-items:center;gap:15px;background:linear-gradient(135deg,#121827,#202b42);color:#fff;border-radius:17px;padding:18px;margin-bottom:18px}.update-icon{width:50px;height:50px;border-radius:13px;background:#ffffff15;display:grid;place-items:center}.update-banner h2{font-size:16px;margin:4px 0}.update-banner p{font-size:10px;color:#b8c1d1;margin:0}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.settings-save{grid-column:1/-1;display:flex;justify-content:flex-end}.switch{display:flex!important;align-items:center;gap:8px;cursor:pointer}.switch input{position:absolute;opacity:0;width:1px!important}.switch span{width:40px;height:23px;background:#d6dbe3;border-radius:99px;position:relative}.switch span::after{content:"";width:17px;height:17px;background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;transition:.15s}.switch input:checked+span{background:#111827}.switch input:checked+span::after{left:20px}.dropdown{position:relative}.dropdown>summary{list-style:none}.dropdown>summary::-webkit-details-marker{display:none}.dropdown[open]{z-index:100}.dropdown-menu{position:absolute;right:0;top:calc(100% + 7px);width:260px;background:#fff;border:1px solid #dfe4eb;border-radius:11px;padding:5px;box-shadow:0 16px 45px #11182720;z-index:110}.dropdown-menu button{width:100%;border:0;background:transparent;text-align:left;border-radius:8px;padding:9px;display:flex;align-items:center;gap:9px;cursor:pointer}.dropdown-menu button:hover{background:#f4f6f9}.dropdown-menu button>i{width:30px;height:30px;border-radius:8px;background:#eef1f5;display:grid;place-items:center}.dropdown-menu strong,.dropdown-menu small{display:block}.dropdown-menu strong{font-size:10px}.dropdown-menu small{font-size:8px;color:#838c9b;margin-top:2px}.modal{border:0;padding:0;background:transparent}.modal::backdrop{background:#0b0e15a3;backdrop-filter:blur(3px)}.modal-card{width:min(480px,calc(100vw - 30px));background:#fff;border-radius:18px;padding:23px;position:relative}.modal-card h2{margin:6px 0 10px}.modal-close{position:absolute;right:14px;top:14px;width:32px;height:32px;border:0;background:#f0f2f5;border-radius:8px;cursor:pointer}.compact-list{display:grid;gap:6px;margin-top:12px}.compact-list>div{display:flex;justify-content:space-between;align-items:center;background:#f7f8fa;padding:9px;border-radius:9px;font-size:9px}.auth-page{min-height:100vh;display:grid;place-items:center;background:#f4f6fa;padding:20px}.auth-card{width:min(520px,100%);background:#fff;border:1px solid #e2e6ed;border-radius:18px;padding:24px}.brand{display:flex;gap:10px;align-items:center}.brand-mark{width:40px;height:40px;background:#111827;color:#fff;border-radius:11px;display:grid;place-items:center}.empty-state{text-align:center;padding:28px;color:#858e9d}.empty-state>i{font-size:24px;margin-bottom:8px}.empty-state strong{display:block;color:#525d6e;font-size:12px}.empty-state p{font-size:10px}.skeleton{animation:pulse 1.3s infinite}@keyframes pulse{50%{opacity:.55}}@media(max-width:1180px){.flash-grid{grid-template-columns:repeat(2,1fr)}.broadcast-stage{grid-template-columns:1fr}.history-strip{grid-template-columns:repeat(3,1fr)}.create-flash-form{grid-template-columns:1fr 1fr 1fr}.playlist-studio{grid-template-columns:300px 1fr}.sequence-row.modern{grid-template-columns:25px 25px 40px 1fr 35px}.sequence-row audio{display:none}}@media(max-width:900px){.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:translateX(0)}.app-main{margin-left:0}.mobile-head{height:62px;background:#0d111c;color:#fff;display:flex;align-items:center;gap:10px;padding:0 15px}.mobile-head button{border:0;background:#ffffff12;color:#fff;width:35px;height:35px;border-radius:9px}.mobile-head img{width:28px;height:28px}.page{padding:24px 15px 60px}.metrics{grid-template-columns:1fr 1fr}.onair-track{grid-template-columns:150px 1fr}.az-info-grid{grid-template-columns:1fr 1fr}.flash-grid,.playlist-grid.modern,.rules-grid,.settings-grid{grid-template-columns:1fr}.playlist-studio,.editor-layout,.upload-studio{grid-template-columns:1fr}.media-picker{position:static}.create-strip{grid-template-columns:1fr}.create-flash-form{grid-template-columns:1fr 1fr}.hours{grid-template-columns:repeat(6,1fr)}}@media(max-width:600px){.page-head{align-items:flex-start;flex-direction:column}.page-head h1{font-size:27px}.metrics{grid-template-columns:1fr 1fr}.onair-track{grid-template-columns:1fr}.onair-art{max-width:230px}.history-strip{grid-template-columns:1fr}.az-info-grid{grid-template-columns:1fr 1fr}.library-toolbar{align-items:stretch;flex-direction:column}.searchbox{min-width:0}.media-library th:nth-child(3),.media-library td:nth-child(3),.media-library th:nth-child(4),.media-library td:nth-child(4){display:none}.playlist-card,.rule-card{grid-template-columns:45px 1fr}.playlist-actions,.rule-actions{grid-column:1/-1;justify-content:flex-end}.create-flash-form{grid-template-columns:1fr}.weekday-selector{grid-template-columns:repeat(4,1fr)}.hours{grid-template-columns:repeat(4,1fr)}.grid2,.grid3{grid-template-columns:1fr}.playlist-details{display:block}.inline-form{flex-direction:column}.metrics article{padding:12px}.update-banner{grid-template-columns:45px 1fr}.update-banner .btn{grid-column:1/-1}.dropdown-menu{left:0;right:auto}.source-grid{grid-template-columns:1fr}}
/* ===== V5.1 — UI refinement ===== */
:root{
--bg:#f5f7fb;--surface:#fff;--surface-2:#f8fafc;--surface-3:#f1f4f8;
--text:#111827;--muted:#6b7280;--muted-2:#98a2b3;--line:#e5e9f0;
--dark:#0c1220;--dark-2:#151d2d;--accent:#111827;
--success:#178b4d;--danger:#c53f3f;--warning:#956600;
--radius:18px;--radius-sm:11px;--shadow:0 12px 35px rgba(17,24,39,.055);
}
body{background:radial-gradient(circle at 70% 0,#fff 0,transparent 32%),var(--bg);color:var(--text)}
.sidebar{width:258px;background:linear-gradient(180deg,#0b101b,#111827 68%,#0c1220);border-right:1px solid rgba(255,255,255,.06);padding:20px 15px;box-shadow:12px 0 40px rgba(15,23,42,.08)}
.app-main{margin-left:258px}
.side-brand{padding:4px 9px 24px}.logo-wrap{width:44px;height:44px;border:1px solid rgba(255,255,255,.08);background:#fff;border-radius:14px}.logo-wrap img{width:34px;height:34px}
.side-brand strong{font-size:14px;font-weight:800}.side-brand small{color:#7e899d}
.sidebar nav{gap:5px}.sidebar nav a{min-height:43px;border-radius:12px;padding:11px 13px;color:#aab4c5;font-weight:650}.sidebar nav a i{color:#718099;font-size:14px}.sidebar nav a:hover{background:rgba(255,255,255,.06)}.sidebar nav a.active{background:#fff;color:#101827;box-shadow:0 8px 28px rgba(0,0,0,.16)}.sidebar nav a.active i{color:#101827}
.page{max-width:1500px;padding:38px 38px 80px}.page-head{margin-bottom:27px}.page-head h1{font-size:34px;font-weight:800}.page-head p{font-size:13px}.eyebrow{font-size:9px;letter-spacing:.14em;color:#8c96a7}
.panel{border:1px solid rgba(218,224,234,.9);border-radius:20px;padding:22px;background:rgba(255,255,255,.96);box-shadow:0 2px 4px rgba(15,23,42,.015),var(--shadow)}
.panel h2{font-size:19px;font-weight:780}.panel-head{align-items:center}
.btn{border-radius:11px;min-height:41px;padding:10px 15px;font-size:11px;box-shadow:none}.btn.primary{background:linear-gradient(180deg,#1e293b,#111827);box-shadow:0 6px 16px rgba(17,24,39,.14)}.btn.secondary{background:#f1f4f8;border:1px solid #e6eaf0;color:#263244}.btn.ghost{border-color:#e2e7ee}.btn:hover{transform:translateY(-1px);filter:brightness(.985)}
input:not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea{
appearance:none;width:100%;min-height:42px;border:1px solid #dce2ea;border-radius:11px;background:#fbfcfe;color:#172033;
padding:10px 12px;outline:none;transition:border-color .15s,box-shadow .15s,background .15s;font-size:12px
}
textarea{min-height:100px;resize:vertical}
input:focus,select:focus,textarea:focus{border-color:#9ca8b8;background:#fff;box-shadow:0 0 0 4px rgba(17,24,39,.055)}
label{font-size:10px!important;font-weight:750!important;color:#596579!important}
label small{display:block;color:#929aaa;font-weight:500;margin-top:4px}
.grid2,.grid3{gap:13px}
.alert{border:1px solid transparent;border-radius:13px;box-shadow:0 3px 12px rgba(15,23,42,.025)}.alert.success{border-color:#d8f0e1}.alert.error{border-color:#f5d5d5}
.metrics{gap:14px}.metrics article{border-radius:18px;padding:17px;border-color:#e6eaf0;box-shadow:0 7px 25px rgba(17,24,39,.035)}.metrics article>i{width:42px;height:42px;border-radius:13px}.metrics strong{font-size:21px}
.broadcast-stage{gap:20px}.onair-art{border-radius:22px;box-shadow:0 12px 35px rgba(17,24,39,.11)}.onair-copy h3{font-size:29px}.progress{height:7px}
.media-table-wrap{overflow:visible!important;padding:0}.media-library{border-collapse:separate;border-spacing:0}.media-library th{background:#f7f9fc;padding:13px 15px}.media-library td{padding:14px 15px;background:#fff}.media-library tbody tr:hover td{background:#fbfcfe}.media-library tr:first-child td{}.media-library .row-actions{position:relative;z-index:2}.media-library tr:has(.dropdown[open]) td{position:relative;z-index:50}.media-library tr:has(.dropdown[open]){position:relative;z-index:50}
.dropdown{position:relative;z-index:20}.dropdown[open]{z-index:9999}.dropdown-menu{z-index:10000!important;min-width:280px;border-radius:14px;border:1px solid #dfe5ed;box-shadow:0 20px 60px rgba(15,23,42,.18),0 4px 12px rgba(15,23,42,.08);overflow:hidden}.dropdown-menu button{padding:12px 13px}.dropdown-menu button:hover{background:#f3f6fa}
audio{width:100%;height:38px;border-radius:12px;background:#eef2f6;accent-color:#111827;display:block}
.media-cell audio{width:min(260px,100%);height:34px;margin-top:8px}
.sequence-row audio{width:190px;height:34px}
.dropzone{border:1.5px dashed #c6ced9;background:linear-gradient(180deg,#fbfcfe,#f5f7fa);border-radius:20px;transition:.18s}.dropzone:hover{border-color:#8996a8;background:#f6f8fb;transform:translateY(-1px)}.dropzone>i{width:58px;height:58px;border-radius:17px;background:#111827;color:#fff;display:grid;place-items:center;font-size:21px}.upload-selection>div{border:1px solid #e8ecf1;background:#fff}
.playlist-studio{gap:20px}.media-picker{border-radius:20px}.picker-list{border-top:1px solid #edf0f4;margin-top:13px;padding-top:10px}.picker-item{border-radius:12px;padding:9px;transition:.12s}.picker-item:hover{background:#f4f6f9}.playlist-work{min-width:0}.playlist-details{border-radius:20px}.sequence-list{display:grid;gap:9px;margin-top:15px}.sequence-row.modern{border:1px solid #e6eaf0;background:#fbfcfe;border-radius:14px;padding:10px;transition:border .12s,transform .12s,box-shadow .12s}.sequence-row.modern:hover{border-color:#cfd6e1;box-shadow:0 7px 20px rgba(15,23,42,.045)}.sequence-row.dragging{opacity:.55;transform:scale(.995)}.drag-handle{background:transparent;border:0;color:#9ba4b2;cursor:grab}.seq-num{background:#eef2f6;border-radius:8px;font-weight:800}
.tabs{display:flex;gap:6px;padding:5px;background:#f1f4f7;border-radius:12px;width:max-content;max-width:100%;overflow:auto}.tabs button{border:0;background:transparent;border-radius:9px;padding:9px 13px;font-size:11px;font-weight:750;color:#758093;cursor:pointer;white-space:nowrap}.tabs button.active{background:#fff;color:#111827;box-shadow:0 2px 8px rgba(15,23,42,.07)}.tab-pane{display:none}.tab-pane.active{display:block}
.table-wrap{border:1px solid #e7ebf1;border-radius:14px;overflow:hidden;margin-top:16px}.table-wrap table{width:100%;border-collapse:collapse}.table-wrap th{background:#f7f9fb;padding:12px 14px;font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#8d96a5;text-align:left}.table-wrap td{padding:12px 14px;border-top:1px solid #edf0f4;font-size:11px;color:#4e596b}.table-wrap tr:hover td{background:#fbfcfe}
.form-panel{display:grid;gap:4px}.form-panel label{display:block;margin-top:11px}.settings-grid{gap:20px}.settings-save{display:flex;justify-content:flex-end}
.code-shell{margin-top:17px;border-radius:15px;overflow:hidden;border:1px solid #222c3c;background:#0d1420;box-shadow:0 12px 30px rgba(15,23,42,.14)}.code-toolbar{height:42px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;background:#151e2c;color:#aab6c8;font-size:10px;border-bottom:1px solid #263143}.code-toolbar span:first-child{display:flex;gap:8px;align-items:center;color:#dce4ef}.code-editor{display:block!important;width:100%!important;min-height:430px!important;border:0!important;border-radius:0!important;background:#0d1420!important;color:#d8e1ed!important;box-shadow:none!important;padding:16px!important;font:11px/1.65 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace!important;resize:vertical!important}
.liquidsoap-card{margin-top:20px}
.large-cover{border-radius:22px;overflow:hidden;box-shadow:0 10px 30px rgba(17,24,39,.08)}
.data-list>div{border-bottom:1px solid #edf0f4;padding:11px 0}.data-list dt{font-size:9px;color:#929baa;text-transform:uppercase;letter-spacing:.08em}.data-list dd{font-size:12px;font-weight:700;color:#303b4b;margin:4px 0 0}
@media(max-width:900px){.app-main{margin-left:0}.page{padding:25px 16px 60px}.media-table-wrap{overflow-x:auto!important}.media-library{min-width:850px}}