:root{--bg:#f6f7f9;--surface:#ffffff;--surface-muted:#eef2f6;--border:#d9e0e8;--text:#17202a;--muted:#607080;--accent:#0f766e;--accent-strong:#115e59;--signal:#2563eb;--warning:#b45309;--success:#15803d;--shadow:0 12px 30px rgba(22,32,42,0.08)}*{box-sizing:border-box}body,html{min-height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}input,select{background:#ffffff;border:1px solid var(--border);border-radius:8px;color:var(--text);font:inherit;min-height:38px;padding:0 10px}input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(15,118,110,.14);outline:0}.app-header{align-items:center;background:var(--surface);border-bottom:1px solid var(--border);display:flex;gap:28px;height:64px;justify-content:space-between;padding:0 clamp(18px,4vw,40px);position:-webkit-sticky;position:sticky;top:0;z-index:20}.back-link,.brand,.icon-button,.nav-link,.text-action,.wide-action{align-items:center;display:inline-flex;gap:8px}.custom-icon{display:block;flex:0 0 auto;object-fit:contain}.wide-action.primary .custom-icon{background:rgba(255,255,255,.92);border-radius:6px;padding:2px}.brand{color:var(--text);font-weight:760}nav{align-items:center;display:flex;gap:8px}.nav-link{border-radius:8px;color:var(--muted);font-size:14px;font-weight:650;padding:9px 12px}.nav-link.active{background:var(--surface-muted);color:var(--text)}.header-actions{align-items:center;display:flex;gap:8px}.admin-chip{color:var(--muted);font-size:13px;font-weight:650}.logout-button{border:0;cursor:pointer}.app-main{margin:0 auto;max-width:1180px;padding:32px clamp(18px,4vw,40px) 56px}.auth-shell{display:grid;min-height:calc(100vh - 152px);place-items:center}.login-panel{background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow);display:grid;grid-gap:14px;gap:14px;max-width:420px;padding:28px;width:min(100%,420px)}.auth-icon{align-items:center;background:var(--surface-muted);border-radius:8px;color:var(--accent);display:flex;height:48px;justify-content:center;width:48px}.auth-copy{color:var(--muted);line-height:1.5;margin-bottom:4px}.field-label,.login-form{display:grid;grid-gap:10px;gap:10px}.login-form{gap:14px}.field-label span{color:var(--muted);font-size:12px;font-weight:760;text-transform:uppercase}.field-label input{background:#ffffff;border:1px solid var(--border);border-radius:8px;color:var(--text);font:inherit;min-height:42px;padding:0 12px}.field-label input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(15,118,110,.14);outline:0}.status-error{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#b91c1c;font-size:13px;line-height:1.4;padding:10px 12px}.page-stack{display:grid;grid-gap:22px;gap:22px}.page-heading{align-items:flex-end;display:flex;justify-content:space-between;gap:18px}.eyebrow{color:var(--accent);font-size:12px;font-weight:760;margin:0 0 6px;text-transform:uppercase}h1,h2,p{margin-top:0}h1{font-size:34px;line-height:1.08;margin-bottom:0}h2{font-size:18px;line-height:1.25;margin-bottom:4px}.summary-strip{background:var(--surface);border:1px solid var(--border);border-radius:8px;display:grid;grid-template-columns:repeat(2,minmax(92px,1fr));overflow:hidden}.summary-strip div{display:grid;grid-gap:2px;gap:2px;padding:13px 16px}.summary-strip div+div{border-left:1px solid var(--border)}.summary-strip span{font-size:24px;font-weight:780}.summary-strip small{color:var(--muted);font-size:12px;font-weight:650}.action-panel,.info-panel,.table-panel,.workflow-panel{background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow)}.panel-header{align-items:center;border-bottom:1px solid var(--border);display:flex;gap:16px;justify-content:space-between;padding:18px}.panel-header p{color:var(--muted);font-size:14px;margin-bottom:0}.icon-button,.icon-only,.wide-action{background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--text);font-weight:700}.icon-button{min-height:38px;padding:0 12px}.icon-button:disabled,.icon-only:disabled,.wide-action:disabled{cursor:not-allowed;opacity:.55}.icon-button.danger{color:#b91c1c}.table-wrap{overflow-x:auto}table{border-collapse:collapse;min-width:880px;width:100%}td,th{border-bottom:1px solid var(--border);font-size:14px;padding:15px 18px;text-align:left;vertical-align:middle}th{color:var(--muted);font-size:12px;font-weight:760;text-transform:uppercase}tbody tr:last-child td{border-bottom:0}.primary-cell{display:grid;grid-gap:3px;gap:3px}.primary-cell span{color:var(--muted);font-size:12px}.status{align-items:center;border-radius:999px;display:inline-flex;font-size:13px;font-weight:720;gap:6px;min-height:30px;padding:0 10px;white-space:nowrap}.status.online{background:#e7f6ec;color:var(--success)}.status.pending{background:#fff4df;color:var(--warning)}.status.offline{background:#fee2e2;color:#b91c1c}.row-action{text-align:right}.text-action{color:var(--signal);font-weight:760;justify-content:flex-end}.back-link{color:var(--muted);font-size:14px;font-weight:720;width:-moz-fit-content;width:fit-content}.detail-grid{display:grid;grid-gap:18px;gap:18px;grid-template-columns:minmax(0,1fr) 320px}.detail-grid.compact-detail{grid-template-columns:1fr}.info-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0}.info-list div{border-bottom:1px solid var(--border);display:grid;grid-gap:4px;gap:4px;padding:18px}.info-list div:nth-last-child(-n+2){border-bottom:0}.info-list dt{color:var(--muted);font-size:12px;font-weight:760;text-transform:uppercase}.info-list dd{margin:0;overflow-wrap:anywhere}.action-panel{padding:18px}.action-list{display:grid;grid-gap:10px;gap:10px;margin-top:14px}.wide-action{justify-content:flex-start;min-height:44px;padding:0 14px}.wide-action.primary{background:var(--accent);border-color:var(--accent);color:#ffffff}.workflow-stack{display:grid;grid-gap:18px;gap:18px}.workflow-header{align-items:center}.upload-trigger{cursor:pointer;min-height:38px;padding:0 12px}.upload-trigger input{clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.library-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.select-all-control,.video-select-control{align-items:center;color:var(--muted);display:inline-flex;font-size:12px;font-weight:720;gap:8px}.select-all-control input,.video-select-control input{accent-color:var(--accent);height:16px;width:16px}.upload-status{border-bottom:1px solid var(--border);color:var(--muted);display:grid;font-size:13px;grid-gap:9px;gap:9px;padding:13px 18px}.upload-status.done{color:var(--success)}.upload-status.error{color:#b91c1c}.library-message{border-bottom:1px solid var(--border);color:var(--muted);font-size:13px;padding:11px 18px}.progress-track{background:var(--surface-muted);border-radius:999px;height:7px;overflow:hidden}.progress-track div{background:var(--accent);height:100%;transition:width .16s ease}.video-card-grid{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));min-height:168px;padding:16px}.playlist-grid{background:linear-gradient(180deg,#fbfcfd,#f3f6f8)}.library-grid{background:#ffffff}.schedule-layout{display:grid;grid-gap:16px;gap:16px;grid-template-columns:260px minmax(0,1fr);padding:16px}.schedule-editor,.schedule-rule-form,.schedule-rule-list,.schedule-sidebar{display:grid;grid-gap:12px;gap:12px}.inline-form{display:grid;grid-gap:8px;gap:8px;grid-template-columns:minmax(0,1fr) auto}.schedule-tabs{display:grid;grid-gap:8px;gap:8px}.schedule-tabs button{background:#ffffff;border:1px solid var(--border);border-radius:8px;color:var(--text);display:grid;grid-gap:3px;gap:3px;min-height:58px;padding:10px 12px;text-align:left}.schedule-tabs button.active{border-color:var(--accent);box-shadow:0 0 0 2px rgba(15,118,110,.12)}.field-row span,.schedule-tabs span{color:var(--muted);font-size:12px;font-weight:720}.schedule-playlist-grid{background:linear-gradient(180deg,#fbfcfd,#f4f8f7)}.schedule-playlist-grid,.schedule-rule-form{border:1px solid var(--border);border-radius:8px}.schedule-rule-form{padding:12px}.field-row{align-items:end;display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}.field-row label{display:grid;grid-gap:6px;gap:6px}.day-picker{display:flex;flex-wrap:wrap;gap:8px}.day-picker label{align-items:center;background:var(--surface-muted);border:1px solid var(--border);border-radius:999px;display:inline-flex;font-size:12px;font-weight:760;gap:6px;min-height:32px;padding:0 10px}.day-picker input{accent-color:var(--accent);height:14px;min-height:0;padding:0;width:14px}.schedule-rule{align-items:center;border:1px solid var(--border);border-radius:8px;display:grid;grid-gap:12px;gap:12px;grid-template-columns:minmax(0,1fr) auto;padding:12px}.schedule-rule div{display:grid;grid-gap:3px;gap:3px;min-width:0}.schedule-rule span{color:var(--muted);font-size:13px;overflow-wrap:anywhere}.video-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;display:grid;grid-gap:12px;gap:12px;min-height:148px;padding:13px;position:relative;transition:border-color .14s ease,box-shadow .14s ease,transform .14s ease;overflow:hidden}.video-card[draggable=true]{cursor:-webkit-grab;cursor:grab}.video-card[draggable=true]:active{cursor:-webkit-grabbing;cursor:grabbing}.video-card:hover{border-color:#aebbc9;box-shadow:0 8px 22px rgba(22,32,42,.08)}.library-card,.loop-card{grid-template-rows:auto auto minmax(0,1fr) auto}.video-preview{align-items:center;aspect-ratio:16/9;background:#111827;border:1px solid #d7dde5;border-radius:6px;display:flex;justify-content:center;margin:-5px -5px 0;overflow:hidden}.video-preview video{background:#111827;display:block;height:100%;object-fit:cover;width:100%}.preview-fallback{align-items:center;background:linear-gradient(135deg,rgba(15,118,110,.18),rgba(37,99,235,.16)),#17202a;color:#dce7ef;display:flex;height:100%;justify-content:center;width:100%}.library-card.is-in-loop{background:#f8fafc}.library-card.is-selected{border-color:var(--accent);box-shadow:0 0 0 2px rgba(15,118,110,.12)}.library-card.is-in-loop[draggable=false]{cursor:default}.card-topline{align-items:center;color:var(--muted);display:flex;font-size:12px;font-weight:720;gap:8px;justify-content:space-between}.loop-card .card-topline{justify-content:flex-start}.card-copy{display:grid;grid-gap:5px;gap:5px;min-width:0}.card-copy strong{color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-copy span{color:var(--muted);font-size:12px;line-height:1.35;overflow-wrap:anywhere}.drop-before:before{background:var(--accent);border-radius:999px;bottom:10px;content:"";left:-7px;position:absolute;top:10px;width:4px}.library-panel.drop-active,.playlist-grid.drop-end{outline:2px dashed var(--accent);outline-offset:4px}.status-chip{align-items:center;border-radius:999px;display:inline-flex;font-size:12px;font-weight:760;min-height:25px;padding:0 9px;white-space:nowrap}.status-chip.available{background:#e6f5f3;color:var(--accent-strong)}.status-chip.in-loop{background:#eef2f6;color:var(--muted)}.library-card-actions{align-items:center;display:grid;grid-gap:8px;gap:8px;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto}.position-badge{align-items:center;background:var(--surface-muted);border:1px solid var(--border);border-radius:999px;display:inline-flex;font-size:12px;font-weight:780;height:28px;justify-content:center;width:28px}.row-tools{display:flex;gap:6px}.icon-only{align-items:center;display:inline-flex;height:34px;justify-content:center;padding:0;width:34px}.icon-only.danger{color:#b91c1c}.icon-button.compact{justify-content:center;width:100%}.empty-state{align-items:center;color:var(--muted);display:flex;gap:10px;grid-column:1/-1;min-height:112px;padding:18px}.publish-bar{align-items:center;border-top:1px solid var(--border);display:grid;grid-gap:14px;gap:14px;grid-template-columns:minmax(0,1fr) auto;padding:14px 18px}.publish-bar div{color:var(--muted);font-size:13px}.spin{animation:spin .9s linear infinite}.sr-only{clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:760px){.app-header,.page-heading{align-items:stretch;flex-direction:column}.app-header{height:auto;padding-bottom:12px;padding-top:14px}.app-main{padding-top:22px}.detail-grid,.info-list,.summary-strip,.video-card-grid{grid-template-columns:1fr}.video-card-grid{padding:12px}.field-row,.library-card-actions,.publish-bar,.schedule-layout{grid-template-columns:1fr}.info-list div,.summary-strip div+div{border-left:0}.info-list div:nth-last-child(-n+2){border-bottom:1px solid var(--border)}.info-list div:last-child{border-bottom:0}h1{font-size:30px}}