:root{--bg: #0f172a;--panel: #1e293b;--panel-2: #243044;--sidebar: #111827;--border: rgba(148, 163, 184, .2);--text: #f1f5f9;--muted: #94a3b8;--accent: #2563eb;--accent-hover: #3b82f6;--accent-ink: #ffffff;--cta: #f97316;--link: #60a5fa;--danger: #ef4444;--ok: #22c55e;--warn: #eab308;--radius: 10px;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:14px/1.45 Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}h1{font-size:22px;margin:0;font-weight:650}h2{font-size:15px;margin:22px 0 10px;font-weight:600;letter-spacing:.01em}section+section{margin-top:28px}.muted{color:var(--muted)}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;text-transform:uppercase}.right{text-align:right}.grow{flex:1;min-width:0}.shell{display:flex;min-height:100%}.sidebar{width:210px;flex-shrink:0;padding:20px 14px;border-right:1px solid var(--border);display:flex;flex-direction:column;gap:22px;background:var(--sidebar);position:sticky;top:0;height:100vh}.sidebar nav{display:flex;flex-direction:column;gap:4px}.sidebar nav a{padding:8px 10px;border-radius:8px;color:var(--text)}.sidebar nav a:hover{background:var(--panel-2);text-decoration:none}.sidebar nav a.active{background:var(--panel-2);color:var(--accent);font-weight:600}.sidebar-footer{margin-top:auto;display:flex;flex-direction:column;align-items:flex-start;gap:6px}.sidebar-footer a{color:var(--muted)}.sidebar-footer .tag{margin-left:4px}.brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:17px;letter-spacing:-.01em;padding:0 6px;color:var(--text)}.brand.large{font-size:24px;justify-content:center;margin-bottom:8px}.brand-shield{height:1.7em;width:auto;flex-shrink:0}.brand.large .brand-shield{height:2.2em}.brand-name span{color:var(--muted);font-weight:600}.content{flex:1;padding:28px 36px 60px;max-width:1240px}.centered{min-height:100%;display:flex;align-items:center;justify-content:center;padding:40px}.page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:18px}.page-header p{margin:4px 0 0}.actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.title-input{font-size:22px;font-weight:650;background:transparent;border:1px solid transparent;padding:2px 6px;margin-left:-7px;min-width:320px}.title-input:hover,.title-input:focus{border-color:var(--border);background:var(--panel)}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:18px 20px}.card h2:first-child{margin-top:0}.login{width:360px;display:flex;flex-direction:column;gap:14px}.two-col{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,1fr);gap:20px;align-items:start}.table{width:100%;border-collapse:collapse;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.table th,.table td{text-align:left;padding:10px 14px;border-bottom:1px solid var(--border);vertical-align:middle}.table th{font-weight:600;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.05em}.table tr:last-child td{border-bottom:0}.empty{padding:28px;text-align:center;color:var(--muted);border:1px dashed var(--border);border-radius:var(--radius)}.banner{padding:10px 14px;border-radius:8px;margin-bottom:14px}.banner.ok{background:#34d3991f;color:var(--ok);border:1px solid rgba(52,211,153,.35)}.banner.error{background:#f871711f;color:var(--danger);border:1px solid rgba(248,113,113,.35)}.tag.live{color:var(--ok);border:1px solid rgba(52,211,153,.4);background:#34d3991a}.tag{display:inline-block;margin-left:8px;padding:1px 8px;border-radius:999px;background:var(--panel-2);color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.05em}.dot{width:10px;height:10px;border-radius:50%;display:inline-block;background:var(--muted);vertical-align:middle;margin-right:6px}.dot.on{background:var(--ok);box-shadow:0 0 0 3px #34d39933}.field{display:flex;flex-direction:column;gap:5px;margin-bottom:12px}.field-label{font-size:12px;color:var(--muted);font-weight:600}.field-hint{font-size:12px;color:var(--muted)}input,select,textarea{background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:8px 10px;font:inherit}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent)}input.narrow{width:76px}input[type=color]{padding:2px;width:40px;height:30px}input[type=time]{width:112px}.row{display:flex;gap:14px;align-items:flex-end;flex-wrap:wrap}.row.compact{gap:6px;align-items:center}.row .field{margin-bottom:0}form.inline{display:flex;gap:8px}.color{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}button,.button{background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:8px 14px;font:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:6px}button:hover,.button:hover{border-color:var(--accent);text-decoration:none}button:disabled{opacity:.5;cursor:default;border-color:var(--border)}button.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);font-weight:600}button.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}button.danger{color:var(--danger)}button.link{background:none;border:none;padding:0;color:var(--accent)}button.link.danger{color:var(--danger)}button.icon{padding:4px 8px}.waiting{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:14px}.code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:16px;letter-spacing:.15em;display:flex;flex-direction:column;align-items:flex-start;gap:2px}.code small{font:11px inherit;font-family:inherit;letter-spacing:0;color:var(--muted)}.code.selected{border-color:var(--accent)}.schedule-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:8px 0;border-bottom:1px solid var(--border)}.schedule-row select{min-width:150px}.days{display:flex;gap:2px}.day{width:26px;height:26px;padding:0;justify-content:center;font-size:11px;border-radius:6px}.day.on{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.preview-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.preview-list li{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:8px}.preview-list li.current{background:var(--panel-2);outline:1px solid var(--accent)}.preview-list img,.swatch{width:48px;height:27px;object-fit:cover;border-radius:4px;flex-shrink:0}.swatch{display:inline-flex;align-items:center;justify-content:center;font-size:12px}.swatch.video{background:#1e293b;color:var(--accent)}.swatch.web{background:#1e293b;font-size:16px}.swatch.text{font-weight:700}.item-list{list-style:none;padding:0;margin:12px 0 0;display:flex;flex-direction:column;gap:8px}.item{display:flex;gap:14px;align-items:flex-start;padding:10px;background:var(--bg);border:1px solid var(--border);border-radius:8px}.item .thumb img,.item .thumb .swatch{width:96px;height:54px}.item .grow input{width:100%;margin-bottom:6px}.item-side{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.duration{display:flex;align-items:center;gap:4px}.tabs{display:flex;gap:6px;margin-bottom:14px}.tabs button.active{border-color:var(--accent);color:var(--accent)}.slide-preview{aspect-ratio:16/9;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:16px;text-align:center;margin:12px 0}.slide-preview strong{font-size:20px}.dropzone{border:1px dashed var(--border);border-radius:var(--radius);padding:18px;text-align:center;color:var(--muted);margin-bottom:18px}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}.media-grid.small{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}.media-tile{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:0;overflow:hidden;display:flex;flex-direction:column;text-align:left}.media-tile img,.media-tile video,.media-tile>.swatch{width:100%;aspect-ratio:16/9;height:auto;object-fit:cover;border-radius:0;background:#000}.media-tile .caption{padding:8px 10px;display:flex;flex-direction:column;gap:2px;font-size:12px;overflow:hidden}.media-tile .caption span:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-tile.static{cursor:default}.media-tile.static>button{margin:0 10px 10px;align-self:flex-start}@media(max-width:900px){.two-col{grid-template-columns:1fr}.sidebar{width:160px}.content{padding:20px}}.filters{margin-bottom:18px}.quick{display:flex;gap:6px;align-self:flex-end}.stats{display:flex;gap:14px;margin-bottom:18px}.stat{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:14px 20px;min-width:150px;display:flex;flex-direction:column;gap:2px}.stat-value{font-size:24px;font-weight:650}.zone-preview,.canvas{position:relative;aspect-ratio:16/9;background:#000;border:1px solid var(--border);border-radius:8px;overflow:hidden;margin:10px 0 14px}.zone-box{position:absolute;box-sizing:border-box;border:1px solid rgba(56,189,248,.6);background:#38bdf81f;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;overflow:hidden;font-size:12px;text-align:center;padding:4px}.zone-box small{color:var(--muted);font-size:11px}.canvas{-webkit-user-select:none;user-select:none}.canvas .zone-box{cursor:move}.canvas .zone-box.selected{border:2px solid var(--accent);background:#38bdf838;z-index:2}.canvas .zone-box .handle{position:absolute;right:0;bottom:0;width:14px;height:14px;cursor:nwse-resize;background:var(--accent);clip-path:polygon(100% 0,100% 100%,0 100%)}.zone-row{display:grid;grid-template-columns:1fr 64px 64px 64px 64px 96px 1fr 32px;gap:6px;align-items:center;padding:6px 0;border-bottom:1px solid var(--border)}.zone-row.selected{background:var(--panel-2);border-radius:6px;padding:6px}.zone-row input[type=number]{width:100%;padding:6px}.zone-head{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.templates{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px}.template{width:128px;padding:6px;display:flex;flex-direction:column;gap:6px;align-items:stretch}.template .mini{position:relative;aspect-ratio:16/9;background:#000;border-radius:4px;overflow:hidden}.template .mini div{position:absolute;background:#38bdf859;border:1px solid rgba(56,189,248,.7);box-sizing:border-box}.template.selected{border-color:var(--accent)}.thumb-shot{width:64px;height:36px;object-fit:cover;border-radius:4px;background:#000;display:block}.thumb-shot.empty{background:var(--panel-2)}.capture{width:100%;aspect-ratio:16/9;object-fit:contain;background:#000;border-radius:8px;display:block}.capture.empty{display:flex;align-items:center;justify-content:center;color:var(--muted)}.shot-strip{display:flex;gap:6px;overflow-x:auto;margin-top:10px;padding-bottom:4px}.shot-strip img{width:80px;height:45px;object-fit:cover;border-radius:4px;cursor:pointer;border:2px solid transparent;flex-shrink:0}.shot-strip img.selected{border-color:var(--accent)}.member-list{display:flex;flex-direction:column;gap:4px}.member{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:6px;cursor:pointer}.member:hover{background:var(--panel-2)}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border:1px solid var(--border);border-radius:999px;cursor:pointer;font-size:13px}.chip.on{border-color:var(--accent);color:var(--accent);background:#38bdf81a}.chip input{margin:0}.inherited{min-width:150px}.sidebar nav a.emergency{color:var(--danger)}.sidebar nav a.emergency.active{background:#f8717126}.banner.override{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#f8717124;border:1px solid rgba(248,113,113,.5);color:var(--text)}.tag.override{color:var(--danger);border:1px solid rgba(248,113,113,.5);background:#f871711a}button.activate{background:var(--danger);border-color:var(--danger);color:#fff;font-weight:700;padding:12px 22px;font-size:15px}.scope-options{display:flex;gap:14px;flex-wrap:wrap}.scope-options label{display:flex;align-items:center;gap:6px}.override-preview{aspect-ratio:16/9;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px;text-align:center}.override-preview strong{font-size:26px}.login.pair{width:min(420px,100%)}.login.pair .button{text-align:center;justify-content:center}@media(max-width:480px){.centered{padding:16px;align-items:flex-start}.login{width:100%}}.tag.update{color:#fbbf24;border:1px solid rgba(251,191,36,.5);background:#fbbf241a}.mono-small{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;color:var(--muted)}.badge{display:inline-block;min-width:18px;padding:0 6px;margin-left:8px;border-radius:999px;background:var(--danger);color:#fff;font-size:11px;font-weight:700;text-align:center;line-height:18px}.tag.offline{color:var(--danger);border:1px solid rgba(248,113,113,.5);background:#f871711a}.channel{display:inline-flex;align-items:center;gap:6px;margin-right:14px}.filter-bar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px}.search{min-width:280px}.tag-row{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.mini-tag{background:none;border:1px solid var(--border);border-radius:999px;padding:0 8px;font-size:11px;color:var(--muted);line-height:18px}.mini-tag.on,.mini-tag:hover{color:var(--accent);border-color:var(--accent)}.chip-x{background:none;border:none;padding:0 0 0 4px;color:inherit;font-size:11px;cursor:pointer}.tag-input{width:110px;padding:4px 10px;border-radius:999px;font-size:13px}.geo-hits{display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin-top:6px}.item-window{margin-top:6px;font-size:12px}.item-window input[type=datetime-local],.item-window input[type=time]{padding:4px 6px;font-size:12px;margin-left:4px}.item-window .row+.row{margin-top:4px}.item-window .days{display:inline-flex;gap:2px}.item-window .day{padding:2px 7px;font-size:11px;border:1px solid var(--border);background:var(--panel-2);color:var(--muted);border-radius:4px;cursor:pointer}.item-window .day.on{background:var(--accent);border-color:var(--accent);color:#fff}.media-cache{margin:-.25rem 0 1rem}.media-cache.warn{color:var(--warn)}.approval-switch{margin:-.25rem 0 1rem}.pending-card{margin-bottom:1rem}.pending-card ul.plain{list-style:none;padding:0;margin:0}.pending-card li{padding:6px 0;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.inline-actions{display:inline-flex;gap:6px;margin-left:auto}.banner.approval{background:#eab3081f;border:1px solid var(--warn);color:#fde68a}.banner.approval.rejected{background:#ef44441f;border-color:var(--danger);color:#fecaca}.filters{margin-bottom:1rem}.filters input,.filters select{padding:6px 8px}ul.activity{list-style:none;padding:0;margin:0;font-size:13px}ul.activity li{padding:4px 0;border-bottom:1px solid #f1f5f9}ul.activity li:last-child{border-bottom:0}.stats.wrap{flex-wrap:wrap}.stat.warn{border-color:var(--warn)}.stat.bad{border-color:var(--danger)}.bad-text{color:var(--danger);font-weight:600}.bar{display:inline-block;width:70px;height:8px;background:var(--panel-2);border-radius:4px;overflow:hidden;vertical-align:middle}.bar>span{display:block;height:100%;background:var(--accent)}.bar.warn>span{background:var(--danger)}.table-wrap{overflow-x:auto}.table.health td{white-space:nowrap}.offline-row td{opacity:.75}.brand-thumb{height:28px;max-width:90px;object-fit:contain;background:var(--bg);border-radius:4px;padding:2px 4px}.brand-preview{position:relative;aspect-ratio:16 / 9;background:var(--bg);border:1px solid var(--border);border-radius:8px;margin:10px 0 14px;color:var(--muted);display:flex;align-items:center;justify-content:center}.item-window select{font-size:12px;padding:3px 6px;margin-left:4px}tr.selected td{background:var(--panel-2)}