:root{--bg: #f6f7f9;--surface: #ffffff;--surface-2: #fafbfd;--surface-3: #f0f2f6;--text: #0a0c12;--text-soft: #5b6172;--text-muted: #95a0b8;--border: #e4e7ee;--border-strong:#d4d8e1;--accent: #0b5fff;--accent-soft: #e8efff;--accent-hover: #0a52d9;--accent-fg: #ffffff;--good: #119d68;--warn: #b45309;--bad: #dc2626;--shadow-sm: 0 1px 2px rgba(15,17,21,.04), 0 1px 3px rgba(15,17,21,.04);--shadow-md: 0 4px 12px rgba(15,17,21,.06), 0 2px 4px rgba(15,17,21,.04);--shadow-lg: 0 18px 36px rgba(15,17,21,.07), 0 4px 12px rgba(15,17,21,.05);--shadow-glow: 0 0 0 4px rgba(11,95,255,.12);--r-xs: 4px;--r-sm: 6px;--r-md: 10px;--r-lg: 14px;--r-xl: 20px;--r-2xl: 28px;--mono: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--ease: cubic-bezier(.32, .72, 0, 1)}@media (prefers-color-scheme: dark){:root{--bg: #0a0c12;--surface: #11141c;--surface-2: #161922;--surface-3: #1d212c;--text: #ecedf0;--text-soft: #9ca3b3;--text-muted: #5c6377;--border: #1e2230;--border-strong:#2a2f40;--accent: #4f8dff;--accent-soft: rgba(79,141,255,.16);--accent-hover: #6aa1ff;--accent-fg: #0a0c12;--good: #2ecc8a;--warn: #f5b441;--bad: #ff6b6b;--shadow-sm: 0 1px 2px rgba(0,0,0,.3);--shadow-md: 0 4px 12px rgba(0,0,0,.35);--shadow-lg: 0 18px 36px rgba(0,0,0,.5);--shadow-glow: 0 0 0 4px rgba(79,141,255,.2)}}*{box-sizing:border-box}html,body,#root{height:100%}html,body{margin:0;padding:0;background:var(--bg)}body{color:var(--text);font-family:Inter var,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-feature-settings:"cv11","ss01","ss03";font-size:14.5px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{font:inherit;color:inherit;cursor:pointer}input,select,textarea{font:inherit;color:inherit}code{font:500 .9em var(--mono);background:var(--surface-3);padding:1px 6px;border-radius:var(--r-xs);white-space:nowrap}::selection{background:var(--accent-soft);color:var(--text)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 16px;border-radius:var(--r-md);font-weight:500;font-size:14px;border:1px solid transparent;background:var(--surface);color:var(--text);cursor:pointer;transition:background .15s var(--ease),border-color .15s var(--ease),transform .1s var(--ease),box-shadow .15s var(--ease);white-space:nowrap}.btn:active{transform:translateY(.5px)}.btn:focus-visible{outline:none;box-shadow:var(--shadow-glow)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}.btn--primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.btn--ghost{background:var(--surface);border-color:var(--border-strong);color:var(--text)}.btn--ghost:hover:not(:disabled){background:var(--surface-2)}.btn--danger{background:transparent;border-color:var(--border);color:var(--bad)}.btn--danger:hover:not(:disabled){background:#dc262614;border-color:var(--bad)}.btn--icon{padding:8px;width:36px;height:36px}.btn--lg{padding:12px 22px;font-size:15px}.input{width:100%;padding:10px 14px;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--border-strong);color:var(--text);outline:none;transition:border-color .15s var(--ease),box-shadow .15s var(--ease);font-size:14.5px}.input::placeholder{color:var(--text-muted)}.input:focus{border-color:var(--accent);box-shadow:var(--shadow-glow)}.input--lg{padding:12px 16px;font-size:15px}label.field{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--text-soft);font-weight:500}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm)}.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(circle at 15% 10%,rgba(11,95,255,.08),transparent 35%),radial-gradient(circle at 85% 85%,rgba(110,59,255,.06),transparent 35%),var(--bg)}@media (prefers-color-scheme: dark){.login-screen{background:radial-gradient(circle at 15% 10%,rgba(79,141,255,.1),transparent 30%),radial-gradient(circle at 85% 85%,rgba(140,90,255,.08),transparent 35%),var(--bg)}}.login-card{width:100%;max-width:420px;padding:40px 36px 32px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-lg)}.login-brand{display:flex;align-items:center;gap:12px;margin-bottom:32px}.login-logo{width:36px;height:36px;border-radius:9px;background:linear-gradient(135deg,#0b5fff,#6e3bff);display:inline-flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:13px;box-shadow:0 1px #fff6 inset,0 4px 12px #0b5fff4d}.login-h1{font-size:22px;letter-spacing:-.018em;font-weight:600;margin:0 0 4px}.login-sub{font-size:14px;color:var(--text-soft);margin:0 0 28px}.login-form{display:flex;flex-direction:column;gap:14px}.login-error{background:#dc262614;color:var(--bad);border:1px solid rgba(220,38,38,.24);border-radius:var(--r-md);padding:10px 14px;font-size:13px;margin-bottom:4px}.login-foot{margin-top:28px;font-size:12.5px;color:var(--text-muted);text-align:center}.shell{display:grid;grid-template-columns:248px 1fr;min-height:100vh}.sidebar{background:var(--surface);border-right:1px solid var(--border);padding:20px 12px;display:flex;flex-direction:column;gap:22px;position:sticky;top:0;align-self:start;height:100vh;overflow-y:auto}.sidebar__brand{display:flex;align-items:center;gap:10px;padding:4px 8px 0;font-weight:600;font-size:14px;letter-spacing:-.01em}.sidebar__brand .login-logo{width:28px;height:28px;font-size:11px}.sidebar__group{display:flex;flex-direction:column;gap:2px}.sidebar__heading{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);padding:0 10px;margin:6px 0 4px}.sidebar__link{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:var(--r-sm);color:var(--text-soft);font-weight:500;font-size:13.5px;text-decoration:none;transition:background .12s var(--ease),color .12s var(--ease)}.sidebar__link:hover{background:var(--surface-2);color:var(--text);text-decoration:none}.sidebar__link.active{background:var(--accent-soft);color:var(--accent)}.sidebar__footer{margin-top:auto;padding:8px 10px;display:flex;align-items:center;justify-content:space-between;font-size:12.5px;color:var(--text-muted);border-top:1px solid var(--border)}.sidebar__user{display:flex;align-items:center;gap:8px;font-weight:500;color:var(--text-soft)}.avatar{width:26px;height:26px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-weight:600;font-size:11px;color:#fff}.avatar--sky{background:#0ea5e9}.avatar--violet{background:#8b5cf6}.avatar--pink{background:#ec4899}.avatar--amber{background:#f59e0b}.avatar--emerald{background:#10b981}.avatar--slate{background:#64748b}.project-switcher{position:relative;margin-top:4px}.project-switcher__btn{width:100%;display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--r-md);background:var(--surface-2);border:1px solid var(--border);cursor:pointer;text-align:left;transition:background .12s var(--ease)}.project-switcher__btn:hover{background:var(--surface-3)}.project-switcher__name{flex:1;font-weight:600;font-size:13.5px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-switcher__sub{font-size:11.5px;color:var(--text-muted)}.content{padding:32px 40px 80px;min-width:0;max-width:1240px}.content__head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:28px}.content__h1{font-size:26px;font-weight:600;letter-spacing:-.02em;margin:0}.content__sub{font-size:14px;color:var(--text-soft);margin:4px 0 0}.empty{background:var(--surface);border:1px dashed var(--border-strong);border-radius:var(--r-xl);padding:56px 32px;display:grid;place-items:center;text-align:center}.empty__icon{width:56px;height:56px;border-radius:16px;background:var(--accent-soft);color:var(--accent);display:inline-flex;align-items:center;justify-content:center;margin-bottom:18px}.empty__h2{font-size:20px;font-weight:600;letter-spacing:-.018em;margin:0 0 6px}.empty__desc{font-size:14.5px;color:var(--text-soft);margin:0 0 22px;max-width:460px}.empty__actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.proj-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}.proj-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:20px;display:flex;flex-direction:column;gap:14px;transition:transform .18s var(--ease),box-shadow .18s var(--ease),border-color .18s var(--ease);cursor:pointer;text-decoration:none;color:inherit}.proj-card:hover{transform:translateY(-2px);border-color:var(--border-strong);box-shadow:var(--shadow-md);text-decoration:none}.proj-card__head{display:flex;align-items:center;gap:12px}.proj-card__icon{width:38px;height:38px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:14px}.proj-card__name{font-weight:600;font-size:15px;letter-spacing:-.012em}.proj-card__slug{font:500 11.5px var(--mono);color:var(--text-muted)}.proj-card__desc{font-size:13.5px;color:var(--text-soft);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.proj-card__foot{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--text-muted)}.modal-backdrop{position:fixed;inset:0;background:#0a0c1273;backdrop-filter:blur(4px);display:grid;place-items:center;z-index:50;animation:fadeIn .18s var(--ease)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{width:100%;max-width:480px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-lg);padding:28px;animation:pop .2s var(--ease)}@keyframes pop{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal__h2{font-size:19px;font-weight:600;letter-spacing:-.018em;margin:0 0 6px}.modal__sub{font-size:13.5px;color:var(--text-soft);margin:0 0 20px}.modal__form{display:flex;flex-direction:column;gap:14px}.modal__foot{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.code-block{background:var(--surface-3);border:1px solid var(--border);border-radius:var(--r-md);padding:14px 16px;font:500 13px var(--mono);color:var(--text);word-break:break-all;position:relative}.code-block .copy{position:absolute;top:8px;right:8px;background:var(--surface);border:1px solid var(--border-strong);padding:4px 9px;border-radius:999px;font:600 11px Inter,sans-serif;cursor:pointer}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--surface);border:1px solid var(--border-strong);box-shadow:var(--shadow-lg);padding:12px 18px;border-radius:var(--r-md);font-size:13.5px;z-index:100;display:flex;align-items:center;gap:10px;animation:pop .18s var(--ease)}.toast--good{border-color:var(--good);color:var(--good)}.toast--bad{border-color:var(--bad);color:var(--bad)}.splash{min-height:100vh;display:grid;place-items:center;color:var(--text-muted)}.spinner{width:28px;height:28px;border:2px solid var(--border-strong);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.back-link{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--text-muted);margin-bottom:18px;text-decoration:none;transition:color .12s var(--ease)}.back-link:hover{color:var(--text);text-decoration:none}.switcher-pop{position:absolute;top:52px;left:0;right:0;z-index:30;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-lg);padding:6px;max-height:300px;overflow-y:auto;animation:pop .15s var(--ease)}.switcher-item{display:flex;align-items:center;gap:10px;padding:7px 8px;font-size:13.5px;color:var(--text);text-decoration:none;border-radius:var(--r-sm);transition:background .1s var(--ease)}.switcher-item:hover{background:var(--surface-2);text-decoration:none}.switcher-item--all{color:var(--text-soft);font-weight:500}.switcher-divider{height:1px;background:var(--border);margin:4px 6px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:22px}.toolbar__search{flex:1;min-width:240px;max-width:400px;display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-md);transition:border-color .12s var(--ease),box-shadow .12s var(--ease)}.toolbar__search:focus-within{border-color:var(--accent);box-shadow:var(--shadow-glow)}.toolbar__input{flex:1;border:none;outline:none;background:transparent;font-size:13.5px;color:var(--text);min-width:0}.toolbar__check{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--text-soft);cursor:pointer;user-select:none}.toolbar__check input{accent-color:var(--accent)}.rooms-section{margin-bottom:28px}.rooms-section__head{display:flex;align-items:center;gap:8px;font-size:11.5px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:10px;padding:0 4px}.rooms-section__count{background:var(--surface-3);color:var(--text-soft);padding:1px 8px;border-radius:999px;font:600 11px var(--mono);letter-spacing:0}.rooms-list{display:flex;flex-direction:column;gap:8px}.room-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:12px 16px;display:flex;align-items:center;gap:14px;transition:border-color .12s var(--ease),background .12s var(--ease)}.room-card:hover{border-color:var(--border-strong);background:var(--surface-2)}.room-card--ended{opacity:.7}.room-card__main{flex:1;min-width:0;display:flex;align-items:center;gap:12px}.room-card__icon{position:relative;width:36px;height:36px;border-radius:10px;background:var(--accent-soft);color:var(--accent);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.room-card__live-dot{position:absolute;top:-3px;right:-3px;width:10px;height:10px;border-radius:999px;background:var(--good);box-shadow:0 0 0 2px var(--surface);animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.room-card__name{font-weight:600;font-size:14.5px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-card__meta{font-size:12.5px;color:var(--text-muted);display:flex;gap:4px;flex-wrap:wrap}.room-card__meta span{white-space:nowrap}.room-card__actions{display:flex;gap:6px;flex-shrink:0}.btn--sm{padding:6px 10px;font-size:12.5px;border-radius:999px}.field__hint{font-size:11.5px;color:var(--text-muted);font-weight:400;margin-top:-2px}.dev-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start}@media (max-width: 1080px){.dev-grid{grid-template-columns:1fr}}.dev-form{padding:20px;display:flex;flex-direction:column;gap:14px}.dev-form__head{display:flex;align-items:center;gap:8px;font-weight:600;font-size:14px;margin-bottom:4px}.dev-form__hint{color:var(--text-soft);font-size:13.5px;padding:12px;background:var(--surface-2);border-radius:var(--r-md)}.dev-slider{width:100%;-webkit-appearance:none;appearance:none;height:4px;background:var(--border-strong);border-radius:999px;outline:none;margin:4px 0}.dev-slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:var(--accent);border-radius:999px;cursor:pointer;box-shadow:0 1px 3px #0003;transition:transform .1s var(--ease)}.dev-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.perms{display:flex;flex-direction:column;gap:6px;margin-top:4px}.perm{display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);font-size:13.5px;color:var(--text-soft);cursor:pointer;text-align:left;transition:background .12s var(--ease),border-color .12s var(--ease),color .12s var(--ease)}.perm--on{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.perm__check{width:16px;height:16px;border:1.5px solid var(--border-strong);border-radius:4px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;background:var(--surface)}.perm__check--on{border-color:var(--accent);background:var(--accent);color:#fff}.dev-output{min-width:0}.result-stack{display:flex;flex-direction:column;gap:14px}.cb{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden}.cb--primary{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.cb__head{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--border);font-size:12.5px;font-weight:600;color:var(--text-soft);background:var(--surface-2)}.cb__title{letter-spacing:-.005em}.cb__body{margin:0;padding:14px;font:500 12.5px var(--mono);color:var(--text);word-break:break-all;white-space:pre-wrap;background:var(--surface);max-height:220px;overflow:auto}.cb__body--multi{white-space:pre;word-break:normal}.cb__body--mono{word-break:break-all}.dev-meta{display:flex;gap:18px;flex-wrap:wrap;padding:12px 4px;font-size:12.5px;color:var(--text-muted)}.toolbar__select{padding:8px 14px;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-md);font-size:13.5px;color:var(--text);cursor:pointer;transition:border-color .12s var(--ease)}.toolbar__select:focus{outline:none;border-color:var(--accent);box-shadow:var(--shadow-glow)}.rec-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px}.rec-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;display:flex;flex-direction:column;transition:border-color .18s var(--ease),box-shadow .18s var(--ease),transform .18s var(--ease)}.rec-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md)}.rec-card--ready:hover{transform:translateY(-2px)}.rec-card--failed{opacity:.78}.rec-card__thumb{position:relative;aspect-ratio:16 / 9;background:linear-gradient(135deg,#11141c,#1d2030);border:none;padding:0;cursor:pointer;overflow:hidden;transition:filter .15s var(--ease)}.rec-card__thumb:disabled{cursor:default}.rec-card__thumb:not(:disabled):hover{filter:brightness(1.1)}.rec-card__thumb:not(:disabled):hover .rec-thumb__playicon{transform:translate(-50%,-50%) scale(1.08)}.rec-thumb__bg{position:absolute;inset:0;background:radial-gradient(circle at 30% 30%,rgba(110,59,255,.18),transparent 60%),radial-gradient(circle at 70% 70%,rgba(11,95,255,.18),transparent 60%)}.rec-thumb__playicon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:64px;height:64px;background:#fffffff5;border-radius:999px;display:flex;align-items:center;justify-content:center;color:#0b5fff;box-shadow:0 8px 24px #00000059;transition:transform .18s var(--ease)}.rec-thumb__processing,.rec-thumb__failed{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;color:#ffffffd9;font-size:13px;font-weight:500;text-transform:capitalize}.rec-thumb__failed{color:#ff6b6b}.rec-spin{animation:spin .9s linear infinite}.rec-card__body{padding:14px 16px 0;flex:1}.rec-card__name{font-weight:600;font-size:14.5px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rec-card__meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px;font-size:12px;color:var(--text-muted)}.rec-card__meta span{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.rec-card__share-flag{display:inline-flex;align-items:center;gap:6px;margin-top:8px;font-size:11.5px;color:var(--good);font-weight:500}.rec-card__error{margin-top:8px;font-size:11.5px;color:var(--bad);background:#dc262614;padding:6px 10px;border-radius:var(--r-sm);word-break:break-word}.rec-card__actions{padding:12px 14px;display:flex;gap:6px;flex-wrap:wrap}.player-modal{width:100%;max-width:1080px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-lg);overflow:hidden;animation:pop .22s var(--ease)}.player-modal__head{padding:14px 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.player-modal__title{font-weight:600;font-size:15px;letter-spacing:-.012em}.player-modal__meta{font-size:12.5px;color:var(--text-muted);margin-top:2px}.player-modal__video{display:block;width:100%;aspect-ratio:16 / 9;background:#000;outline:none}@media (max-width: 800px){.shell{grid-template-columns:1fr}.sidebar{display:none}.content{padding:20px 18px 80px}}.account-page{max-width:720px;margin:0 auto;padding:32px 24px 80px}.account-grid{display:flex;flex-direction:column;gap:18px}.acc-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:22px}.acc-card__head{display:flex;align-items:center;gap:14px;margin-bottom:16px}.acc-card__icon{width:38px;height:38px;border-radius:10px;background:var(--accent-soft);color:var(--accent);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.acc-card__title{font-weight:600;font-size:15.5px;letter-spacing:-.012em}.acc-card__sub{font-size:13px;color:var(--text-soft);margin-top:2px}.acc-card__rows{display:flex;flex-direction:column}.acc-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-top:1px solid var(--border);font-size:13.5px}.acc-row:first-child{border-top:none}.acc-row__label{color:var(--text-soft);font-weight:500}.acc-row__value{color:var(--text)}.acc-success{background:#119d681a;color:var(--good);border:1px solid rgba(17,157,104,.28);border-radius:var(--r-md);padding:10px 14px;font-size:13.5px;margin-bottom:12px;display:flex;align-items:center;gap:8px}.sess-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.sess-row{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface-2)}.sess-row__main{flex:1;min-width:0}.sess-row__head{font-size:14px;font-weight:500;display:flex;align-items:center;gap:8px}.sess-row__meta{font-size:12px;color:var(--text-muted);margin-top:2px;display:flex;gap:4px;flex-wrap:wrap}.sess-tag{font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:2px 8px;border-radius:999px;display:inline-flex;align-items:center;gap:4px}.sess-tag--current{background:var(--accent-soft);color:var(--accent)}.sess-tag--bad{background:#dc26261f;color:var(--bad)}.sess-tag--warn{background:#b4530924;color:var(--warn)}.keys-list{display:flex;flex-direction:column;gap:10px}.key-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:14px 18px;display:flex;align-items:center;gap:14px;transition:border-color .12s var(--ease),background .12s var(--ease)}.key-card:hover{border-color:var(--border-strong);background:var(--surface-2)}.key-card--revoked{opacity:.55}.key-card__main{flex:1;min-width:0;display:flex;align-items:flex-start;gap:12px}.key-card__icon{width:36px;height:36px;border-radius:10px;background:var(--accent-soft);color:var(--accent);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.key-card__name{font-weight:600;font-size:14.5px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.key-card__id code{font-size:11.5px;background:transparent;padding:0;color:var(--text-muted)}.key-card__meta{display:flex;gap:4px;flex-wrap:wrap;margin-top:6px;font-size:12px;color:var(--text-muted)}.key-card__scopes{display:flex;gap:4px;flex-wrap:wrap;margin-top:8px}.key-card__actions{display:flex;gap:6px;flex-shrink:0}.scope-chip{font:500 11px var(--mono);background:var(--surface-3);color:var(--text-soft);padding:2px 8px;border-radius:4px;border:1px solid var(--border)}.audit-list{display:flex;flex-direction:column;gap:4px}.audit-row{display:grid;grid-template-columns:12px 100px 220px 1fr 1fr 14px;gap:14px;align-items:center;padding:10px 14px;border:1px solid transparent;border-radius:var(--r-md);background:var(--surface);text-align:left;cursor:pointer;font-size:13px;transition:border-color .12s var(--ease),background .12s var(--ease)}.audit-row:hover{border-color:var(--border-strong);background:var(--surface-2)}.audit-row__dot{width:8px;height:8px;border-radius:999px;background:var(--text-muted)}.audit-row__dot--mod{background:#8b5cf6}.audit-row__dot--knock{background:#f59e0b}.audit-row__dot--otp{background:#ec4899}.audit-row__dot--share{background:#0ea5e9}.audit-row__dot--recording{background:var(--good)}.audit-row__dot--room{background:var(--accent)}.audit-row__dot--apikey{background:#64748b}.audit-row__time{color:var(--text-muted);font-variant-numeric:tabular-nums}.audit-row__kind code{background:transparent;padding:0;font-size:12.5px}.audit-row__actor{display:flex;align-items:center;gap:6px}.audit-row__actor-name{color:var(--text-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.actor-tag{font:600 10.5px var(--mono);text-transform:uppercase;letter-spacing:.04em;padding:2px 7px;border-radius:4px;background:var(--surface-3);color:var(--text-soft)}.actor-tag--moderator{background:#8b5cf624;color:#8b5cf6}.actor-tag--customer{background:var(--accent-soft);color:var(--accent)}.actor-tag--guest{background:#f59e0b29;color:var(--warn)}.actor-tag--system{background:#64748b2e;color:#64748b}.actor-tag--cohost{background:#ec489929;color:#ec4899}.audit-row__target{display:flex;align-items:center;gap:6px;color:var(--text-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.audit-row__target code{background:transparent;padding:0;font-size:11.5px}.audit-detail{display:flex;flex-direction:column;gap:0;margin-top:12px}@media (max-width: 720px){.audit-row{grid-template-columns:12px 80px 1fr}.audit-row__actor,.audit-row__target{display:none}}.hooks-list{display:flex;flex-direction:column;gap:10px}.hook-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden;transition:border-color .12s var(--ease)}.hook-card:hover{border-color:var(--border-strong)}.hook-card--disabled{opacity:.7}.hook-card__head{width:100%;display:flex;align-items:center;gap:14px;padding:14px 18px;background:transparent;border:none;text-align:left;cursor:pointer}.hook-card__icon{position:relative;width:36px;height:36px;border-radius:10px;background:var(--accent-soft);color:var(--accent);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.hook-card__live-dot{position:absolute;top:-2px;right:-2px;width:9px;height:9px;border-radius:999px;background:var(--good);box-shadow:0 0 0 2px var(--surface);animation:pulse 1.6s ease-in-out infinite}.hook-card__url{font:500 13.5px var(--mono);color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hook-card__meta{display:flex;gap:4px;flex-wrap:wrap;margin-top:4px;font-size:12px;color:var(--text-muted)}.hook-card__body{padding:14px 18px 18px;border-top:1px solid var(--border);background:var(--surface-2)}.hook-card__actions{display:flex;gap:8px;flex-wrap:wrap}.hook-deliveries{margin-top:18px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden}.hook-deliveries__head{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;font-size:12.5px;font-weight:600;color:var(--text-soft);background:var(--surface-2);border-bottom:1px solid var(--border)}.hook-del-list{list-style:none;padding:0;margin:0}.hook-del{display:grid;grid-template-columns:10px 1.5fr 80px 90px 40px 100px;align-items:center;gap:10px;padding:8px 14px;border-bottom:1px solid var(--border);font-size:12.5px}.hook-del:last-child{border-bottom:none}.hook-del__dot{width:7px;height:7px;border-radius:999px;background:var(--text-muted)}.hook-del__dot--success{background:var(--good)}.hook-del__dot--failed{background:var(--warn)}.hook-del__dot--exhausted{background:var(--bad)}.hook-del__dot--pending{background:var(--accent)}.hook-del__type code{background:transparent;padding:0;font-size:12px}.hook-del__status{color:var(--text-soft);text-transform:capitalize}.hook-del__http{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:11.5px}.hook-del__attempts{color:var(--text-muted);font-variant-numeric:tabular-nums}.hook-del__time{color:var(--text-muted);text-align:right}.cmdk-backdrop{position:fixed;inset:0;background:#0a0c1273;backdrop-filter:blur(6px);display:flex;align-items:flex-start;justify-content:center;padding:96px 20px 20px;z-index:200;animation:fadeIn .12s var(--ease)}.cmdk{width:100%;max-width:580px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);overflow:hidden;animation:cmdk-in .16s var(--ease)}@keyframes cmdk-in{0%{opacity:0;transform:translateY(-8px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.cmdk__head{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--border)}.cmdk__input{flex:1;border:none;outline:none;background:transparent;font-size:15px;color:var(--text)}.cmdk__input::placeholder{color:var(--text-muted)}.cmdk__esc{font:500 11px Inter,sans-serif;background:var(--surface-3);border:1px solid var(--border);color:var(--text-muted);padding:2px 7px;border-radius:4px}.cmdk__list{list-style:none;padding:6px;margin:0;max-height:min(60vh,480px);overflow-y:auto}.cmdk__item{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:var(--r-sm);cursor:pointer;font-size:13.5px;transition:background .08s var(--ease)}.cmdk__item--active{background:var(--accent-soft)}.cmdk__icon{width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--text-soft)}.cmdk__item--active .cmdk__icon{color:var(--accent)}.cmdk__label{flex:1;min-width:0;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cmdk__hint{font-size:12px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}.cmdk__arrow{color:var(--text-muted);opacity:0;flex-shrink:0}.cmdk__item--active .cmdk__arrow{opacity:1;color:var(--accent)}.cmdk__empty{padding:24px;text-align:center;color:var(--text-muted);font-size:13.5px}.cmdk__foot{display:flex;gap:16px;padding:8px 16px;border-top:1px solid var(--border);font-size:11.5px;color:var(--text-muted);background:var(--surface-2)}.cmdk__foot kbd{font:500 10.5px Inter,sans-serif;background:var(--surface);border:1px solid var(--border);border-radius:3px;padding:1px 5px;margin-right:2px}