:root{--bg:#0f1115;--panel:#181c24;--panel-2:#11141b;--fg:#e8ecf1;--muted:#8a93a6;--accent:#4ade80;--warn:#f59e0b;--error:#ef4444;--border:#232836;--radius:8px;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color-scheme:dark}*{box-sizing:border-box}body,html{margin:0;background:var(--bg);color:var(--fg);-webkit-text-size-adjust:100%;overflow-x:hidden}body{font-size:16px;line-height:1.45}a{color:var(--fg);text-decoration:none}a:focus-visible,a:hover{color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}h1{font-size:1.5rem;margin:0 0 .5rem}h1,h2{letter-spacing:-.01em}h2{font-size:1.15rem;margin:1.25rem 0 .5rem}p{margin:.5rem 0}code{background:var(--panel-2);padding:.05rem .35rem;border-radius:4px;font-size:.85em;word-break:break-all}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:50;display:flex;flex-direction:column;gap:.5rem;padding:.75rem 1rem;background:var(--bg);border-bottom:1px solid var(--border)}.topbar>strong{font-size:1rem}nav{display:flex;gap:.25rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}nav::-webkit-scrollbar{display:none}nav a{padding:.5rem .75rem;border-radius:6px;font-size:.9rem;white-space:nowrap;color:var(--muted)}nav a:hover{background:var(--panel);color:var(--fg)}nav a.active{background:var(--panel);color:var(--accent)}.container{padding:1rem;max-width:1200px;margin:0 auto}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;margin-bottom:1rem;overflow-x:auto}.row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem}.muted{color:var(--muted);font-size:.875rem}.badge{display:inline-block;padding:.15rem .5rem;border-radius:4px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.badge.PENDING{background:#2a2f3d;color:var(--muted)}.badge.PROCESSING{background:#3a2c10;color:var(--warn)}.badge.READY{background:#0e2a1a;color:var(--accent)}.badge.FAILED{background:#2a1010;color:var(--error)}.kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.5rem;gap:.5rem;margin:.5rem 0 1rem}@media (min-width:600px){.kpis{grid-template-columns:repeat(3,1fr);gap:.75rem}}@media (min-width:900px){.kpis{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}}.kpi{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:.75rem .9rem;min-width:0}.kpi strong{display:block;font-size:1.4rem;margin-top:.15rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;word-break:break-all}@media (min-width:600px){.kpi strong{font-size:1.65rem}}.kpi.PENDING strong{color:var(--muted)}.kpi.PROCESSING strong{color:var(--warn)}.kpi.READY strong{color:var(--accent)}.kpi.FAILED strong{color:var(--error)}.live-dot{display:inline-flex;align-items:center;gap:.4rem;font-size:.75rem;color:var(--muted);padding:.2rem .55rem;border:1px solid var(--border);border-radius:999px;white-space:nowrap}.live-dot .dot{width:8px;height:8px;border-radius:50%;background:var(--muted)}.live-dot.LIVE{color:var(--accent);border-color:rgba(74,222,128,.35)}.live-dot.LIVE .dot{background:var(--accent);animation:pulse 1.6s ease-out infinite}.live-dot.CONNECTING .dot{background:var(--warn)}.live-dot.OFFLINE{color:var(--error);border-color:rgba(239,68,68,.35)}.live-dot.OFFLINE .dot{background:var(--error)}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(74,222,128,.6)}70%{box-shadow:0 0 0 8px rgba(74,222,128,0)}to{box-shadow:0 0 0 0 rgba(74,222,128,0)}}.bar{background:#232836;border-radius:4px;overflow:hidden;height:8px;width:100%;min-width:100px}.bar>span{display:block;height:100%;background:var(--accent);transition:width .3s}button,input,select,textarea{font:inherit;padding:.65rem .8rem;border-radius:6px;border:1px solid var(--border);background:var(--panel-2);color:var(--fg);min-height:44px}input,select,textarea{width:100%}input[type=file]{padding:.5rem}button,input[type=number]{width:auto}button{cursor:pointer;font-weight:500;background:var(--panel)}button:focus-visible,button:hover{border-color:var(--accent)}button:disabled{opacity:.5;cursor:not-allowed}label{display:block;font-size:.875rem;color:var(--muted);margin-bottom:.75rem}label>input,label>select,label>textarea{margin-top:.25rem}.form-row{display:flex;gap:.5rem;flex-wrap:wrap}.form-row>input{flex:1 1 200px}.form-grid{display:grid;grid-template-columns:1fr;grid-gap:.5rem;gap:.5rem}@media (min-width:700px){.form-grid{grid-template-columns:1fr 1fr;gap:.75rem}}.token-box{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;background:var(--panel-2);border:1px dashed var(--border);border-radius:6px;padding:.6rem .75rem;margin-top:.5rem}.token-box code{flex:1 1 240px;font-size:.8rem;background:transparent;padding:0;word-break:break-all}table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:.6rem .75rem;border-bottom:1px solid var(--border);font-size:.875rem;vertical-align:top}th{color:var(--muted);font-weight:500;white-space:nowrap}tbody tr:hover{background:rgba(255,255,255,.02)}tbody tr:last-child td{border-bottom:0}@media (max-width:640px){table.responsive,table.responsive tbody,table.responsive td,table.responsive thead,table.responsive tr{display:block;width:100%}table.responsive thead{display:none}table.responsive tr{border:1px solid var(--border);border-radius:6px;margin-bottom:.5rem;padding:.25rem .5rem;background:var(--panel-2)}table.responsive td{border-bottom:0;padding:.4rem .25rem;display:flex;justify-content:space-between;align-items:center;gap:.75rem}table.responsive td:before{content:attr(data-label);color:var(--muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.04em;flex:0 0 auto}table.responsive td[data-label=""]:before{content:none}}@media (min-width:700px){.topbar{flex-direction:row;align-items:center;gap:2rem;padding:1rem 2rem}.topbar>nav{flex:1 1}.container{padding:2rem}h1{font-size:1.85rem}h2{font-size:1.25rem}}video{width:100%;max-height:60vh;background:#000;border-radius:6px}.auth-card{max-width:420px;margin:2rem auto;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem}.auth-card h1{margin-top:0}.auth-card .form-grid{grid-template-columns:1fr}.auth-card button{width:100%}.nav-user{display:inline-flex;align-items:center;gap:.5rem;margin-left:.5rem;white-space:nowrap}.link-btn{background:transparent;border:1px solid var(--border);color:var(--muted);padding:.4rem .7rem;min-height:36px;font-size:.85rem}.link-btn:hover{color:var(--accent);border-color:var(--accent)}@media (min-width:700px){.nav-user{margin-left:auto}}