:root{color:#d9e4ea;font-synthesis:none;--bg:#080d12;--panel:#101820;--panel2:#141f28;--line:#263640;--muted:#748894;--green:#45d68a;--yellow:#f6c344;--red:#ff5263;--cyan:#4fc9e8;background:#080d12;font-family:Inter,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 80% 0,#13212a 0,transparent 34%),var(--bg);min-width:1100px;margin:0;font-size:13px}a{color:inherit;text-decoration:none}.shell{grid-template-columns:224px 1fr;min-height:100vh;display:grid}.sidebar{background:#0b1218;border-right:1px solid #26343d;width:224px;height:100vh;padding:0 12px 16px;position:fixed;overflow:auto}.brand{border-bottom:1px solid var(--line);align-items:center;gap:11px;height:76px;margin-bottom:15px;display:flex}.brand-mark,.login-logo{color:#111;background:linear-gradient(145deg,#ffcb30,#e68b16);place-items:center;font-weight:900;display:grid}.brand-mark{clip-path:polygon(16% 0,100% 0,84% 100%,0 100%);width:35px;height:35px;font-size:23px}.brand b{letter-spacing:.8px;font-size:13px;display:block}.brand small{color:var(--muted);letter-spacing:1.7px;font-size:9px}.sidebar section{margin:0 0 16px}.sidebar h4{color:#526670;letter-spacing:1.8px;margin:0 8px 5px;font-size:9px}.sidebar a{color:#9eb0ba;border-left:2px solid #0000;padding:8px 10px;font-size:12px;display:block}.sidebar a:hover{color:#fff;background:#121d24}.sidebar a.active{color:#fff;border-left-color:var(--cyan);background:linear-gradient(90deg,#172a32,#0000)}.logout{color:#81939c;cursor:pointer;background:0 0;border:1px solid #263640;width:100%;padding:8px}main{grid-column:2}.topbar{border-bottom:1px solid var(--line);z-index:5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:1px;background:#0d151bde;justify-content:space-between;align-items:center;height:54px;padding:0 24px;font-size:10px;display:flex;position:sticky;top:0}.top-center{color:#617681}.pulse{background:var(--green);width:7px;height:7px;box-shadow:0 0 9px var(--green);border-radius:50%;margin-right:8px;display:inline-block}.clock{align-items:baseline;gap:9px;display:flex}.clock strong{color:#fff;font-size:20px}.clock span{color:var(--muted)}.page{padding:22px 24px 50px}.page-title{justify-content:space-between;align-items:end;margin-bottom:18px;display:flex}.page-title small{color:#647985;letter-spacing:1.4px}.page-title h1{letter-spacing:.4px;color:#eef5f7;margin:4px 0 0;font-size:25px}.readonly{color:#a7b6bc;letter-spacing:1px;background:#141d22;border:1px solid #40525b;padding:7px 10px;font-size:10px}.metrics{grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:13px;display:grid}.metric{border:1px solid var(--line);background:linear-gradient(135deg,#131d24,#0f171d);border-top:2px solid;padding:13px 15px}.metric small{color:#788c97;letter-spacing:1.2px;font-size:9px;display:block}.metric strong{margin-top:7px;font-size:25px;display:block}.metric.green{border-top-color:var(--green)}.metric.green strong{color:var(--green)}.metric.cyan{border-top-color:var(--cyan)}.metric.cyan strong{color:var(--cyan)}.metric.yellow{border-top-color:var(--yellow)}.metric.yellow strong{color:var(--yellow)}.metric.red{border-top-color:var(--red)}.metric.red strong{color:var(--red)}.panel{border:1px solid var(--line);background:#0f171d}.panel-heading{border-bottom:1px solid var(--line);background:#121c23;justify-content:space-between;align-items:center;height:43px;padding:0 14px;display:flex}.panel-heading h2{letter-spacing:1.1px;text-transform:uppercase;margin:0;font-size:12px}.panel-heading>span{color:#6e838e;letter-spacing:1px;font-size:9px}.table-wrap{overflow:auto}table{border-collapse:collapse;white-space:nowrap;width:100%}th{color:#607580;text-align:left;letter-spacing:1px;border-bottom:1px solid var(--line);background:#0c1318;padding:9px 11px;font-size:9px}td{color:#b6c5cb;border-bottom:1px solid #1c2930;padding:11px;font-size:11px}tr:hover td{background:#131e25}td small{color:#687d87;margin-top:4px;font-size:9px;display:block}.primary{color:#eff7fa;font-weight:700}.numeric{font-size:16px;font-weight:700}.cyan{color:var(--cyan)}.wide{text-overflow:ellipsis;max-width:280px;overflow:hidden}.badge{letter-spacing:.7px;border:1px solid;padding:3px 7px;font-size:9px;font-weight:800;display:inline-block}.badge-online,.badge-completed,.badge-gra{color:var(--green);background:#10271e;border-color:#245c43}.badge-warning,.badge-pauza{color:var(--yellow);background:#292510;border-color:#665423}.badge-offline,.badge-error,.badge-critical,.badge-failed{color:var(--red);background:#281318;border-color:#64303a}.badge-stop,.badge-brak.playlisty{color:#9fb0b8;background:#172027;border-color:#40505a}.alarm-pair{gap:8px;display:flex}.alarm-pair .warn{color:var(--yellow)}.alarm-pair .error{color:var(--red)}.progress{background:#1b2830;width:125px;height:15px;position:relative;overflow:hidden}.progress i{background:linear-gradient(90deg,#198ca8,var(--cyan));height:100%;display:block}.progress span{color:#fff;font-size:9px;position:absolute;top:1px;right:4px}.detail-strip{border:1px solid var(--line);background:#101820;gap:0;margin-bottom:12px;display:flex}.detail-strip span{border-right:1px solid var(--line);color:#667b86;padding:10px 15px;font-size:9px}.detail-strip b{color:#becbd0;margin-left:6px}.room-grid{grid-template-columns:1.25fr .75fr;gap:12px;display:grid}.room-grid .disabled-controls{grid-column:1/-1}.playback{padding-bottom:15px}.playback h3,.playback>p,.playback>.progress,.playback>dl{margin-left:15px;margin-right:15px}.playback h3{margin-bottom:5px;font-size:20px}.playback>p{color:#758a95}.playback>.progress{width:auto;height:20px}.time-grid{border:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin:15px;display:grid}.time-grid span{color:#6f838d;padding:10px;font-size:9px}.time-grid span+span{border-left:1px solid var(--line)}.time-grid b{color:#e6f0f3;margin-top:5px;font-size:18px;display:block}.playback dl{grid-template-columns:130px 1fr;line-height:2.3;display:grid}.playback dt{color:#6e828c;font-size:9px}.playback dd{margin:0}.device{border:1px solid var(--line);background:#121d23;justify-content:space-between;align-items:center;margin:10px;padding:13px;display:flex}.device small,.device b{display:block}.device small{color:#6d828d;margin-bottom:5px;font-size:9px}.disabled-controls{padding-bottom:14px}.disabled-controls>div:not(.panel-heading){padding:15px}.disabled-controls button{color:#60737d;background:#172229;border:1px solid #354751;margin-right:6px;padding:12px 20px}.disabled-controls p{color:#71858f;margin:0 15px}.alarm-list{gap:7px;display:grid}.alarm-card{border:1px solid var(--line);background:#101820;border-left:3px solid;grid-template-columns:100px 1fr 170px;align-items:center;padding:12px;display:grid}.alarm-card.warning{border-left-color:var(--yellow)}.alarm-card.error,.alarm-card.critical{border-left-color:var(--red)}.alarm-card h3{margin:0 0 5px;font-size:12px}.alarm-card p{color:#6f838e;margin:0;font-size:10px}.alarm-card time{color:#70848e;text-align:right;font-size:10px}.empty{text-align:center;color:#71858f;padding:60px}.empty b{color:#aebdc3}.loading,.error-box{color:#7f949e;letter-spacing:1px;margin:30px}.error-box{color:var(--red)}.login-screen{background:radial-gradient(circle at 50% 25%,#172b36,#080d12 55%);place-items:center;min-height:100vh;display:grid}.login-panel{text-align:center;background:#0e171d;border:1px solid #2a3d47;width:360px;padding:35px;box-shadow:0 30px 80px #0008}.login-logo{width:55px;height:55px;margin:0 auto 18px;font-size:34px}.login-panel h1{letter-spacing:1.5px;margin:0;font-size:20px}.login-panel>p{letter-spacing:1.5px;color:#6c818c;margin:7px 0 30px;font-size:9px}.login-panel label{text-align:left;color:#6f838d;letter-spacing:1px;margin:14px 0;font-size:9px;display:block}.login-panel input{color:#e7f0f2;background:#0a1116;border:1px solid #30424c;width:100%;margin-top:6px;padding:11px;display:block}.login-panel button{color:#101010;cursor:pointer;background:#d49b26;border:0;width:100%;margin-top:8px;padding:12px;font-weight:800}.login-panel>small{color:#536772;letter-spacing:1px;margin-top:22px;font-size:8px;display:block}.login-error{color:var(--red);margin:8px 0;font-size:11px}@media (width<=1200px){.metrics{grid-template-columns:repeat(3,1fr)}.sidebar{width:200px}.shell{grid-template-columns:200px 1fr}}.modal-backdrop{z-index:50;background:#02060dcc;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal{border:1px solid #29435c;width:min(680px,94vw);padding:24px}.admin-form{gap:14px;display:grid}.admin-form label{color:#8ba3b9;gap:6px;font-size:11px;display:grid}.admin-form input{color:#e8f2fb;background:#07111d;border:1px solid #29435c;padding:11px}.admin-form>div,.token-modal>div{justify-content:flex-end;gap:10px;display:flex}.token-modal code{overflow-wrap:anywhere;color:#ffd166;background:#06101a;border:1px solid #e3a629;margin:14px 0;padding:14px;display:block}.token-modal dl{grid-template-columns:120px 1fr;gap:8px;display:grid}.action-row{flex-wrap:wrap;gap:6px;display:flex}.compact{padding:6px 9px;font-size:10px}.danger{color:#ff8e8e!important;border-color:#b84a4a!important}.badge-disabled,.badge-revoked{color:#ff8e9a;background:#3b1720}.cms-schedule{color:#171b21;background:#eef1f4;grid-template-rows:auto minmax(0,1fr) auto;height:calc(100vh - 54px);display:grid}.cms-schedule>header{background:#f8f9fb;border-bottom:1px solid #c8ced7;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.cms-schedule header>div,.cms-schedule header nav{align-items:center;gap:8px;display:flex}.cms-schedule select,.cms-schedule input,.cms-schedule button{color:#111;background:#fff;border:1px solid #aeb7c2;padding:8px}.cms-schedule header strong{text-transform:capitalize;text-align:center;min-width:190px}.cms-schedule__body{grid-template-columns:250px minmax(0,1fr);min-height:0;display:grid}.cms-schedule__body>aside{color:#edf2f6;background:#111a24;grid-template-rows:auto auto minmax(0,1fr);min-height:0;padding:12px;display:grid}.cms-schedule aside input{margin:7px 0}.cms-source-picker>b{color:#aeb9c5;letter-spacing:.06em;margin-bottom:6px;font-size:9px;display:block}.cms-source-picker>div{gap:4px;display:flex;overflow-x:auto}.cms-source-picker button{color:#b9c5ce;background:#1a2531;border:1px solid #465463;border-radius:3px;flex:none;min-width:34px;padding:5px 7px;font-size:10px;font-weight:800}.cms-source-picker button.is-active{color:#fff;background:#25435c;border-color:#70b9ff;box-shadow:inset 0 -2px #70b9ff}.cms-playlists{overflow-y:auto}.cms-playlists>div{background:#202c38;border:1px solid #3d4a58;gap:8px;margin-bottom:3px;padding:6px 7px;display:flex}.cms-playlists i{width:5px}.cms-playlists p{color:#91a0ad}.cms-timeline{overflow:auto}.cms-time-axis,.cms-timeline article{width:2880px;margin-left:118px;position:relative}.cms-time-axis{z-index:5;background:#e8edf2;height:42px;position:sticky;top:0}.cms-time-axis span{font-size:10px;font-weight:900;position:absolute;bottom:8px;transform:translate(-50%)}.cms-timeline article{border-bottom:5px solid #d9dee5;height:118px}.cms-timeline article h3{color:#fff;background:#172432;width:118px;height:113px;margin:0;padding:13px;position:sticky;left:0;transform:translate(-118px)}.cms-timeline article>div{background:#fff;position:absolute;inset:0}.cms-timeline article>div>i{border-left:1px solid #ccd2da;position:absolute;inset-block:0}.cms-show{color:#111;border-radius:4px;min-width:74px;height:72px;padding:8px;position:absolute;top:20px;overflow:hidden}.cms-show b,.cms-show time{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.cms-show time{margin-top:7px;font-weight:900}.cms-schedule>footer{color:#9eb0ba;background:#0e1620;justify-content:space-between;align-items:center;height:50px;padding:0 16px;display:flex}.cms-schedule>footer b{color:#f0b429}.cms-empty{padding:40px}.cms-playlists i{flex:0 0 5px}.cms-playlists span{min-width:0}.cms-playlists b,.cms-playlists small{display:block}.cms-playlists b{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.cms-playlists small{color:#91a0ad;margin-top:4px;font-size:9px}.playlist-toolbar{justify-content:flex-end;gap:7px;margin-bottom:10px;display:flex}.playlist-toolbar>div{margin-right:auto}.playlist-toolbar button,.library-tabs button,.library-list button,.work-head button,.work-row button{color:#b8c8cf;cursor:pointer;background:#17232b;border:1px solid #354751;padding:8px 11px;font-size:10px;font-weight:800}.playlist-toolbar button.active,.library-tabs button.active{border-color:var(--cyan);color:#fff;background:#163440}.playlist-editor-grid{grid-template-columns:minmax(380px,.85fr) minmax(600px,1.5fr);gap:12px;min-height:650px;display:grid}.library-tabs{border-bottom:1px solid var(--line);gap:6px;padding:12px;display:flex}.library-list{max-height:650px;overflow:auto}.library-list article{border-bottom:1px solid #1c2930;justify-content:space-between;align-items:center;gap:12px;min-height:62px;padding:11px 13px;display:flex}.library-list article:hover{background:#131e25}.library-list article b{color:#eef5f7;display:block}.library-list article small{color:#71858f;margin-top:5px;display:block}.library-list article span{gap:5px;display:flex}.work-head{gap:8px;padding:12px;display:flex}.work-head input{color:#f2f7f9;background:#081117;border:1px solid #354751;flex:1;padding:10px;font-size:16px}.work-head .save{color:#67e8a5;background:#10271e;border-color:#3a9a69}.editor-notice{color:#67e8a5;background:#10271e;border:1px solid #245c43;margin:0 12px 12px;padding:10px}.work-list{border:1px solid var(--line);margin:0 12px 14px}.work-row{border-bottom:1px solid #1c2930;grid-template-columns:38px 72px minmax(240px,1fr) 110px 90px 116px;align-items:center;gap:8px;min-height:50px;padding:7px 9px;display:grid}.work-row>span:last-child{gap:4px;display:flex}.work-labels{color:#607580;text-transform:uppercase;background:#0c1318;min-height:34px;font-size:9px}.cpl-kind,.macro-kind{font-size:9px;font-weight:900}.cpl-kind{color:#b99cff}.macro-kind{color:#f6c344}.work-row button{padding:5px 8px}.work-row button:disabled{opacity:.25;cursor:default}.editor-empty{text-align:center;color:#71858f;padding:80px 20px}.playlist-page .error-box,.playlist-page .loading{margin:20px}@media (width<=1350px){.playlist-editor-grid{grid-template-columns:430px minmax(680px,1fr)}}