:root{--blue:#4b20f4;--navy:#07133f;--green:#08a67c;--orange:#ff8500;--purple:#a20be2;--pink:#f20b86}
.sidebar{background:linear-gradient(180deg,#07133f 0%,#102491 55%,#4b20f4 100%)}
.sidebar nav a.active{background:linear-gradient(90deg,rgba(86,34,255,.78),rgba(237,15,151,.38));box-shadow:inset 3px 0 #ff8500}
.btn.primary{background:linear-gradient(100deg,#1748ff,#7920ef 55%,#ec0c9c);border:0;box-shadow:0 8px 20px rgba(93,31,238,.2)}
.brand-logo{height:92px!important;margin:0 0 26px!important;display:block!important;overflow:hidden;border-radius:12px;background:#fff}
.brand-logo img{width:100%;height:100%;object-fit:cover;object-position:center 52%}
.login-logo{display:block;width:270px;max-width:100%;height:150px;object-fit:cover;object-position:center 54%;margin:-24px auto -12px}
.login-page{background:radial-gradient(circle at 10% 5%,rgba(42,68,255,.18),transparent 30%),radial-gradient(circle at 90% 90%,rgba(255,83,15,.16),transparent 30%),#f7f8ff}
.login-card{border-top:4px solid transparent;border-image:linear-gradient(90deg,#1748ff,#e80b9c,#ff8500) 1}
.page-title span,.eyebrow{color:#6b20ed}.metrics article{position:relative;overflow:hidden}.metrics article:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,#1748ff,#c40cba,#ff8500)}
.metrics i,.play{background:linear-gradient(135deg,#1748ff,#7a20ef)}
.media-preview.real{position:relative;overflow:hidden;background:#07133f}.media-preview.real img,.media-preview.real video{width:100%;height:100%;object-fit:cover;display:block}.video-badge{position:absolute;left:9px;bottom:9px;background:#07133fdd;color:#fff;border-radius:6px;padding:5px 8px;font-size:11px}
.upload-preview{height:180px;border-radius:10px;overflow:hidden;background:#07133f;margin:12px 0}.upload-preview img,.upload-preview video{width:100%;height:100%;object-fit:contain}.upload-progress{margin:16px 0}.upload-progress>div{height:10px;background:#e9e9f5;border-radius:10px;overflow:hidden}.upload-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,#1748ff,#e80b9c,#ff8500);transition:width .15s}.upload-progress b{display:block;text-align:right;margin-top:6px}.upload-progress small{display:block;color:var(--muted)}
@media(max-width:900px){.brand-logo{height:55px!important;margin-bottom:24px!important}.brand-logo img{object-position:center 48%}}
.autosave-status{font-size:12px;color:#08a67c;font-weight:700;margin-left:auto}
.tv-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.tv-detail-grid .panel{margin:0}.device-info{margin:0}.device-info>div{display:flex;justify-content:space-between;gap:15px;padding:13px 0;border-bottom:1px solid var(--line)}.device-info dt{color:var(--muted)}.device-info dd{margin:0;font-weight:700;text-align:right}.command-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.command{width:100%;border:0;border-radius:12px;padding:20px;color:white;display:grid;grid-template-columns:auto 1fr;gap:2px 12px;text-align:left;cursor:pointer;font-size:25px}.command b{font-size:14px}.command small{grid-column:2;opacity:.8}.command.purple{background:linear-gradient(135deg,#6521ed,#b30fc0)}.command.blue{background:linear-gradient(135deg,#1748ff,#087ac2)}.command.green{background:linear-gradient(135deg,#08a67c,#10c6a0)}.danger-zone>div{display:flex;justify-content:space-between;align-items:center;gap:20px}.danger-zone p{color:var(--muted)}.btn.danger{background:#e84b5b;color:#fff;border-color:#e84b5b}.btn.replace{background:#8e54b5;color:#fff;border-color:#8e54b5}@media(max-width:850px){.tv-detail-grid,.command-grid{grid-template-columns:1fr}.danger-zone>div{display:block}}
.check-row{grid-template-columns:auto 1fr;align-items:center;border:1px solid var(--line);padding:12px;border-radius:9px}.check-row input{width:20px;height:20px}.check-row small,.check-row b{display:block}.check-row small{color:var(--muted);margin-top:3px}
.media-card-link{color:inherit;text-decoration:none;transition:transform .18s,box-shadow .18s}.media-card-link:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(33,26,91,.14)}
.media-detail-grid{display:grid;grid-template-columns:minmax(320px,1fr) minmax(320px,1fr);gap:20px}.media-detail-grid .panel{margin-top:0}.media-large-preview{height:360px;border-radius:14px;overflow:hidden;background:#07133f}.media-large-preview img,.media-large-preview video{width:100%;height:100%;display:block;object-fit:contain}.usage-list{display:grid;gap:10px}.usage-list>div{display:grid;grid-template-columns:1fr auto;gap:4px 15px;padding:14px;border:1px solid var(--line);border-radius:10px}.usage-list span{color:var(--muted);font-size:13px}.usage-list a{grid-column:2;grid-row:1/3;align-self:center}.replace-media-form,.stats-filter{display:grid;grid-template-columns:repeat(3,1fr) auto;gap:14px;align-items:end}.stat-total{font-size:32px;color:#6521ed}.stats-columns{display:grid;grid-template-columns:1fr 1.4fr;gap:22px;margin-top:22px}.stats-columns h4{margin:0 0 10px}.stats-scroll{max-height:360px;overflow:auto}
@media(max-width:950px){.media-detail-grid,.stats-columns{grid-template-columns:1fr}.replace-media-form,.stats-filter{grid-template-columns:1fr 1fr}.media-large-preview{height:280px}}@media(max-width:600px){.replace-media-form,.stats-filter{grid-template-columns:1fr}}
.screenshot-box{width:min(1000px,92vw)!important}.screenshot-state{min-height:360px;display:grid;place-items:center;background:#07133f;border-radius:12px;overflow:hidden}.screenshot-state img{display:block;width:100%;max-height:70vh;object-fit:contain}.shot-loading{display:grid;justify-items:center;gap:10px;color:#fff;text-align:center}.shot-loading small{color:#cbd3ff}.shot-spinner{width:42px;height:42px;border:4px solid #ffffff40;border-top-color:#fff;border-radius:50%;animation:shotspin .8s linear infinite}.screenshot-actions{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:14px}@keyframes shotspin{to{transform:rotate(360deg)}}
.report-table{max-height:430px;overflow-y:auto;overflow-x:auto;border:1px solid var(--line);border-radius:10px}.report-table table{margin:0}.report-table thead th{position:sticky;top:0;z-index:2;background:#fff;box-shadow:0 1px 0 var(--line)}
.screenshot-state img[hidden],.screenshot-state .shot-loading[hidden]{display:none!important}
.screenshot-debug{max-height:150px;overflow:auto;margin:12px 0 0;padding:12px;border-radius:8px;background:#10182f;color:#cfe3ff;font:12px/1.5 monospace;white-space:pre-wrap}
.split-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.zone-config{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:16px 0}.zone-config fieldset{border:1px solid var(--line);border-radius:12px;padding:16px}.zone-config legend{font-weight:800;color:#6521ed;padding:0 8px}@media(max-width:750px){.split-fields,.zone-config{grid-template-columns:1fr}}