:root{--font-display:"Familjen Grotesk", "IBM Plex Sans", sans-serif;--font-body:"IBM Plex Sans", system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace;--ink-0:#070b14;--ink-1:#0b1220;--ink-2:#111a2b;--ink-3:#182339;--ink-4:#22304a;--line:#94a3b824;--line-strong:#94a3b847;--text:#e7edf7;--text-dim:#9fb0c7;--text-mute:#6b7c95;--teal:#2dd4bf;--teal-deep:#0f9e8e;--teal-ink:#062a27;--amber:#f5b53f;--coral:#ff6b6b;--sky:#7dd3fc;--violet:#a78bfa;--paper:#f6f4ee;--paper-2:#fff;--paper-line:#e4dfd3;--paper-ink:#16202e;--paper-dim:#5b6778;--radius:14px;--radius-sm:9px;--shadow:0 20px 60px -20px #0009}*{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font-body);color:var(--text);background:var(--ink-1);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.5}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--teal)}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.01em;margin:0}code,.mono{font-family:var(--font-mono)}.atmos{z-index:-1;pointer-events:none;background:radial-gradient(900px 500px at 80% -10%, #2dd4bf1f, transparent 60%), radial-gradient(700px 400px at 0% 100%, #7dd3fc12, transparent 60%), linear-gradient(var(--line) 1px, transparent 1px) 0 0 / 100% 48px, linear-gradient(90deg, var(--line) 1px, transparent 1px) 0 0 / 48px 100%, var(--ink-1);position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000000e6,#00000080);mask-image:linear-gradient(#000000e6,#00000080)}.brand{color:inherit;align-items:center;gap:10px;text-decoration:none;display:inline-flex}.brand-mark{background:linear-gradient(145deg, var(--ink-3), var(--ink-1));border:1px solid var(--line-strong);border-radius:10px;place-items:center;width:34px;height:34px;display:grid;box-shadow:inset 0 1px #ffffff0f,0 0 0 1px #2dd4bf14}.brand-name{font-family:var(--font-display);letter-spacing:-.02em;font-size:18px;font-weight:700}.brand-name b{color:var(--teal);font-weight:700}.brand-tag{color:var(--text-mute);letter-spacing:.02em;font-size:12px}.btn{border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:var(--ink-3);color:var(--text);cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-weight:500;text-decoration:none;transition:transform .12s,background .15s,border-color .15s,box-shadow .15s;display:inline-flex}.btn:hover{background:var(--ink-4);border-color:#94a3b866}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background:linear-gradient(180deg, #3ee0cc, var(--teal));color:var(--teal-ink);border-color:#0000;box-shadow:0 8px 24px -10px #2dd4bfb3,inset 0 1px #ffffff59}.btn-primary:hover{background:linear-gradient(#52e7d4,#34dcc7)}.btn-danger{color:#ffb4b4;background:#ff6b6b1a;border-color:#ff6b6b59}.btn-danger:hover{background:#ff6b6b2e}.btn-ghost{color:var(--text-dim);background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--ink-3);color:var(--text)}.btn-lg{border-radius:12px;padding:14px 22px;font-size:16px}.btn-sm{padding:6px 10px;font-size:13px}.btn-block{width:100%}.btn .ico{width:16px;height:16px}.field{gap:6px;display:grid}.field label{color:var(--text-dim);letter-spacing:.02em;font-size:12.5px;font-weight:500}.input{border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:var(--ink-1);color:var(--text);outline:none;width:100%;padding:10px 12px;transition:border-color .15s,box-shadow .15s}.input:focus{border-color:var(--teal);box-shadow:0 0 0 3px #2dd4bf2e}.input::placeholder{color:var(--text-mute)}select.input{appearance:none}.card{background:linear-gradient(180deg, #ffffff06, transparent), var(--ink-2);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.card-pad{padding:22px}.badge{letter-spacing:.01em;white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;gap:6px;padding:3px 9px;font-size:12px;font-weight:600;display:inline-flex}.badge:before{content:"";background:currentColor;border-radius:50%;width:7px;height:7px}.badge-pending{color:var(--amber);background:#f5b53f1a;border-color:#f5b53f40}.badge-pending:before{animation:1.6s infinite pulse}.badge-client_connected,.badge-authorization_requested{color:var(--sky);background:#7dd3fc1a;border-color:#7dd3fc40}.badge-authorization_requested:before{animation:1s infinite pulse}.badge-active{color:var(--teal);background:#2dd4bf1f;border-color:#2dd4bf4d}.badge-active:before{animation:1.8s infinite ring;box-shadow:0 0 #2dd4bf99}.badge-ended{color:var(--text-dim);background:#94a3b814;border-color:#94a3b833}.badge-expired,.badge-cancelled{color:var(--text-mute);background:#94a3b80d;border-color:#94a3b81f}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes ring{0%{box-shadow:0 0 #2dd4bf8c}to{box-shadow:0 0 0 8px #2dd4bf00}}.code-chip{font-family:var(--font-mono);letter-spacing:.06em;font-weight:600}.muted{color:var(--text-dim)}.mute{color:var(--text-mute)}.small{font-size:13px}.row{align-items:center;gap:10px;display:flex}.row-between{justify-content:space-between;align-items:center;gap:10px;display:flex}.stack{gap:12px;display:grid}.grow{flex:1;min-width:0}.ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.alert{border-radius:var(--radius-sm);border:1px solid;padding:12px 14px;font-size:14px}.alert-error{color:#ffc2c2;background:#ff6b6b14;border-color:#ff6b6b4d}.alert-info{color:#cfeeff;background:#7dd3fc14;border-color:#7dd3fc4d}.alert-ok{color:#bff5ec;background:#2dd4bf14;border-color:#2dd4bf4d}hr.sep{border:0;border-top:1px solid var(--line);margin:16px 0}.login-wrap{place-items:center;min-height:100%;padding:24px;display:grid}.login-card{width:min(420px,100%);animation:.5s cubic-bezier(.2,.8,.2,1) both rise}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.login-title{margin-top:18px;font-size:26px;font-weight:700}.login-sub{color:var(--text-dim);margin:4px 0 20px}.shell{grid-template-rows:56px 1fr;height:100%;display:grid}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0b1220bf;justify-content:space-between;align-items:center;padding:0 18px;display:flex}.topbar-nav{gap:4px;display:flex}.topbar-nav a{color:var(--text-dim);border-radius:8px;padding:6px 12px;font-size:14px;font-weight:500;text-decoration:none}.topbar-nav a.active,.topbar-nav a:hover{color:var(--text);background:var(--ink-3)}.who{color:var(--text-dim);align-items:center;gap:10px;font-size:13.5px;display:flex}.avatar{background:var(--ink-3);border:1px solid var(--line-strong);width:30px;height:30px;color:var(--text);border-radius:50%;place-items:center;font-size:12px;font-weight:600;display:grid}.dash{grid-template-columns:340px 1fr;min-height:0;display:grid}.sidebar{border-right:1px solid var(--line);background:#070b1459;grid-template-rows:auto auto 1fr;min-height:0;display:grid}.sidebar-head{gap:10px;padding:16px 16px 12px;display:grid}.sidebar-filters{flex-wrap:wrap;gap:6px;padding:0 16px 10px;display:flex}.chip{border:1px solid var(--line);color:var(--text-dim);cursor:pointer;background:0 0;border-radius:999px;padding:4px 10px;font-size:12.5px}.chip.active{background:var(--ink-3);color:var(--text);border-color:var(--line-strong)}.session-list{align-content:start;gap:6px;padding:6px 10px 16px;display:grid;overflow:auto}.session-item{cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:12px;gap:6px;width:100%;padding:12px;transition:background .15s,border-color .15s;display:grid}.session-item:hover{background:var(--ink-2);border-color:var(--line)}.session-item.selected{background:var(--ink-2);box-shadow:inset 3px 0 0 var(--teal);border-color:#2dd4bf59}.session-item .code-chip{font-size:13.5px}.session-item .meta{color:var(--text-mute);gap:8px;font-size:12.5px;display:flex}.empty{text-align:center;color:var(--text-mute);padding:40px 20px}.empty h3{color:var(--text-dim);margin-bottom:6px;font-size:16px}.main{min-width:0;min-height:0;padding:22px;overflow:auto}.main-narrow{max-width:760px;margin:0 auto}.created-hero{gap:18px;animation:.4s cubic-bezier(.2,.8,.2,1) both rise;display:grid}.created-title{font-size:22px;font-weight:700}.link-box{background:var(--ink-1);border:1px dashed var(--line-strong);border-radius:12px;grid-template-columns:1fr auto;align-items:center;gap:8px;padding:8px 8px 8px 16px;display:grid}.link-box .url{font-family:var(--font-mono);color:var(--sky);white-space:nowrap;font-size:15px;overflow:auto}.kv{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;display:grid}.kv>div{background:var(--ink-1);border:1px solid var(--line);border-radius:10px;padding:12px 14px}.kv .k{color:var(--text-mute);letter-spacing:.03em;text-transform:uppercase;font-size:12px}.kv .v{margin-top:2px;font-weight:600}.countdown{font-family:var(--font-mono);color:var(--amber);font-weight:600}.countdown.urgent{color:var(--coral)}.timeline{gap:0;display:grid}.tl-item{grid-template-columns:92px 14px 1fr;align-items:start;gap:10px;padding:6px 0;font-size:13px;display:grid}.tl-item time{color:var(--text-mute);font-family:var(--font-mono);padding-top:2px;font-size:12px}.tl-dot{background:var(--text-mute);border-radius:50%;justify-self:center;width:8px;height:8px;margin-top:6px}.tl-item.hi .tl-dot{background:var(--teal);box-shadow:0 0 0 3px #2dd4bf33}.tl-item.bad .tl-dot{background:var(--coral)}.tl-item .who{font-size:12px}.remote{grid-template-rows:auto 1fr;gap:12px;height:100%;min-height:0;display:grid}.toolbar{background:var(--ink-2);border:1px solid var(--line);border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 10px;display:flex}.toolbar .sep{background:var(--line-strong);width:1px;height:22px;margin:0 4px}.toggle{cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid var(--line);background:var(--ink-1);border-radius:8px;align-items:center;gap:8px;padding:6px 10px;display:inline-flex}.toggle .sw{background:var(--ink-4);border-radius:999px;width:34px;height:20px;transition:background .15s;position:relative}.toggle .sw:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .15s;position:absolute;top:2px;left:2px}.toggle.on .sw{background:var(--teal)}.toggle.on .sw:after{transform:translate(14px)}.stage{border:1px solid var(--line-strong);background:#000 radial-gradient(#ffffff0d 1px,#0000 1px) 0 0/18px 18px;border-radius:14px;place-items:center;min-height:360px;display:grid;position:relative;overflow:hidden}.stage video,.stage canvas{outline:none;max-width:100%;max-height:100%;display:block}.stage.control canvas,.stage.control video{cursor:crosshair}.stage-overlay{text-align:center;color:var(--text-dim);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0b1220bf;place-items:center;padding:30px;display:grid;position:absolute;inset:0}.stage-overlay h3{color:var(--text);margin-bottom:8px;font-size:20px}.stage-badge{gap:6px;display:flex;position:absolute;top:10px;left:10px}.stage-badge span{border:1px solid var(--line-strong);color:var(--text-dim);font-size:11.5px;font-family:var(--font-mono);background:#070b14b3;border-radius:6px;padding:3px 8px}.spinner{border:3px solid var(--line-strong);border-top-color:var(--teal);border-radius:50%;width:28px;height:28px;margin:0 auto 12px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.split{grid-template-columns:1fr 300px;gap:14px;height:100%;min-height:0;display:grid}.side{align-content:start;gap:12px;display:grid;overflow:auto}.tabs{border-bottom:1px solid var(--line);gap:4px;margin-bottom:18px;display:flex}.tabs button{color:var(--text-dim);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:10px 14px;font-weight:500}.tabs button.active{color:var(--text);border-bottom-color:var(--teal)}table.tbl{border-collapse:collapse;width:100%;font-size:13.5px}.tbl th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--text-mute);border-bottom:1px solid var(--line);padding:8px 10px;font-size:11.5px}.tbl td{border-bottom:1px solid var(--line);vertical-align:middle;padding:9px 10px}.tbl tr:hover td{background:#ffffff04}.stat{background:var(--ink-1);border:1px solid var(--line);border-radius:12px;padding:16px}.stat .n{font-family:var(--font-display);color:var(--teal);font-size:30px;font-weight:700}.stat .l{color:var(--text-mute);font-size:12.5px}.bars{align-items:flex-end;gap:4px;height:90px;display:flex}.bars>div{background:linear-gradient(180deg, var(--teal), var(--teal-deep));border-radius:3px 3px 0 0;flex:1;min-height:2px;position:relative}.bars>div:hover:after{content:attr(data-l);background:var(--ink-4);white-space:nowrap;border-radius:4px;margin-bottom:4px;padding:2px 6px;font-size:11px;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.form-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;display:grid}.client-root{background:var(--paper);min-height:100%;color:var(--paper-ink);background-image:radial-gradient(800px 400px at 50% -10%,#2dd4bf29,#0000 70%);font-size:17px}.client-root .brand-mark{background:var(--paper-ink);border-color:#0000}.client-root .brand-name{color:var(--paper-ink)}.client-root .brand-tag{color:var(--paper-dim)}.client-wrap{gap:22px;max-width:640px;margin:0 auto;padding:40px 20px 60px;display:grid}.client-card{background:var(--paper-2);border:1px solid var(--paper-line);border-radius:20px;padding:32px;animation:.5s cubic-bezier(.2,.8,.2,1) both rise;box-shadow:0 30px 60px -40px #16202e59}.client-eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--teal-deep);font-size:13px;font-weight:600}.client-card h1{color:var(--paper-ink);margin:8px 0 12px;font-size:30px;line-height:1.15}.client-card h2{color:var(--paper-ink);margin:8px 0 12px;font-size:24px;line-height:1.2}.client-card p{color:#2c3746;margin:0 0 12px}.client-meta{grid-template-columns:1fr 1fr;gap:12px;margin:20px 0 24px;display:grid}.client-meta>div{background:var(--paper);border:1px solid var(--paper-line);border-radius:12px;padding:12px 14px}.client-meta .k{color:var(--paper-dim);text-transform:uppercase;letter-spacing:.06em;font-size:12px}.client-meta .v{color:var(--paper-ink);margin-top:2px;font-size:16px;font-weight:600}.client-btn{cursor:pointer;background:var(--paper-ink);color:#fff;border:0;border-radius:14px;width:100%;padding:18px 22px;font-size:19px;font-weight:600;transition:transform .12s,background .15s,box-shadow .15s;box-shadow:0 14px 30px -14px #16202e99}.client-btn:hover{background:#22304a;transform:translateY(-1px)}.client-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.client-btn.go{background:linear-gradient(180deg, #16b3a1, var(--teal-deep));box-shadow:0 14px 30px -14px #0f9e8eb3}.client-btn.go:hover{background:linear-gradient(#19bfac,#11a897)}.client-btn.quiet{color:var(--paper-dim);box-shadow:none;border:1px solid var(--paper-line);background:0 0;font-weight:500}.client-btn.quiet:hover{background:var(--paper);color:var(--paper-ink)}.client-btn.stop{color:#b42323;box-shadow:none;background:#fff;border:1px solid #f1c8c8}.client-btn.stop:hover{background:#fff5f5}.client-actions{gap:10px;margin-top:10px;display:grid}.client-consent{color:#4a3c10;background:#fdf8ec;border:1px solid #f1e2b8;border-radius:12px;padding:16px 18px;font-size:15.5px}.client-steps{counter-reset:st;gap:12px;margin:18px 0;display:grid}.client-steps li{color:#2c3746;grid-template-columns:34px 1fr;align-items:start;gap:12px;list-style:none;display:grid}.client-steps li:before{counter-increment:st;content:counter(st);background:var(--paper-ink);color:#fff;border-radius:50%;place-items:center;width:30px;height:30px;font-size:14px;font-weight:600;display:grid}.client-code{font-family:var(--font-mono);letter-spacing:.12em;color:var(--paper-ink);background:var(--paper);border:1px dashed var(--paper-line);text-align:center;border-radius:10px;padding:10px 14px;font-size:26px;font-weight:600}.client-banner{z-index:10;background:var(--paper-ink);color:#fff;border-radius:999px;align-items:center;gap:14px;padding:10px 12px 10px 16px;font-size:14.5px;display:flex;position:fixed;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 20px 40px -20px #0009}.client-banner .dot{background:var(--teal);border-radius:50%;width:10px;height:10px;animation:1.6s infinite ring}.client-banner button{color:#b42323;cursor:pointer;background:#fff;border:0;border-radius:999px;padding:7px 12px;font-weight:600}.client-end{text-align:center;padding:20px 0}.client-end .big{margin-bottom:8px;font-size:56px}.client-help{color:var(--paper-dim);font-size:14px}.client-footer{text-align:center;color:var(--paper-dim);font-size:13px}.client-root .alert-error{color:#8a1f1f;background:#fff1f1;border-color:#f1c8c8}.client-root .alert-info{color:#16405e;background:#eef7ff;border-color:#cfe4f7}.client-root .alert-ok{color:#0f5b52;background:#ecfaf7;border-color:#bfe9e0}.client-root video{background:#000;border-radius:12px;width:100%}@media (width<=900px){.dash{grid-template-rows:auto 1fr;grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--line);max-height:40vh}.split,.client-meta{grid-template-columns:1fr}.client-card{padding:24px 20px}}.confirm-end{background:#ff6b6b14;border:1px solid #ff6b6b59;border-radius:10px;align-items:center;gap:8px;padding:4px 6px 4px 10px;display:inline-flex}.elevate-wrap{display:inline-block;position:relative}.elevate-menu{z-index:40;gap:10px;width:300px;display:grid;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 18px 50px #00000080}.elevate-opt{text-align:left;border:1px solid var(--line);cursor:pointer;color:var(--text);background:0 0;border-radius:10px;gap:3px;padding:10px 12px;display:grid}.elevate-opt:hover{background:var(--ink-3)}.elevate-sep{background:var(--line);height:1px}.elevate-form{gap:8px;display:grid}