*{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}}
/* ===== V5.2 — Integrated updater ===== */
.update-center{margin-top:20px}
.version-pill{display:inline-flex;align-items:center;justify-content:center;padding:7px 10px;border-radius:999px;background:#eef2f6;color:#596579;font-size:10px;font-weight:850;border:1px solid #e2e7ee}
.update-upload-form{margin-top:18px;display:flex;gap:12px;align-items:stretch}
.update-dropzone{position:relative;flex:1;min-width:0;display:flex!important;align-items:center;gap:14px;padding:16px!important;margin:0!important;border:1.5px dashed #c8d0db;border-radius:15px;background:linear-gradient(180deg,#fbfcfe,#f6f8fb);cursor:pointer;transition:.16s}
.update-dropzone:hover{border-color:#909caf;background:#f4f7fa;transform:translateY(-1px)}
.update-dropzone input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}
.update-dropzone>span:last-child{min-width:0}
.update-dropzone strong{display:block;color:#273244;font-size:12px}
.update-dropzone small{display:block;color:#9099a7;margin-top:4px;font-weight:500;font-size:10px}
.update-drop-icon{width:44px;height:44px;border-radius:13px;background:#111827;color:#fff;display:grid;place-items:center;flex:none;font-size:17px}
.update-security{display:flex;gap:14px;flex-wrap:wrap;margin-top:14px;padding-top:14px;border-top:1px solid #edf0f4}
.update-security span{display:flex;align-items:center;gap:6px;color:#7b8494;font-size:10px;font-weight:650}
.update-security i{color:#566174}
.update-ready{margin-top:18px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:17px;align-items:flex-start;padding:18px;border:1px solid #dfe6ee;border-radius:16px;background:linear-gradient(135deg,#fafcff,#f4f7fb)}
.update-ready-icon{width:50px;height:50px;border-radius:15px;background:#111827;color:#fff;display:grid;place-items:center;font-size:18px}
.update-ready-copy h3{font-size:20px;margin:5px 0 3px;letter-spacing:-.025em}
.update-ready-copy>p{margin:0;color:#838d9d;font-size:11px}
.update-ready-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.update-ready-actions form{margin:0}
.update-notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 14px;margin:14px 0 0;padding:0;list-style:none}
.update-notes li{font-size:10px;color:#586476;display:flex;gap:7px;align-items:flex-start}
.update-notes li i{font-size:9px;margin-top:2px;color:#178b4d}
@media(max-width:800px){
.update-upload-form{flex-direction:column}
.update-ready{grid-template-columns:auto 1fr}
.update-ready-actions{grid-column:1/-1;justify-content:flex-start}
.update-notes{grid-template-columns:1fr}
}
/* =========================================================
V5.3 — LIGHT GLASS UI
========================================================= */
:root{
--glass-bg:rgba(255,255,255,.72);
--glass-bg-strong:rgba(255,255,255,.90);
--glass-border:rgba(211,220,232,.72);
--glass-shadow:0 18px 55px rgba(51,65,85,.075);
--glass-blur:18px;
--ink:#162033;--ink-soft:#59667a;--line-soft:rgba(214,222,232,.7);
}
html{background:#f4f7fb}
body{
background:
radial-gradient(circle at 15% 0%,rgba(216,231,255,.72),transparent 31%),
radial-gradient(circle at 92% 14%,rgba(230,237,247,.82),transparent 28%),
linear-gradient(150deg,#f8faff 0%,#f3f6fa 48%,#f7f9fc 100%);
color:var(--ink);
font-variant-numeric:tabular-nums;
}
.sidebar{
width:258px;
background:rgba(249,251,254,.76)!important;
color:#627086!important;
border-right:1px solid rgba(209,218,230,.72)!important;
box-shadow:8px 0 45px rgba(71,85,105,.045)!important;
backdrop-filter:blur(22px) saturate(145%);
-webkit-backdrop-filter:blur(22px) saturate(145%);
}
.app-main{margin-left:258px}
.side-brand{color:#152033!important}
.logo-wrap{background:rgba(255,255,255,.92)!important;border:1px solid rgba(210,219,230,.85)!important;box-shadow:0 7px 22px rgba(71,85,105,.09)}
.side-brand small{color:#8b96a7!important}
.sidebar nav a{color:#66748a!important}
.sidebar nav a i{color:#8995a7!important}
.sidebar nav a:hover{background:rgba(255,255,255,.72)!important;color:#202c3d!important}
.sidebar nav a.active{background:rgba(255,255,255,.94)!important;color:#111827!important;border:1px solid rgba(215,222,232,.8);box-shadow:0 8px 28px rgba(71,85,105,.09)!important}
.side-foot{border-top-color:rgba(210,219,230,.72)!important}.side-foot a:hover{background:rgba(255,255,255,.72)!important;color:#202c3d!important}
.page{max-width:1500px;padding:38px 40px 92px}
.page-head h1{font-size:35px;font-weight:800;color:#121b2b}
.panel,.metrics article,.status-pill,.searchbox{
background:var(--glass-bg)!important;
border:1px solid var(--glass-border)!important;
box-shadow:var(--glass-shadow)!important;
backdrop-filter:blur(var(--glass-blur)) saturate(138%);
-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(138%);
}
.panel{border-radius:22px!important}
.metrics article{border-radius:19px!important}
.metrics article>i{background:rgba(255,255,255,.72)!important;border:1px solid rgba(216,224,234,.8)}
.btn.primary{background:linear-gradient(180deg,#253147,#172033)!important;box-shadow:0 8px 20px rgba(30,41,59,.16)!important}
.btn.secondary{background:rgba(255,255,255,.7)!important;border:1px solid rgba(211,220,232,.82)!important;backdrop-filter:blur(10px)}
.btn.ghost{background:rgba(255,255,255,.48)!important}
input:not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea{
background:rgba(255,255,255,.72)!important;border-color:rgba(205,215,227,.86)!important
}
input:focus,select:focus,textarea:focus{background:#fff!important;border-color:#9aa8ba!important;box-shadow:0 0 0 4px rgba(116,133,157,.09)!important}
.tabs{background:rgba(228,234,242,.62)!important;border:1px solid rgba(213,221,231,.7);backdrop-filter:blur(10px)}
.tabs button.active{background:rgba(255,255,255,.94)!important;box-shadow:0 5px 16px rgba(71,85,105,.08)!important}
.table-wrap{background:rgba(255,255,255,.55);border-color:rgba(213,222,232,.78)!important}
.table-wrap th,.media-library th{background:rgba(239,244,249,.77)!important;color:#7f8b9d!important}
.table-wrap td,.media-library td{background:rgba(255,255,255,.47)!important}
.table-wrap tr:hover td,.media-library tbody tr:hover td{background:rgba(255,255,255,.85)!important}
/* Forecast */
.forecast-flow{margin-top:19px;position:relative}
.forecast-row{
display:grid!important;
grid-template-columns:24px 48px minmax(0,1fr)!important;
gap:12px!important;
align-items:start;
min-height:78px!important;
position:relative;
}
.forecast-line{
height:100%!important;
display:flex!important;
justify-content:center!important;
align-items:flex-start!important;
position:relative!important;
padding-top:7px!important;
}
.forecast-line::after{
content:"";position:absolute!important;top:27px!important;bottom:-7px!important;left:50%!important;
width:1px!important;background:linear-gradient(#d3dbe6,#e9edf2)!important;transform:translateX(-50%)!important;
}
.forecast-row:last-child .forecast-line::after{display:none!important}
.forecast-line span{
width:21px!important;height:21px!important;border-radius:50%!important;background:rgba(255,255,255,.95)!important;
border:1px solid #dbe2eb!important;box-shadow:0 3px 9px rgba(71,85,105,.08);font-size:8px!important;
display:grid!important;place-items:center!important;position:relative!important;z-index:2!important
}
.forecast-art{
width:46px;height:46px;border-radius:13px;overflow:hidden;background:rgba(235,240,246,.88);display:grid;place-items:center;
border:1px solid rgba(217,224,233,.8);color:#718096;box-shadow:0 5px 15px rgba(71,85,105,.06);
}
.forecast-art img{width:100%;height:100%;object-fit:cover}
.forecast-row.force .forecast-art{background:#fff6dc;color:#946500}
.forecast-row.auto .forecast-art{background:#edf4ff;color:#4771ab}
.forecast-copy{min-width:0;padding-top:3px}
.forecast-copy small{font-size:8px!important;color:#929daf!important}
.forecast-copy strong{font-size:12px!important;margin:3px 0 4px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.forecast-copy>span{font-size:10px!important;color:#758195!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.az-info-grid.three{grid-template-columns:repeat(3,1fr)!important}
/* Upload modal */
.modal{border:0;padding:0;background:transparent;max-width:none;max-height:none}
.modal::backdrop{background:rgba(24,34,49,.32);backdrop-filter:blur(7px)}
.upload-modal-card{
width:min(720px,calc(100vw - 34px));max-height:calc(100vh - 60px);overflow:auto;padding:23px;
background:rgba(252,253,255,.91);border:1px solid rgba(220,227,236,.82);border-radius:24px;
box-shadow:0 28px 90px rgba(32,45,65,.2);backdrop-filter:blur(25px) saturate(140%)
}
.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:18px}.modal-head h2{font-size:21px;margin:4px 0}.modal-head p{margin:3px 0 0}
.dropzone.compact{height:170px;border-radius:18px;background:rgba(245,248,252,.76)}
.upload-queue{display:grid;gap:8px;margin-top:14px;max-height:240px;overflow:auto}
.upload-item{display:grid;grid-template-columns:34px minmax(0,1fr) 46px;align-items:center;gap:10px;padding:10px 12px;background:rgba(255,255,255,.78);border:1px solid rgba(218,225,234,.8);border-radius:12px}
.upload-item>i{width:32px;height:32px;border-radius:9px;background:#eef2f7;display:grid;place-items:center;color:#6f7d91}
.upload-item>div{min-width:0}.upload-item strong,.upload-item span{display:block}.upload-item strong{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upload-item span{font-size:9px;color:#8d97a6;margin:2px 0 6px}.upload-item>b{text-align:right;font-size:9px;color:#657286}
.upload-item.done>b{color:#18854c}.upload-item.failed>b{color:#b83c3c}
.upload-progress{height:5px;background:#e9eef4;border-radius:999px;overflow:hidden}.upload-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,#50627e,#172033);border-radius:inherit;transition:width .12s linear}
.upload-global{margin-top:14px;padding:12px 14px;border-radius:12px;background:rgba(239,244,249,.72);border:1px solid rgba(214,222,232,.72)}.upload-global>div:first-child{display:flex;justify-content:space-between;font-size:10px;font-weight:750;margin-bottom:7px}
.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}
/* Global sticky player */
.inline-audio-trigger{margin-top:7px}
.audio-preview-btn{border:1px solid rgba(209,218,229,.85);background:rgba(255,255,255,.72);height:32px;padding:0 11px;border-radius:9px;display:inline-flex;align-items:center;gap:7px;color:#435168;font-size:9px;font-weight:800;cursor:pointer;transition:.15s}
.audio-preview-btn:hover{background:#fff;transform:translateY(-1px)}
.audio-preview-btn i{font-size:8px}
.sticky-player{
position:fixed;left:278px;right:20px;bottom:18px;z-index:20000;
min-height:68px;padding:10px 12px;display:grid;grid-template-columns:44px minmax(150px,280px) 44px minmax(220px,1fr) 36px;align-items:center;gap:11px;
background:rgba(251,253,255,.88);border:1px solid rgba(207,217,229,.85);border-radius:19px;
box-shadow:0 22px 70px rgba(30,41,59,.18);backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%)
}
.sticky-player[hidden]{display:none!important}
.sticky-player-art{width:44px;height:44px;border-radius:13px;background:linear-gradient(145deg,#202c40,#101827);color:#fff;display:grid;place-items:center}
.sticky-player-copy{min-width:0}.sticky-player-copy strong,.sticky-player-copy span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sticky-player-copy strong{font-size:11px}.sticky-player-copy span{font-size:9px;color:#8792a4;margin-top:3px}
.player-main-btn{width:42px;height:42px;border-radius:50%;border:0;background:#172033;color:#fff;display:grid;place-items:center;cursor:pointer}
.sticky-player-timeline{display:grid;grid-template-columns:40px minmax(0,1fr) 40px;gap:8px;align-items:center;font-size:9px;color:#69768a;font-variant-numeric:tabular-nums}
.sticky-player-timeline input[type=range]{width:100%;min-height:0!important;padding:0!important;box-shadow:none!important;border:0!important;background:transparent!important;accent-color:#172033}
.sticky-player audio{display:none}
.player-close{background:transparent!important}
@media(max-width:900px){.sticky-player{left:14px;right:14px;bottom:12px;grid-template-columns:40px minmax(0,1fr) 42px 32px}.sticky-player-timeline{grid-column:1/-1}.sticky-player-art{width:40px;height:40px}.app-main{margin-left:0}.forecast-row{grid-template-columns:23px 44px minmax(0,1fr)!important}}
@media(max-width:600px){.sticky-player{border-radius:16px}.az-info-grid.three{grid-template-columns:1fr!important}.forecast-art{width:42px;height:42px}}
/* Tabular numeric rendering where time/length/counts appear */
.track-meta,.progress,.forecast-row small,.media-library td,.table-wrap td,.metrics strong,.upload-item>b,.sticky-player-timeline,.data-list dd,.format-badge{
font-variant-numeric:tabular-nums;
font-feature-settings:"tnum" 1;
}
/* ===== V5.3.2 targeted fixes ===== */
.flash-grid,.flash-card{overflow:visible!important}
.flash-card{position:relative}
.flash-card:has(.dropdown[open]){z-index:5000!important}
.flash-card .dropdown[open],.flash-card .dropdown-menu{z-index:100000!important}
body{font-size:14px!important}
.page-head p,.muted{font-size:13px!important}
.eyebrow{font-size:10px!important}
.btn{font-size:12px!important}
.panel p,.panel span{line-height:1.5}
.table-wrap th,.media-library th{font-size:10px!important}
.table-wrap td,.media-library td{font-size:12px!important}
.dropdown-menu strong{font-size:12px!important}
.dropdown-menu small{font-size:10px!important}
.forecast-row{grid-template-columns:28px 52px minmax(0,1fr)!important;gap:13px!important;min-height:72px!important;align-items:start!important}
.forecast-line{padding-top:9px!important;height:100%!important}
.forecast-line::after{top:31px!important;bottom:-4px!important}
.forecast-line span{width:23px!important;height:23px!important;font-size:9px!important}
.forecast-art{width:50px!important;height:50px!important;border-radius:14px!important}
.forecast-copy{padding-top:4px!important}
.forecast-copy small{font-size:10px!important}
.forecast-copy strong{font-size:14px!important;margin:2px 0 3px!important}
.forecast-copy>span{font-size:12px!important}
.sticky-player-art{overflow:hidden!important}
.sticky-player-art img{width:100%;height:100%;object-fit:cover}
.sticky-player-copy strong{font-size:13px!important}
.sticky-player-copy span{font-size:11px!important}
.dropzone.compact{align-items:center!important;text-align:center!important}
.dropzone.compact>i{position:static!important;transform:none!important;margin:0 auto 10px!important;display:grid!important;place-items:center!important}
.track-meta,.progress,.forecast-line span,.forecast-copy small,.media-library td,.table-wrap td,.metrics strong,.upload-item>b,.sticky-player-timeline,.data-list dd,.format-badge{
font-variant-numeric:tabular-nums!important;
font-feature-settings:"tnum" 1!important;
}
/* ===== V5.4 — Remote repository updater ===== */
.update-head-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.update-head-actions form{margin:0}
.repo-latest{margin-top:18px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 18px;border:1px solid rgba(173,190,212,.45);border-radius:16px;background:linear-gradient(135deg,rgba(255,255,255,.82),rgba(235,242,250,.78));backdrop-filter:blur(14px)}
.repo-latest h3{font-size:23px;margin:4px 0 0;letter-spacing:-.03em}
.repo-up-to-date{margin-top:18px;display:flex;align-items:center;gap:12px;padding:15px;border-radius:14px;background:rgba(235,250,241,.78);border:1px solid rgba(124,201,153,.28)}
.repo-up-to-date>i{font-size:24px;color:#16874b}.repo-up-to-date strong,.repo-up-to-date span{display:block}.repo-up-to-date span{font-size:11px;color:#708078;margin-top:2px}
.versions-list{display:grid;gap:8px;margin-top:18px}
.version-row{display:grid;grid-template-columns:180px minmax(0,1fr) auto;gap:14px;align-items:center;padding:12px 13px;border:1px solid rgba(218,225,234,.8);border-radius:13px;background:rgba(255,255,255,.62)}
.version-row.current{background:rgba(242,246,251,.85)}
.version-main{display:flex;align-items:center;gap:7px}.version-main>strong{font-size:13px;font-variant-numeric:tabular-nums}
.version-meta{min-width:0}.version-meta span,.version-meta small{display:block}.version-meta span{font-size:10px;color:#8a95a5}.version-meta small{font-size:11px;color:#566174;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.version-action form{margin:0}.repo-url{margin:15px 0 0!important;padding-top:13px;border-top:1px solid #edf0f4;color:#8b95a4!important;font-size:10px!important}
.repo-url i{margin-right:5px}
@media(max-width:760px){.repo-latest{align-items:flex-start;flex-direction:column}.version-row{grid-template-columns:1fr auto}.version-meta{grid-column:1/-1;grid-row:2}.version-action{grid-column:2;grid-row:1}}
/* ===== V5.5 — Login, toast, cache-safe assets ===== */
.login-page{min-height:100vh;background:linear-gradient(135deg,#f7f9fc,#eef3f8);display:grid;place-items:center;padding:22px}
.login-shell{width:min(1080px,100%);min-height:620px;display:grid;grid-template-columns:1.05fr .95fr;border:1px solid rgba(255,255,255,.9);border-radius:30px;overflow:hidden;background:rgba(255,255,255,.64);box-shadow:0 28px 90px rgba(31,41,55,.12);backdrop-filter:blur(25px)}
.login-visual{position:relative;padding:34px;display:flex;flex-direction:column;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.9),transparent 30%),linear-gradient(145deg,rgba(229,237,247,.88),rgba(242,246,251,.5))}
.login-brand{display:flex;align-items:center;gap:12px}.login-brand img{width:45px;height:45px;object-fit:contain}.login-brand strong,.login-brand span{display:block}.login-brand strong{font-size:14px}.login-brand span{font-size:10px;color:#8490a0;margin-top:2px}
.login-visual-copy{margin:auto 0}.login-visual-copy h1{font-size:44px;line-height:1.04;letter-spacing:-.055em;margin:10px 0 15px}.login-visual-copy p{max-width:470px;color:#6d7888;font-size:13px;line-height:1.65}
.login-status{display:flex;gap:9px;flex-wrap:wrap}.login-status span{display:flex;align-items:center;gap:6px;padding:8px 10px;border:1px solid rgba(255,255,255,.8);background:rgba(255,255,255,.58);border-radius:999px;color:#687486;font-size:10px;font-weight:700}
.login-panel{display:grid;place-items:center;padding:42px;background:rgba(255,255,255,.78)}.login-card{width:min(390px,100%)}.login-card h2{font-size:29px;letter-spacing:-.04em;margin:7px 0 6px}.login-card>.muted{margin:0 0 24px}
.login-form{display:grid;gap:17px}.login-form label{margin:0!important}.input-icon{position:relative;margin-top:7px}.input-icon>i{position:absolute;left:13px;top:50%;transform:translateY(-50%);z-index:2;color:#8c97a6;font-size:16px}.input-icon input{padding-left:39px!important;margin:0!important;background:rgba(248,250,252,.92)!important}
.login-submit{width:100%;margin-top:3px;min-height:46px}.login-version{display:block;text-align:center;margin-top:24px;color:#a0a8b4;font-variant-numeric:tabular-nums}.login-mobile-logo{display:none}
.update-toast{position:fixed;right:24px;top:24px;z-index:99999;width:min(410px,calc(100vw - 32px));display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:11px;align-items:center;padding:12px;border:1px solid rgba(209,218,229,.85);border-radius:17px;background:rgba(255,255,255,.86);box-shadow:0 18px 55px rgba(31,41,55,.15);backdrop-filter:blur(22px)}
.update-toast-icon{width:40px;height:40px;border-radius:12px;background:#111827;color:#fff;display:grid;place-items:center}.update-toast strong,.update-toast span{display:block}.update-toast strong{font-size:12px}.update-toast span{font-size:10px;color:#8791a1;margin-top:2px}.update-toast-close{width:29px;height:29px;border:0;background:transparent;border-radius:8px;color:#8f99a8;cursor:pointer}.update-toast-close:hover{background:#f1f4f7}
@media(max-width:800px){.login-shell{grid-template-columns:1fr;min-height:0}.login-visual{display:none}.login-panel{padding:34px 22px;min-height:560px}.login-mobile-logo{display:block;margin-bottom:20px}.login-mobile-logo img{width:48px;height:48px}.update-toast{top:auto;bottom:18px;right:16px;grid-template-columns:auto 1fr auto}.update-toast>a{grid-column:2}.update-toast-close{grid-column:3;grid-row:1}}