: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}