:root{--bg:#0f1115;--panel:#171a21;--panel-2:#1f232c;--border:#2a2f3a;--text:#e6e9ef;--muted:#9aa3b2;--accent:#4f8cff;--accent-2:#2f6fe4;--danger:#e5484d;--ok:#30a46c;--warn:#f5a524;--radius:10px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);margin:0;font:15px/1.5 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.92em}h1{margin:0;font-size:1.5rem}h2{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin:2rem 0 .75rem;font-size:1.05rem}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.layout{flex-direction:column;min-height:100%;display:flex}.topbar{border-bottom:1px solid var(--border);background:var(--panel);align-items:center;gap:1.5rem;padding:.85rem 1.5rem;display:flex}.topbar__brand{color:var(--text);letter-spacing:.02em;font-weight:700}.topbar__nav{flex:1;gap:1rem;display:flex}.topbar__link{color:var(--muted);padding:.25rem 0}.topbar__link.active{color:var(--text);border-bottom:2px solid var(--accent)}.topbar__user{align-items:center;gap:.75rem;display:flex}.topbar__username{color:var(--muted);font-size:.9rem}.topbar__role{border:1px solid var(--border);border-radius:999px;margin-left:.25rem;padding:0 .5rem;font-size:.72rem}.content{flex:1;width:min(1100px,100%);margin:0 auto;padding:1.75rem 1.5rem 4rem}.centered{place-items:center;min-height:100%;padding:2rem 1rem;display:grid}.page-head{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.25rem;display:flex}.page-head__sub{color:var(--muted);flex-wrap:wrap;align-items:center;gap:.4rem;margin:.4rem 0 0;display:flex}.page-head__dot{color:var(--muted);margin-left:.5rem;font-size:.85rem}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem}.card--narrow{width:min(460px,100%)}.card__title{margin:0 0 1rem;font-size:1.25rem}.card__hint,.field__hint{color:var(--muted);font-size:.85rem}.field{margin-bottom:1rem;display:block}.field--inline{margin-bottom:0}.field__label{color:var(--muted);margin-bottom:.3rem;font-size:.85rem;display:block}.field__req{color:var(--warn);font-size:.75rem}.field__opt{color:var(--muted);font-size:.75rem}.field__input{border:1px solid var(--border);background:var(--panel-2);width:100%;color:var(--text);font:inherit;border-radius:8px;padding:.55rem .7rem}.field__input:focus{outline:2px solid var(--accent);outline-offset:1px}.row{flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:.75rem;display:flex}.row--between{justify-content:space-between}.btn{border:1px solid var(--border);background:var(--panel-2);color:var(--text);font:inherit;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:.4rem;padding:.5rem .9rem;text-decoration:none;display:inline-flex}.btn:hover:not(:disabled){border-color:var(--accent);text-decoration:none}.btn:disabled,.btn--disabled,.btn[aria-disabled=true]{opacity:.45;cursor:not-allowed;pointer-events:none}.btn--primary{background:var(--accent-2);border-color:var(--accent-2)}.btn--secondary{background:var(--panel-2)}.btn--danger{border-color:var(--danger);color:var(--danger);background:0 0}.btn--ghost{background:0 0}.btn--block{width:100%}.pill{border:1px solid var(--border);letter-spacing:.04em;color:var(--muted);border-radius:999px;padding:.1rem .55rem;font-size:.74rem;display:inline-block}.pill--online,.pill--registered{border-color:var(--ok);color:var(--ok)}.pill--capturing{border-color:var(--accent);color:var(--accent)}.pill--error,.pill--revoked{border-color:var(--danger);color:var(--danger)}.pill--pending_registration{border-color:var(--warn);color:var(--warn)}.dot{background:var(--muted);border-radius:50%;width:8px;height:8px;display:inline-block}.dot--open{background:var(--ok)}.dot--connecting{background:var(--warn)}.dot--closed{background:var(--danger)}.banner{border:1px solid var(--border);border-radius:8px;justify-content:space-between;align-items:center;gap:1rem;margin:0 0 1rem;padding:.7rem .9rem;display:flex}.banner--error{border-color:var(--danger);background:#e5484d1a}.banner--success{border-color:var(--ok);background:#30a46c1a}.banner__code{color:var(--muted);margin-top:.15rem;font-size:.78rem;display:block}.explain{color:var(--muted);margin:.5rem 0}.explain--warn{color:var(--warn)}.state{text-align:center;color:var(--muted);border:1px dashed var(--border);border-radius:var(--radius);padding:2rem 1rem}.state--loading{border-style:solid;justify-content:center;align-items:center;gap:.6rem;display:flex}.state__title{color:var(--text);margin:0 0 .3rem}.state__hint{margin:0;font-size:.9rem}.spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.table-wrap{border:1px solid var(--border);border-radius:var(--radius);overflow-x:auto}.table{border-collapse:collapse;background:var(--panel);width:100%}.table th,.table td{text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;padding:.65rem .9rem}.table th{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:.76rem}.table tr:last-child td{border-bottom:none}.table__actions{gap:.4rem;display:flex}.details{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem 1.5rem;margin:0;display:grid}.details dt{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:.76rem}.details dd{margin:.15rem 0 0}.secret{border:1px solid var(--warn);border-radius:var(--radius);background:#f5a52414;margin:1rem 0;padding:1rem}.secret__warning{color:var(--text);margin:0 0 .75rem;font-size:.9rem}.secret__row{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.secret__code{background:var(--panel-2);border:1px solid var(--border);-webkit-user-select:all;user-select:all;word-break:break-all;border-radius:8px;flex:1;min-width:240px;padding:.5rem .7rem}.confirm{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.confirm__question{color:var(--warn);font-size:.9rem}.command{border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);margin-top:1.5rem;padding:1rem}.command h2{margin-top:0}.viewer{grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:1.25rem;display:grid}@media (width<=860px){.viewer{grid-template-columns:1fr}}.viewer__main{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:1rem}.viewer__image{border:1px solid var(--border);background:#000;border-radius:8px;width:100%;margin-bottom:1rem}.viewer__list{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);max-height:70vh;padding:.5rem;overflow-y:auto}.viewer__list ul{margin:0 0 .5rem;padding:0;list-style:none}.viewer__item{width:100%;color:var(--text);font:inherit;cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:space-between;gap:.5rem;padding:.5rem .6rem;display:flex}.viewer__item:hover{background:var(--panel-2)}.viewer__item.is-active{border-color:var(--accent);background:var(--panel-2)}.viewer__meta,.viewer__end{color:var(--muted);font-size:.82rem}.viewer__end{text-align:center;margin:.5rem 0}