:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#e9eeef;background:#0c1014;font-synthesis:none;--muted:#85939d;--line:#252e35;--surface:#141b21;--teal:#77e5c2;--amber:#f0ba70}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}[hidden]{display:none!important}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--teal);outline-offset:4px}.brand{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:500;letter-spacing:-.5px}.brand b{font-weight:400;color:var(--muted)}.brand-symbol{width:42px;height:42px;border-radius:12px;background:var(--teal);display:grid;place-items:center;color:#12241e;font-size:18px;padding-left:2px}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--muted);font-weight:600;margin:0 0 12px}.login-wrap{min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr;max-width:1400px;margin:auto;padding:70px 8%;gap:12%;align-items:center}.login-context{height:70vh;min-height:500px;display:flex;flex-direction:column;justify-content:space-between}.login-context h1{font-size:clamp(48px,5.5vw,82px);line-height:1.08;letter-spacing:-4px;font-weight:500;margin:22px 0}.intro{color:#a7b5be;font-size:17px;line-height:1.7;max-width:400px}.context-tags{display:flex;gap:9px;flex-wrap:wrap;margin-top:30px}.context-tags span{border:1px solid #2c3e39;border-radius:30px;padding:8px 12px;font-size:12px;color:#b5c9c2}.login-footer{color:var(--muted);font-size:12px}.login-footer span{margin:0 10px}.login-card{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:40px;box-shadow:0 30px 100px #0003}.login-card h2{font-size:27px;letter-spacing:-.7px;margin:16px 0 12px;font-weight:500}.login-card>p{color:var(--muted);line-height:1.6;font-size:14px;margin-bottom:30px}label{display:block;margin:20px 0 9px;font-size:12px;color:#c7d0d6}input{background:#0e1419;border:1px solid #303a43;border-radius:9px;width:100%;padding:13px;color:#fff;outline:none}input:focus{border-color:var(--teal)}input::placeholder{color:#59666f;font-size:13px}.button{border-radius:9px;padding:10px 16px;font-size:12px;font-weight:600;border:1px solid var(--line);transition:background .2s}.primary{background:var(--teal);color:#102820;border:0;width:100%;display:flex;justify-content:space-between;padding:15px;margin-top:28px}.primary:hover{background:#a1f1d7}.primary:disabled{opacity:.6;cursor:wait}.ghost{color:#c4cdd4;background:transparent}.ghost:hover{background:#202b33}.privacy-note{border-top:1px solid var(--line);padding-top:22px;margin-top:26px;font-size:11px;color:var(--muted);line-height:1.6;display:flex;gap:10px}.privacy-note span{color:var(--teal);font-size:18px}.error-text{font-size:12px;color:#ffafa7;line-height:1.6}.app{display:flex;min-height:100vh}.sidebar{width:220px;flex-shrink:0;padding:36px 23px;background:#10161b;border-right:1px solid var(--line);height:100vh;position:sticky;top:0;display:flex;flex-direction:column}.sidebar .brand{font-size:17px;line-height:1.3}.nav-caption{color:#53616b;font-size:9px;letter-spacing:2px;margin:56px 12px 16px}.nav-item{display:flex;align-items:center;gap:11px;padding:13px;border:1px solid #29463c;background:#172c25;border-radius:9px;color:var(--teal);font-size:13px}.small-live{margin-left:auto;width:5px;height:5px;border-radius:50%;background:var(--teal)}.nav-link{font-size:12px;color:#8998a3;margin:23px 12px;display:flex;justify-content:space-between}.nav-link:hover{color:var(--teal)}.sidebar-bottom{margin-top:auto;border-top:1px solid var(--line);padding-top:23px;display:flex;gap:11px;align-items:center}.sidebar-bottom strong{font-size:12px;font-weight:500}.sidebar-bottom small{display:block;font-size:10px;margin-top:5px;color:#70808b}.server-dot,.footer-dot{background:var(--teal);width:6px;height:6px;border-radius:50%;display:inline-block}.main{padding:43px 4%;max-width:1620px;width:100%;margin:0 auto}.page-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.page-head h1{font-size:34px;letter-spacing:-1.5px;font-weight:500;margin:0 0 13px}.heading-dot{color:var(--teal)}.subtitle{font-size:13px;color:var(--muted);margin:0}.account{display:flex;align-items:center;gap:15px;font-size:12px;color:#a8b7c0;padding-top:10px}.status-line{display:flex;align-items:center;gap:13px;font-size:11px;color:var(--muted);margin:30px 0 21px;min-height:24px}.live-badge{display:inline-flex;align-items:center;gap:6px;color:var(--teal);font-size:9px;letter-spacing:1px;font-weight:600}.live-badge>span{width:5px;height:5px;background:var(--teal);border-radius:50%;box-shadow:0 0 10px #77e5c266}.text-button{margin-left:auto;background:none;border:0;color:#a3b3bd;font-size:11px;padding:6px 0}.text-button:hover{color:var(--teal)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:39px}.stat{border:1px solid var(--line);background:var(--surface);border-radius:13px;padding:23px}.stat-label{font-size:12px;color:#9aaab5;display:flex;justify-content:space-between;gap:12px}.stat-label>span{color:#576a76;font-size:16px}.stat-value{font-size:39px;font-weight:400;letter-spacing:-1.5px;line-height:1.2;margin:20px 0 11px}.stats .stat:first-child .stat-value{color:var(--teal)}.stat-foot{color:#71838f;font-size:11px}.storage-value small{font-size:15px;letter-spacing:0;color:#8d9ea9}.section-head{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:0 0 20px}.section-head .eyebrow{font-size:9px;margin-bottom:9px}h2{font-size:20px;letter-spacing:-.5px;font-weight:500;margin:0}.count{display:inline-block;vertical-align:middle;margin-left:6px;font-size:10px;color:var(--muted);border:1px solid var(--line);border-radius:5px;padding:3px 6px;letter-spacing:0}.resource-pills{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.resource-pills span{border:1px solid var(--line);color:#90a1ad;border-radius:6px;padding:6px 9px;font-size:10px}.filter-tabs{display:flex;gap:8px;margin-bottom:18px}.filter-tabs button{border:1px solid transparent;background:transparent;color:#8596a2;border-radius:6px;padding:7px 13px;font-size:11px}.filter-tabs button.selected{border-color:#34434a;color:#e1eaed;background:#1c272e}.filter-tabs button:hover{color:#fff}.video-list{display:grid;gap:17px}.video-card{border:1px solid #30443e;background:linear-gradient(110deg,#14221e18,var(--surface) 70%);border-radius:14px;padding:25px 26px;overflow:hidden}.video-card.waiting,.video-card.failed{border-color:var(--line);background:var(--surface)}.video-top{display:flex;gap:14px;align-items:flex-start;justify-content:space-between}.video-title{font-size:17px;line-height:1.45;font-weight:500;margin:0;letter-spacing:-.3px;overflow-wrap:anywhere}.video-title a:hover{color:var(--teal)}.video-meta{display:flex;gap:10px;align-items:center;margin-top:9px;font-size:10px;color:#8b9da8;flex-wrap:wrap}.meta-separator{color:#3b515e}.badge{display:inline-flex;align-items:center;gap:6px;border-radius:20px;font-size:10px;padding:6px 9px;white-space:nowrap;background:#1c382e;color:var(--teal);border:1px solid #294d3f}.badge.waiting{color:var(--amber);background:#332b1f;border-color:#4c3b24}.badge.failed{color:#f2a49a;background:#352423;border-color:#4c3530}.badge i{width:4px;height:4px;border-radius:50%;background:currentColor}.progress-section{margin:26px 0 0}.progress-head{display:flex;gap:18px;justify-content:space-between;align-items:end;font-size:11px;color:#9eafb9;margin-bottom:10px}.progress-number{font-size:25px;color:var(--teal);font-variant-numeric:tabular-nums;letter-spacing:-1px}.progress-number small{font-size:13px;margin-left:2px;color:#84ad9e}.progress-track{height:5px;background:#24302f;border-radius:5px;overflow:hidden}.progress-fill{height:100%;background:var(--teal);border-radius:5px;transition:width .6s}.progress-track.indeterminate .progress-fill{width:20%;opacity:.65;animation:move 3s infinite ease-in-out}@keyframes move{0%,100%{transform:translateX(0)}50%{transform:translateX(400%)}}.phase-note{color:#617e70;font-size:10px;margin:10px 0 0;line-height:1.5}.video-metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;border-top:1px solid #283730;margin-top:21px;padding-top:20px}.metric-label{font-size:10px;color:#7e929d;margin-bottom:8px;display:block}.metric-value{font-size:14px;color:#dce6e8;font-variant-numeric:tabular-nums}.metric-value.eta{color:var(--amber)}.video-bottom{display:flex;gap:14px;justify-content:space-between;align-items:center;border-top:1px solid #26332f;margin-top:22px;padding-top:17px;font-size:10px;color:#80968e;flex-wrap:wrap}.resolution-tags{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.resolution-tag{padding:4px 6px;border:1px solid #34423d;border-radius:4px;color:#a5b9b1;font-size:9px}.secondary-step{color:#a6baaf}.empty-state{border:1px dashed #2b393f;background:#11191e;border-radius:12px;padding:45px 24px;text-align:center;color:#8a9eaa;font-size:13px;line-height:1.8}.history-section{margin-top:40px}.history{border:1px solid var(--line);border-radius:12px;background:#11191e;overflow:hidden}.history-row{padding:17px 21px;display:grid;grid-template-columns:22px 1fr auto;gap:13px;align-items:center;border-bottom:1px solid var(--line)}.history-row:last-child{border:0}.history-icon{color:var(--teal);font-size:14px}.history-title{font-size:12px;color:#c2d1d7;line-height:1.5}.history-phase{font-size:10px;color:#748b98;margin-top:5px}.history-time{font-size:10px;color:#8295a1;text-align:right;line-height:1.8}.muted{font-size:11px;color:#748995}.page-footer{margin:38px 0 0;border-top:1px solid var(--line);padding:20px 0;display:flex;gap:20px;justify-content:space-between;font-size:9px;color:#5f7581;line-height:1.7}.footer-dot{width:4px;height:4px;margin-right:5px}.banner{background:#332a1c;border:1px solid #59482b;color:#eac487;border-radius:9px;padding:12px 16px;font-size:12px;margin-bottom:20px;line-height:1.5}@media(min-width:1600px){.main{padding-left:65px;padding-right:65px}}@media(max-width:1100px){.sidebar{width:180px;padding:30px 16px}.main{padding:35px 3%}.page-head h1{font-size:29px}.account{flex-direction:column;align-items:flex-end;gap:7px}.video-metrics{grid-template-columns:repeat(3,1fr);row-gap:20px}.login-wrap{gap:7%;padding:50px 6%}.login-card{padding:30px}}@media(max-width:760px){.sidebar{display:none}.main{padding:27px 20px}.stats{gap:9px;margin-bottom:30px}.stat{padding:17px 13px}.stat-label{font-size:10px}.stat-value{font-size:30px;margin-top:17px}.stat-foot{font-size:9px;line-height:1.5}.stat-label>span{display:none}.page-head h1{font-size:26px}.subtitle{max-width:230px;font-size:12px;line-height:1.6}.eyebrow{font-size:9px}.account #user-label{font-size:10px;max-width:100px;overflow:hidden;text-overflow:ellipsis}.account .button{font-size:10px;padding:8px 10px}.section-head{gap:10px}.resource-pills{max-width:180px;gap:5px}.resource-pills span{font-size:9px;padding:5px 6px}.video-card{padding:21px 18px}.video-title{font-size:15px}.video-top{gap:10px}.badge{font-size:9px;padding:5px 7px}.video-metrics{grid-template-columns:repeat(2,1fr)}.metric-label{font-size:9px}.metric-value{font-size:13px}.progress-head{font-size:10px}.video-bottom{line-height:1.7}.page-footer{flex-direction:column;gap:8px}.history-row{padding:15px 13px;gap:9px}.history-time{max-width:90px;font-size:9px}.history-title{font-size:11px}.history-phase{font-size:9px}.history-section .section-head>.muted{font-size:9px;max-width:100px;text-align:right}.status-line{gap:9px;font-size:9px}.text-button{font-size:10px}.login-wrap{display:flex;flex-direction:column;padding:34px 24px;gap:36px;align-items:stretch}.login-context{height:auto;min-height:0;gap:38px}.login-context h1{font-size:46px;letter-spacing:-2px;margin:10px 0}.intro{font-size:14px;margin-bottom:0}.context-tags,.login-footer{display:none}.login-card{padding:26px}.login-context .eyebrow{margin:0}.login-context .brand{font-size:17px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

