:root{color:#e8f1ff;font-synthesis:none;text-rendering:optimizelegibility;background:#07111f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{background:radial-gradient(circle at 60% -20%,#16375f 0,#081527 38%,#050c17 75%);min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}:root{--panel:#0c1f37eb;--panel-2:#102845;--line:#244b72;--muted:#86a4c2;--cyan:#22d3ee;--blue:#218cff;--green:#4ade80;--red:#fb7185}.cms-shell{grid-template-columns:230px minmax(0,1fr);min-height:100vh;display:grid}.cms-sidebar{background:#040e1bf7;border-right:1px solid #183a5c;height:100vh;padding:22px 14px;position:sticky;top:0}.sidebar-brand{border-bottom:1px solid #173653;align-items:center;gap:12px;padding:0 10px 24px;display:flex}.sidebar-brand img{object-fit:contain;background:#fff;border-radius:10px;width:52px;height:52px}.sidebar-brand strong{font-size:22px;display:block}.sidebar-brand small{color:var(--muted);letter-spacing:.12em}.cms-sidebar nav{gap:7px;margin-top:22px;display:grid}.cms-sidebar nav button{color:#a9bfd6;text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;grid-template-columns:25px 1fr auto;align-items:center;gap:8px;width:100%;padding:12px;display:grid}.cms-sidebar nav button:hover{color:#fff;background:#0d2946}.cms-sidebar nav button.active{color:#fff;background:linear-gradient(90deg,#1065b9,#123656);border-color:#168cff;box-shadow:0 0 22px #0077ff35}.cms-sidebar nav button b{color:#fff;text-align:center;background:#e5484d;border-radius:10px;min-width:21px;padding:2px 6px;font-size:11px}.sidebar-version{color:var(--muted);position:absolute;bottom:24px;left:25px}.sidebar-version small{color:#527493}.cms-main{min-width:0}.cms-topbar{background:#071528d9;border-bottom:1px solid #1c4266;justify-content:space-between;align-items:center;gap:20px;min-height:76px;padding:14px 24px;display:flex}.cms-topbar>div:first-child{align-items:center;gap:10px;display:flex}.cms-topbar h1{margin:0;font-size:23px}.section-icon{color:var(--cyan);font-size:28px}.ops-status{background:#0b2037;border:1px solid #285078;border-radius:8px;flex-wrap:wrap;align-items:center;display:flex}.ops-status span{border-right:1px solid #285078;padding:9px 14px;font-size:13px}.ops-status span:last-child{border:0}.good{color:var(--green)}.bad{color:var(--red)}.cyan{color:var(--cyan)}.cms-content{padding:20px}.card,.workspace-main,.properties-panel{background:var(--panel);border:1px solid #244c73;border-radius:10px;box-shadow:0 12px 35px #0005}.card{margin-bottom:18px;padding:20px}.card h2{margin-top:0}.layer-workspace{grid-template-columns:minmax(520px,1fr) 310px;gap:14px;display:grid}.workspace-main{padding:16px}.panel-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:12px;display:flex}.panel-heading>div{align-items:baseline;gap:8px;display:flex}.eyebrow,.layer-stack-heading{color:#8fb6d8;letter-spacing:.08em;font-size:11px;font-weight:750}.panel-heading select,select,input,textarea{color:#dcecff;background:#0a1c30;border:1px solid #31577a;border-radius:6px;min-height:38px;padding:8px 10px}.menu-preview{aspect-ratio:16/9;background:#03070c;border:5px solid #183957;border-radius:7px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #49789f}.menu-preview iframe{border:0;width:100%;height:100%}.preview-badge{color:#7ef5c0;background:#052d24df;border:1px solid #2d8764;border-radius:4px;padding:5px 8px;font-size:10px;position:absolute;top:10px;right:10px}.layer-stack-heading{gap:10px;margin:18px 3px 8px;display:flex}.layer-stack-heading small{color:#597c9d}.layer-stack{gap:5px;display:grid}.layer-row{color:#dcecff;text-align:left;background:#102a47;border:1px solid #274d70;border-radius:6px;grid-template-columns:24px 25px 25px 130px 1fr 28px 18px;align-items:center;gap:8px;padding:9px 11px;display:grid}.layer-row:hover,.layer-row.selected{background:#12375b;border-color:#2792f3}.drag,.layer-type{color:#7596b6}.priority{color:#fff;background:#2878ba;border-radius:5px;place-items:center;width:23px;height:23px;font-size:11px;display:inline-grid}.priority.red{background:#e34c5c}.priority.amber{background:#f59e0b}.priority.yellow{background:#d8b51f}.priority.cyan{background:#0891b2}.visibility{color:var(--cyan);font-size:18px}.properties-panel{padding:15px}.properties-title{border-bottom:1px solid #294d6d;justify-content:space-between;align-items:center;display:flex}.properties-title h3{margin:0 0 13px}.selected-layer{background:#102c4a;border:1px solid #315a7d;border-radius:7px;align-items:center;gap:11px;margin:8px 0 12px;padding:14px;display:flex}.selected-layer small{color:var(--muted);display:block}.property-group{border-top:1px solid #244661;gap:9px;padding:13px 0;display:grid}.property-group h4{margin:0;font-size:13px}.property-group label{color:#a8c0d8;grid-template-columns:90px 1fr;align-items:center;gap:8px;font-size:12px;display:grid}.switch-row input{justify-self:end;width:38px}.coordinate-grid{grid-template-columns:1fr 1fr;gap:7px;display:grid}.coordinate-grid label{grid-template-columns:18px 1fr}.coordinate-grid input{min-width:0}.save-layer,button{color:#fff;background:#126ec0;border:1px solid #258de8;border-radius:6px;padding:10px 14px}.save-layer{width:100%}.dashboard-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.metric{background:var(--panel);border:1px solid #244c73;border-radius:9px;gap:7px;padding:20px;display:grid}.metric span,.metric small{color:var(--muted)}.metric strong{font-size:28px}.dashboard-wide{grid-column:1/-1}.fleet-row{border-bottom:1px solid #29465e;grid-template-columns:16px 1fr 1fr 100px;gap:10px;padding:11px 0;display:grid}.online-dot{background:var(--green);border-radius:50%;width:10px;height:10px;margin-top:5px}.good-text{color:var(--green)}.cyan-text{color:var(--cyan)}.upload-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.asset-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;margin-top:18px;display:grid}.asset-grid article{background:#102845;border:1px solid #2a4f70;border-radius:7px;gap:5px;padding:14px;display:grid}.asset-grid article>span{color:var(--cyan);font-size:24px}.asset-grid small{color:var(--muted)}.schedule-form{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.schedule-form label{gap:5px;display:grid}.schedule-row,.screen{background:#102945;border:1px solid #294d6c;border-radius:7px;margin-top:10px;padding:14px}.account-form,.pos-selectors,.pos-form,.device-enrollment-form,.table-actions{flex-wrap:wrap;gap:9px;display:flex}.account-form input{flex:210px}.cms-intro{width:min(100%,420px);margin:0 auto 18px;display:block}.device-control-heading,.account-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.device-table,.product-table{border-collapse:collapse;width:100%}.device-table th,.device-table td,.product-table th,.product-table td{text-align:left;border-bottom:1px solid #294d6c;padding:10px}.device-table td small,.product-table td small{color:var(--muted);display:block}.device-table-wrap,.product-table-wrap{overflow-x:auto}.device-state{border-radius:12px;width:max-content;margin-bottom:4px;padding:3px 7px;font-size:11px;display:block}.state-good{background:#146534}.state-warning{background:#8b5211}.danger,.table-actions .danger{background:#8f2331;border-color:#c44d5b}.secondary,.button-secondary{background:#24435f;border-color:#3f6688}.pairing-help,.device-message{color:var(--muted)}.pos-stats{grid-template-columns:repeat(4,1fr);gap:10px;margin:15px 0;display:grid}.pos-stats div{background:#102945;gap:5px;padding:14px;display:grid}.site-list{flex-wrap:wrap;gap:8px;display:flex}.site-chip{background:#1b3b59;border-radius:12px;padding:6px 9px}@media (width<=1050px){.layer-workspace{grid-template-columns:1fr}.properties-panel{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.properties-title,.selected-layer,.save-layer{grid-column:1/-1}.dashboard-grid{grid-template-columns:repeat(2,1fr)}.ops-status span{padding:7px}}@media (width<=760px){.cms-shell{grid-template-columns:1fr}.cms-sidebar{width:auto;height:auto;position:static}.cms-sidebar nav{grid-template-columns:repeat(2,1fr)}.sidebar-version{display:none}.cms-topbar{flex-direction:column;align-items:flex-start}.cms-content{padding:10px}.layer-workspace{display:block}.properties-panel{margin-top:12px;display:block}.layer-row{grid-template-columns:20px 24px 24px 1fr 25px 15px}.layer-type{display:none}.schedule-form,.dashboard-grid,.pos-stats{grid-template-columns:1fr}}.empty-preview{color:#d9eafe;text-align:center;place-content:center;gap:8px;width:100%;height:100%;display:grid}.empty-preview span,.snapshot-waiting{color:var(--muted);font-size:12px}.live-indicator,.delivery-indicator{align-items:center;gap:7px;width:max-content;margin-bottom:7px;font-size:12px;font-weight:750;display:flex}.live-indicator span,.delivery-indicator span{background:currentColor;border-radius:50%;width:9px;height:9px;box-shadow:0 0 9px}.live-indicator.online,.delivery-indicator.synced{color:#42e69a}.live-indicator.offline,.delivery-indicator.stale{color:#fb7185}.delivery-indicator.waiting,.delivery-indicator.uploading,.delivery-indicator.verifying{color:#fbbf24}.delivery-indicator.no-content{color:#7d9ab5}.playlist-name{color:#e8f5ff;max-width:230px;margin-bottom:4px;font-size:13px;display:block}.snapshot-link{color:#8edfff;gap:5px;text-decoration:none;display:grid}.snapshot-link img{aspect-ratio:16/9;object-fit:cover;background:#000;border:1px solid #2c7caf;border-radius:5px;width:150px}.snapshot-link span{font-size:10px}.delivery-comparison{grid-template-columns:82px minmax(120px,1fr);gap:3px 7px;display:grid}.delivery-comparison small{color:#6e91b1;letter-spacing:.06em;font-size:8px}.delivery-comparison strong,.delivery-comparison span{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.delivery-comparison span{color:#91abc3}.adapter-strip{gap:7px;padding:9px 0 16px;display:flex;overflow-x:auto}.adapter-strip>span{color:#c9d9e8;background:#0b2137;border:1px solid #294f70;border-radius:6px;grid-template-columns:8px max-content;align-items:center;column-gap:6px;padding:7px 9px;font-size:11px;display:grid}.adapter-strip i{background:#5f7e9b;border-radius:50%;width:7px;height:7px}.adapter-strip small{color:#6f90ad;grid-column:2;font-size:9px}.playlist-editor h2,.playlist-editor h3{margin:0}.playlist-editor h3{border-bottom:1px solid #284d6d;justify-content:space-between;align-items:center;padding-bottom:12px;font-size:15px;display:flex}.playlist-editor h3 span{color:var(--cyan);font-size:12px}.playlist-toolbar{grid-template-columns:minmax(220px,1fr) minmax(250px,1.5fr) 160px;gap:12px;margin:18px 0;display:grid}.playlist-toolbar label{gap:5px;display:grid}.playlist-toolbar label>span{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:11px}.playlist-toolbar input,.playlist-toolbar select{box-sizing:border-box;width:100%}.playlist-toolbar input[readonly]{color:#9dbbd5;background:#071728}.playlist-health{color:#fbbf24;background:#30250b;border:1px solid #725b1f;border-radius:7px;align-content:center;gap:4px;padding:9px 13px;display:grid}.playlist-health.ready{color:#4ade80;background:#09291b;border-color:#277c4a}.playlist-health small{color:currentColor;opacity:.75}.playlist-columns{grid-template-columns:minmax(280px,.8fr) minmax(440px,1.2fr);gap:14px;display:grid}.playlist-media-panel,.playlist-sequence-panel{background:#0a2037;border:1px solid #284e70;border-radius:8px;min-width:0;padding:15px}.playlist-media-list,.playlist-sequence{gap:8px;max-height:560px;padding-top:10px;display:grid;overflow-y:auto}.playlist-media-list article{background:#102a46;border:1px solid #294d6b;border-radius:6px;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px;display:grid}.media-thumb{width:54px;height:42px;color:var(--cyan);background:#030a12;border-radius:4px;place-items:center;display:grid;overflow:hidden}.media-thumb img{object-fit:cover;width:100%;height:100%}.playlist-media-list strong,.playlist-sequence strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.playlist-media-list small,.playlist-sequence small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:10px;display:block;overflow:hidden}.playlist-sequence article{background:#102b49;border:1px solid #315775;border-radius:6px;grid-template-columns:28px minmax(120px,1fr) 118px auto;align-items:center;gap:9px;padding:10px;display:grid}.playlist-sequence article>b{width:27px;height:27px;color:var(--cyan);border:1px solid #2877a8;border-radius:50%;place-items:center;display:grid}.playlist-sequence label{grid-template-columns:1fr 24px;align-items:center;display:grid}.playlist-sequence label span{color:var(--muted);text-transform:uppercase;grid-column:1/-1;font-size:9px}.playlist-sequence label input{box-sizing:border-box;width:100%;min-width:0}.playlist-sequence label em{color:var(--muted);text-align:right;font-size:10px;font-style:normal}.sequence-actions{gap:4px;display:flex}.sequence-actions button{padding:7px 8px}.playlist-empty-state{min-height:220px;color:var(--muted);text-align:center;border:1px dashed #345b78;border-radius:7px;place-items:center;padding:20px;display:grid}.playlist-empty-state>span{color:#315f81;font-size:40px}.playlist-empty-state p{max-width:330px}.playlist-savebar{z-index:4;background:#071a2cf2;border:1px solid #315b7b;border-radius:7px;justify-content:flex-end;align-items:center;gap:9px;margin-top:14px;padding:12px;display:flex;position:sticky;bottom:10px;box-shadow:0 10px 30px #0007}.playlist-savebar p{color:#fbbf24;flex:1;margin:0}.playlist-savebar .success-message{color:#4ade80}button:disabled{cursor:not-allowed;opacity:.42}@media (width<=920px){.playlist-columns{grid-template-columns:1fr}.playlist-toolbar{grid-template-columns:1fr 1fr}.playlist-health{grid-column:1/-1}}@media (width<=650px){.playlist-toolbar{grid-template-columns:1fr}.playlist-health{grid-column:auto}.playlist-sequence article{grid-template-columns:28px 1fr}.playlist-sequence label,.sequence-actions{grid-column:2}.playlist-savebar{flex-wrap:wrap}.playlist-savebar p{flex-basis:100%}}.media-workspace{grid-template-columns:245px minmax(0,1fr);gap:14px;display:grid}.media-folders{align-self:start;padding:12px}.media-folders .panel-heading{margin-bottom:7px;padding:5px}.media-folders .panel-heading button{padding:5px 10px}.media-folders>button,.folder-row>button:first-child{color:#adc3d8;text-align:left;background:0 0;border-color:#0000;grid-template-columns:22px 1fr auto;align-items:center;gap:7px;width:100%;padding:10px;display:grid}.media-folders button.active{color:#fff;background:#10385d;border-color:#268bea}.media-folders button b{color:var(--muted);font-size:11px}.folder-row{grid-template-columns:1fr auto auto;align-items:center;display:grid}.folder-menu{color:#7fa0bd;background:0 0;border:0;padding:6px}.folder-row>button:first-child{grid-column:1}.media-main{min-width:0}.media-ingest{grid-template-columns:1fr 1fr;gap:10px;display:grid}.media-ingest>div{background:#0b223a;border:1px solid #294d6d;border-radius:7px;flex-wrap:wrap;gap:7px;padding:12px;display:flex}.media-ingest h3{flex-basis:100%;margin:0 0 4px;font-size:13px}.media-ingest input{flex:1;min-width:140px}.media-card-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px;margin-top:12px;display:grid}.media-card-grid article{background:#0d2742;border:1px solid #2b506f;border-radius:7px;gap:7px;min-width:0;padding:10px;display:grid}.media-card-preview{aspect-ratio:16/9;color:var(--cyan);background:#030911;border-radius:5px;place-items:center;font-size:38px;display:grid;overflow:hidden}.media-card-preview img{object-fit:cover;width:100%;height:100%}.media-card-grid article>strong,.media-card-grid article>small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.media-card-grid article>small{color:var(--muted)}.media-card-grid .playlist-empty-state{grid-column:1/-1}@media (width<=850px){.media-workspace{grid-template-columns:1fr}.media-folders{flex-wrap:wrap;gap:4px;display:flex}.media-folders .panel-heading{flex-basis:100%}.media-folders>button,.folder-row{flex:180px}.media-ingest{grid-template-columns:1fr}}.media-selection-actions{gap:7px;display:flex}.media-card-grid article{position:relative}.media-card-grid article.selected{border-color:#29a8ff;box-shadow:0 0 0 1px #29a8ff,0 0 22px #008cff33}.media-select{color:var(--muted);align-items:center;gap:5px;font-size:11px;display:flex}.media-select input{width:16px;min-height:16px}.confirm-backdrop{z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#02060bd9;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.confirm-dialog{background:#0b1929;border:1px solid #944354;border-radius:10px;width:min(100%,520px);padding:25px;box-shadow:0 25px 80px #000b}.confirm-dialog .danger-icon{color:#fff;background:#b5283d;border-radius:50%;place-items:center;width:42px;height:42px;font-size:24px;font-weight:800;display:grid}.confirm-dialog h2{margin:14px 0 8px}.confirm-dialog p{color:#b8cadb;line-height:1.55}.confirm-dialog label{color:#dbe9f6;gap:7px;margin-top:18px;display:grid}.confirm-dialog label input{width:100%}.confirm-dialog>div:last-child{justify-content:flex-end;gap:8px;margin-top:18px;display:flex}.operations-layout{grid-template-columns:minmax(0,1.45fr) minmax(310px,.55fr);gap:14px;margin-top:14px;display:grid}.playout-compare{background:#0a2037;border:1px solid #294f70;border-radius:8px;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:14px;display:grid}.playout-compare>div{gap:4px;min-width:0;display:grid}.playout-compare>div:last-child{text-align:right}.playout-compare small{color:#6f92b2;letter-spacing:.08em;font-size:9px}.playout-compare strong,.playout-compare span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.playout-compare span{color:var(--muted);font-size:11px}.playout-compare>b{border:1px solid;border-radius:20px;padding:7px 9px;font-size:10px}.playout-compare>b.verified{color:#4ade80;background:#09291b;border-color:#237a49}.playout-compare>b.pending{color:#fbbf24;background:#30250b;border-color:#735d1f}.playout-timeline{gap:4px;min-height:82px;margin-top:13px;display:flex}.playout-timeline>button{text-align:left;background:#102b49;border-color:#315775;align-content:center;min-width:70px;padding:9px;display:grid;position:relative;overflow:hidden}.playout-timeline>button.current{border-color:var(--cyan);box-shadow:inset 0 0 0 1px var(--cyan)}.playout-timeline button strong{color:var(--cyan)}.playout-timeline button span{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.playout-timeline button small{color:var(--muted)}.playout-timeline button i{background:var(--green);height:3px;position:absolute;bottom:0;left:0}.audit-list{max-height:440px;display:grid;overflow-y:auto}.audit-list>div{border-bottom:1px solid #29465e;grid-template-columns:1fr auto;gap:3px 8px;padding:10px 0;display:grid}.audit-list span{color:#ddecfa;font-size:12px}.audit-list strong{color:var(--cyan);font-size:10px}.audit-list time{color:var(--muted);grid-column:1/-1;font-size:10px}.flipdish-fields{background:#081d32;border:1px solid #315775;border-radius:7px;flex:100%;grid-template-columns:repeat(2,minmax(180px,1fr));gap:8px;padding:12px;display:grid}.flipdish-fields small{color:var(--muted);grid-column:1/-1}.flipdish-sync{background:#09263e;border:1px solid #2175a8;border-radius:7px;align-items:center;margin:12px 0;padding:12px}.flipdish-sync h3{flex-basis:100%}.flipdish-sync small{color:var(--muted)}@media (width<=1050px){.operations-layout{grid-template-columns:1fr}}@media (width<=760px){.playout-compare,.flipdish-fields{grid-template-columns:1fr}.playout-compare>div:last-child{text-align:left}.playout-timeline{overflow-x:auto}.playout-timeline>button{flex:0 0 130px}.flipdish-fields small{grid-column:auto}}