:root{--bg:#06131b;--panel:#0b202b;--panel2:#0e2936;--line:#1b4353;--text:#f2fbfc;--muted:#8fb1bd;--cyan:#19d7c5;--gold:#f5c744;--red:#ff6b79;--green:#52d59b}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% 0,#103343 0,transparent 32%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif}.app{min-height:100vh;display:grid;grid-template-columns:245px 1fr}aside{background:#071923;border-right:1px solid var(--line);padding:24px 18px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;gap:12px;align-items:center;margin-bottom:30px}.brand .mark{width:44px;height:44px;border-radius:13px;background:linear-gradient(135deg,var(--cyan),var(--gold));display:grid;place-items:center;font-weight:900;color:#06202a}.brand b{display:block;font-size:20px}.brand span{display:block;color:var(--muted);font-size:12px}nav{display:grid;gap:7px}nav a,.sidefoot a{color:#bdd1d8;text-decoration:none;padding:11px 12px;border-radius:10px}nav a:hover,nav a.active{background:#103140;color:#fff}.sidefoot{margin-top:auto;border-top:1px solid var(--line);padding-top:16px;display:flex;justify-content:space-between;align-items:center;color:var(--muted)}main{padding:28px;max-width:1500px;width:100%}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}header h1{margin:0;font-size:29px}header p{margin:6px 0 0;color:var(--muted)}.btn,button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border:1px solid var(--line);background:#12303d;color:#fff;padding:11px 14px;border-radius:11px;cursor:pointer;font-weight:700}.btn.primary,button.primary{border:0;color:#062029;background:linear-gradient(135deg,var(--cyan),var(--gold))}.btn.danger{border-color:#6d2e38;color:#ffbac1}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.card{background:linear-gradient(180deg,#0d2733,#091d27);border:1px solid var(--line);border-radius:17px;padding:18px;box-shadow:0 14px 35px #0002}.metric b{font-size:31px;display:block}.metric span{color:var(--muted)}.grid2{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;margin-top:18px}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;border-bottom:1px solid #173a49;padding:12px 9px;vertical-align:top}th{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.badge{display:inline-block;padding:5px 8px;border-radius:999px;background:#153746;font-size:12px}.badge.published{background:#164636;color:#b9f6db}.badge.failed{background:#572732;color:#ffd0d4}.badge.scheduled{background:#554714;color:#ffed9c}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.full{grid-column:1/-1}label{display:block;font-size:12px;font-weight:700;color:#aac3cc;margin:0 0 6px}input,textarea,select{width:100%;border:1px solid #285061;border-radius:11px;background:#071b25;color:#fff;padding:12px;font:inherit}textarea{min-height:130px;resize:vertical}.actions{display:flex;gap:9px;flex-wrap:wrap}.flash{padding:12px 14px;border-radius:11px;margin-bottom:16px;background:#143846}.flash.success{background:#164737}.flash.error{background:#5b2630}.thumb{width:80px;height:80px;object-fit:cover;border-radius:10px;border:1px solid var(--line)}.preview{width:min(100%,420px);border-radius:18px;border:1px solid var(--line);display:block}.muted{color:var(--muted)}.health{display:grid;gap:10px}.health div{display:flex;justify-content:space-between;padding:11px;border:1px solid #1c4050;border-radius:10px}.ok{color:var(--green)}.bad{color:var(--red)}.calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:9px}.day{min-height:135px;border:1px solid var(--line);border-radius:13px;padding:9px;background:#0a202a}.day .n{color:var(--muted);font-size:12px}.event{display:block;margin-top:7px;padding:7px;border-radius:8px;background:#123845;color:#fff;text-decoration:none;font-size:12px}.split{display:grid;grid-template-columns:1fr 1fr;gap:18px}.code{background:#05151d;border:1px solid var(--line);padding:12px;border-radius:10px;font-family:ui-monospace,monospace;font-size:12px;overflow:auto}@media(max-width:1000px){.app{grid-template-columns:1fr}aside{height:auto;position:static;border-right:0;border-bottom:1px solid var(--line)}nav{grid-template-columns:repeat(5,1fr)}.sidefoot{display:none}.cards{grid-template-columns:repeat(2,1fr)}.grid2,.split{grid-template-columns:1fr}}@media(max-width:650px){main{padding:16px}header{align-items:flex-start;gap:12px;flex-direction:column}.cards,.formgrid{grid-template-columns:1fr}.full{grid-column:auto}nav{grid-template-columns:1fr 1fr}.calendar{grid-template-columns:1fr}.day{min-height:auto}}
.video-progress-card{margin:0 0 16px;padding:15px;border:1px solid #24566a;border-radius:14px;background:linear-gradient(180deg,#103544,#0b2935);box-shadow:inset 0 1px 0 #ffffff0a}.video-progress-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.video-progress-head>div{display:grid;gap:3px}.video-progress-head b{font-size:14px}.video-progress-head span{font-size:12px;color:var(--muted)}.video-progress-head strong{font-size:24px;color:#dffcf5;min-width:58px;text-align:right}.video-progress-track{height:11px;margin-top:13px;border-radius:999px;background:#061a23;border:1px solid #1c485a;overflow:hidden}.video-progress-bar{height:100%;min-width:2px;border-radius:inherit;background:linear-gradient(90deg,var(--cyan),#8dde82,var(--gold));box-shadow:0 0 18px #19d7c555;transition:width .8s ease}.video-progress-foot{display:flex;justify-content:space-between;gap:10px;margin-top:9px;color:var(--muted);font-size:11px}.video-progress-card.is-error{border-color:#8c3f4b;background:#351a21}.video-progress-card.is-error .video-progress-bar{background:var(--red)}
.queue-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-bottom:18px}.queue-grid{align-items:start}.section-title{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:14px}.section-title h2{font-size:18px;margin:0 0 5px}.section-title p{margin:0;max-width:700px;font-size:13px}.queue-list{display:grid;gap:10px}.queue-item{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px;border:1px solid #1d4657;background:#09222d;border-radius:13px}.queue-rank{width:42px;height:42px;border-radius:12px;background:#123947;display:grid;place-items:center;font-weight:900;color:#d9f8f3}.queue-rank.pulse{background:linear-gradient(135deg,#177f79,#987f20);animation:qPulse 1.8s ease-in-out infinite}.queue-main{min-width:0;display:grid;gap:3px}.queue-main b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.queue-main span,.queue-main small{color:var(--muted);font-size:12px}.queue-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}.queue-actions form{display:flex;gap:5px;margin:0}.queue-actions button{padding:8px 10px}.queue-actions button:disabled{opacity:.3;cursor:not-allowed}.danger-btn{border-color:#6d2e38!important;color:#ffbac1!important;background:#2b1720!important}.empty-state{border:1px dashed #31596a;border-radius:13px;padding:28px;text-align:center;color:var(--muted)}.mini-progress{height:8px;background:#061820;border:1px solid #1a4555;border-radius:999px;overflow:hidden;margin-top:6px;max-width:520px}.mini-progress i{display:block;height:100%;background:linear-gradient(90deg,var(--cyan),var(--gold));transition:width .7s ease}.progress-label{margin-top:2px}@keyframes qPulse{0%,100%{box-shadow:0 0 0 0 #19d7c522}50%{box-shadow:0 0 0 8px #19d7c500}}@media(max-width:850px){.queue-summary{grid-template-columns:1fr}.queue-item{grid-template-columns:42px 1fr}.queue-actions{grid-column:1/-1;justify-content:flex-start}.queue-grid{grid-template-columns:1fr}}