.workspace-links{display:grid;gap:8px}.nav-item[data-workspace]{width:100%;font:inherit;font-size:12px;text-align:left;cursor:pointer;color:#8fa3ae;background:transparent;border-color:transparent}.nav-item[data-workspace]:hover{background:#1b292f;color:#d5e4e7}.nav-item[data-workspace].selected{background:#172c25;border-color:#29463c;color:var(--teal)}.nav-lock{font-size:8px;color:#5d7a70;margin-left:auto}.admin-lock-note{font-size:10px;color:#607b86;line-height:1.8;margin:17px 11px 0}.sidebar .nav-caption{margin-top:38px}#monitor-view .login-wrap{padding:30px 1%;min-height:75vh;gap:7%}#monitor-view .login-context{height:auto;min-height:480px}#monitor-view .login-context h1{font-size:54px;letter-spacing:-2px}#monitor-view .login-card{padding:30px}#admin-view{min-width:0}#admin-view>div{width:100%}@media(max-width:1100px){#monitor-view .login-context{display:none}#monitor-view .login-wrap{display:block;max-width:490px;padding:45px 0;margin:auto;min-height:65vh}}@media(max-width:760px){.app{display:block}.sidebar{display:flex;position:static;width:100%;height:auto;padding:20px;border-right:0;border-bottom:1px solid var(--line)}.sidebar .brand br{display:none}.sidebar .brand b{margin-left:5px}.sidebar .brand{font-size:16px}.sidebar .brand-symbol{width:32px;height:32px;font-size:14px;border-radius:8px}.sidebar .nav-caption,.sidebar .sidebar-bottom,.sidebar .nav-link,.admin-lock-note{display:none}.workspace-links{display:flex;gap:5px;overflow-x:auto;padding:16px 0 0}.nav-item[data-workspace]{width:auto;flex-shrink:0;white-space:nowrap;padding:9px;font-size:10px;gap:6px}.nav-lock{font-size:6px;margin-left:0}.workspace-links .small-live{display:none}#monitor-view .login-wrap{padding:16px 0;max-width:480px;min-height:65vh}#monitor-view .login-context{display:none}#monitor-view .login-card{padding:26px}}

.history-filter{display:flex;align-items:end;flex-wrap:wrap;gap:12px;margin-bottom:12px}.history-filter label{display:grid;gap:6px;color:var(--muted)}.history-filter input,.history-filter select{padding:10px;background:#14232b;color:#e8f2ef;border:1px solid #34474c;border-radius:8px;max-width:100%}.history-pagination{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:16px}.history-row{flex-wrap:wrap}.history-row>.button{margin-left:10px}