:root{color-scheme:dark;--portal-bg: 240 20% 4%;--portal-card: 240 15% 7%;--portal-card-soft: 240 15% 8%;--portal-border: 240 10% 12%;--portal-border-strong: 240 10% 18%;--portal-muted: 240 10% 15%;--portal-muted-fg: 240 5% 55%;--portal-primary: 239 84% 67%;--portal-success: 142 76% 36%;--portal-warning: 38 92% 50%;--portal-danger: 0 84% 60%;--actor-primary: 142 76% 36%;--actor-sidebar-bg: 240 25% 3%;--actor-sidebar-border: 240 10% 9%;--bg: hsl(var(--portal-bg));--sidebar: hsl(var(--actor-sidebar-bg));--surface: hsl(var(--portal-card));--row: hsl(240 15% 8%);--row-hover: hsl(240 15% 10%);--row-active: hsl(240 10% 15%);--panel: hsl(var(--portal-card));--panel-soft: hsl(var(--portal-muted));--text: #f4f4f5;--muted: hsl(var(--portal-muted-fg));--subtle: hsl(240 5% 40%);--line: hsl(var(--portal-border));--line-strong: hsl(var(--portal-border-strong));--green: hsl(var(--portal-success));--blue: hsl(217 91% 60%);--purple: hsl(var(--portal-primary));--amber: hsl(var(--portal-warning));--danger: hsl(var(--portal-danger));--radius: 8px}*{box-sizing:border-box}html{background:hsl(var(--portal-bg))}body{margin:0;background:hsl(var(--portal-bg));color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;letter-spacing:0}a{color:inherit}button,input,select,textarea{font:inherit}button{border:0;border-radius:var(--radius);background:var(--purple);color:#fff;cursor:pointer;font-weight:700;min-height:36px;padding:0 18px}button:disabled{cursor:not-allowed;opacity:.55}.auth-page{display:grid;min-height:100vh;place-items:center}.auth-shell{max-width:420px;padding:24px;width:100%}.auth-panel{background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius);display:grid;gap:16px;padding:20px}.auth-panel h1{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:700;margin:0}.auth-panel h1 svg{fill:none;height:22px;width:22px;stroke:var(--green);stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.auth-panel label{display:grid;gap:6px;font-size:13px;font-weight:600;color:var(--muted)}.auth-panel input{background:hsl(var(--portal-card-soft));border:1px solid var(--line);border-radius:var(--radius);color:var(--text);min-height:40px;padding:0 12px}.auth-panel input:focus{border-color:var(--green);outline:none}.auth-panel button[type=submit]{background:var(--green);min-height:42px}.form-error{color:var(--danger);font-size:13px;margin:0}.app-shell{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--sidebar);border-right:1px solid hsl(var(--actor-sidebar-border));display:grid;grid-template-rows:auto 1fr auto;min-height:100vh;min-width:0;padding:12px 8px;position:sticky;top:0}.side-nav{background:hsl(var(--portal-card-soft));border-radius:12px;display:grid;gap:4px;padding:4px}.side-nav__item{align-items:center;border-radius:8px;color:hsl(var(--portal-muted-fg));display:inline-flex;font-size:14px;font-weight:600;gap:12px;justify-content:flex-start;min-height:44px;padding:0 16px;text-decoration:none;width:100%}.side-nav__item svg{fill:none;height:18px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2;width:18px}.side-nav__item.is-active{background:linear-gradient(135deg,#16a249,#10b77f);box-shadow:0 2px 10px #16a2494d;color:#fff}.sidebar-footer{align-self:end;border-top:1px solid hsl(var(--actor-sidebar-border));color:#6d6d78;display:grid;gap:12px;margin:0 -8px;padding:12px 16px 0}.logout-button{align-items:center;background:transparent;color:#6d6d78;display:inline-flex;font-weight:700;gap:9px;justify-content:flex-start;min-height:24px;padding:0;text-align:center;width:100%}.logout-button:hover{color:#d9d9d9}.logout-icon{display:block;fill:none;height:18px;opacity:.9;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.2;width:18px}.workspace{margin:0 auto;max-width:1400px;min-width:0;padding:24px;width:100%}.workspace-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:18px}.workspace-header h1{font-size:32px;font-weight:700;line-height:1;margin:0}.inbox-filters{align-items:end;display:flex;gap:12px;margin-bottom:20px}.inbox-filters label{color:var(--muted);display:grid;font-size:12px;font-weight:700;gap:6px}.inbox-filters select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:hsl(var(--portal-card-soft)) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") no-repeat right 10px center;border:1px solid hsl(var(--portal-border-strong));border-radius:6px;color:var(--text);min-height:36px;padding:0 32px 0 12px;width:100%}.inbox-filters select:focus{border-color:hsl(var(--portal-primary));box-shadow:0 0 0 3px hsl(var(--portal-primary) / .15);outline:none}.cue-board{background:transparent;border:0;border-radius:0;max-width:100%;min-height:0;padding:0}.cue-summary{background:transparent;border-radius:0;display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:20px;padding:0}.summary-card{align-items:center;background:linear-gradient(135deg,#111117,#0d0d12);border:1px solid hsl(var(--portal-border));border-radius:12px;color:var(--muted);display:flex;gap:12px;min-height:92px;overflow:hidden;padding:20px;position:relative}.summary-card strong{color:var(--blue);font-size:32px;font-weight:700;line-height:1}.summary-card span{color:var(--blue);font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.summary-card.is-active{border-color:hsl(var(--portal-warning) / .6);box-shadow:0 0 0 1px hsl(var(--portal-warning) / .2)}.summary-card.is-active strong,.summary-card.is-active span{color:hsl(var(--portal-warning))}.task-list{display:grid;gap:8px}.task-row{align-items:center;background:var(--row);border:1px solid hsl(var(--portal-border));border-radius:12px;color:var(--text);display:grid;gap:16px;grid-template-columns:64px 86px minmax(210px,1fr) 120px 86px 100px;min-height:64px;padding:10px 14px;text-decoration:none;transition:all .15s ease}.task-row:hover{background:var(--row-hover);border-color:hsl(var(--portal-border-strong));box-shadow:0 4px 24px #0003}.task-row strong{font-size:15px}.task-row span{color:#d7d8dc;font-weight:700}.task-row span:nth-child(3),.task-row span:nth-child(5){color:var(--muted);font-size:12px}.cue-thumb{background:linear-gradient(90deg,rgba(0,0,0,.25),transparent 24%,rgba(0,0,0,.25) 55%,transparent),linear-gradient(135deg,#29d5c4,#7eedc5 42%,#e6d9c8 43%,#5ab5fd 72%,#172336);border:1px solid hsl(var(--portal-border-strong));border-radius:6px;display:block;height:36px;width:64px}.status{align-items:center;border-radius:999px;display:inline-flex;font-size:12px;font-weight:600;justify-content:center;letter-spacing:.025em;min-height:26px;padding:0 12px;white-space:nowrap}.status--pending_review{background:hsl(var(--portal-warning) / .15);border:1px solid hsl(var(--portal-warning) / .3);color:#f7b23b}.status--rejected{background:#3c83f626;border:1px solid hsl(217 91% 60% / .3);color:#6da2f8}.status--approved{background:hsl(var(--portal-success) / .15);border:1px solid hsl(var(--portal-success) / .3);color:#1fe066}.view-pill{align-items:center;background:hsl(var(--portal-primary));border-radius:8px;color:#fff;display:inline-flex;font-size:14px;font-weight:500;height:36px;justify-content:center;justify-self:end;transition:all .15s ease;width:100px}.task-row:hover .view-pill{background:hsl(var(--portal-primary) / .9);transform:translateY(-1px)}.empty{color:var(--muted);margin:16px}.review-page{display:grid;grid-template-rows:auto minmax(0,1fr)}.review-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:18px}.review-header h1{font-size:32px;font-weight:700;line-height:1;margin:0}.review-header p{color:var(--text);font-weight:800;margin:12px 0 0}.review-header p span{color:var(--muted);font-weight:600;margin-left:18px}.review-workspace{display:grid;gap:16px;grid-template-columns:minmax(520px,1fr) minmax(280px,420px);min-height:calc(100vh - 120px)}.player-shell{align-self:start;overflow:hidden}.video-stage{background:#08090c;border-radius:var(--radius) var(--radius) 0 0;overflow:hidden;position:relative}.video-stage video{aspect-ratio:16 / 9;background:#111827;display:block;width:100%}.review-badge{background:#1f3243d1;border-radius:4px;color:#829db5;font-size:11px;font-weight:800;letter-spacing:.05em;padding:7px 14px;position:absolute;right:14px;text-transform:uppercase;top:14px}.streamer{top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;position:absolute}.streamer__bar{bottom:0;position:absolute;top:0;width:0}.streamer__bar:after{background:#ffc066e6;bottom:0;content:"";position:absolute;top:0;width:2px}.streamer__bar--left{background:linear-gradient(90deg,rgba(255,192,102,.18),transparent);left:0}.streamer__bar--left:after{right:0}.streamer__bar--right{background:linear-gradient(270deg,rgba(255,192,102,.18),transparent);right:0}.streamer__bar--right:after{left:0}.streamer[data-phase=playing] .streamer__bar{background-color:#24b9661f}.streamer[data-phase=playing] .streamer__bar:after{background:#24b966cc}.streamer[data-phase=postroll] .streamer__bar{background-color:#8fcfff1f}.streamer[data-phase=postroll] .streamer__bar:after{background:#8fcfffbf}.streamer__badge{background:#111827b8;border-radius:999px;color:#fff;font-size:11px;font-weight:800;left:50%;letter-spacing:.04em;padding:6px 10px;position:absolute;text-transform:uppercase;top:14px;transform:translate(-50%)}.player-state,.form-status{color:var(--subtle);font-size:12px;margin:0;padding:8px 14px}.take-player{padding:10px 14px 14px}.take-player h2{color:var(--subtle);font-size:12px;font-weight:800;margin:0 0 8px}.take-list{display:grid;gap:6px}.take-row{align-items:center;background:var(--row);border:1px solid transparent;border-radius:5px;display:grid;gap:10px;grid-template-columns:1fr 78px;min-height:44px;padding:6px 8px}.take-row.is-selected{background:var(--row-active);border-color:var(--blue)}.take-select{background:transparent;color:var(--text);font-weight:800;min-height:30px;overflow:hidden;padding:0 8px;text-align:left;text-overflow:ellipsis;white-space:nowrap}.take-select:hover{background:#ffffff0a}.take-row .secondary{background:transparent;border:2px solid #c8d0dc;border-radius:999px;color:#c8d0dc;font-size:0;height:28px;justify-self:end;min-height:28px;padding:0;position:relative;width:28px}.take-row .secondary:disabled{border-color:var(--subtle);color:var(--subtle)}.take-row .secondary:before{border-bottom:6px solid transparent;border-left:9px solid currentColor;border-top:6px solid transparent;content:"";left:9px;position:absolute;top:6px}.take-row .secondary[data-state=playing]:before{border:0;background:currentColor;box-shadow:7px 0 0 currentColor;height:12px;left:7px;top:6px;width:4px}.field-label{color:var(--subtle);display:block;font-size:12px;font-weight:800;margin-bottom:6px}.selected-take{background:var(--row);border:1px solid var(--line);border-radius:5px;color:var(--text);font-weight:800;margin:0;min-height:44px;padding:12px 14px}.decision-panel{align-self:start;display:grid;gap:12px;padding:16px}.approve-action{background:hsl(var(--portal-success));border-radius:8px;min-height:46px}.decision-panel .danger{background:hsl(var(--portal-danger));border-radius:8px;min-height:46px}@media(max-width:760px){.app-shell{grid-template-columns:1fr}.sidebar{grid-template-rows:auto auto;min-height:0;position:static}.cue-summary{grid-template-columns:1fr}.task-row{grid-template-columns:1fr;gap:8px}.view-pill{justify-self:stretch;width:100%}.review-workspace{grid-template-columns:1fr;min-height:0}.player-shell{min-width:0}}