:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;--ink-950:#041b3b;--ink-900:#08264f;--text:#111722;--muted:#526071;--faint:#7f8b9b;--border:#d6dce5;--border-strong:#aeb8c7;--surface:#fff;--surface-subtle:#f6f8fb;--cobalt:#0c5ce7;--cobalt-hover:#084bc3;--cobalt-soft:#eaf1ff;--green:#008f59;--green-soft:#e8f7f0;--amber:#a96200;--amber-soft:#fff5df;--red:#c42323;--red-soft:#fff0f0;--shadow-dialog:0 24px 80px #041b3b2e;--radius-control:8px;--focus:0 0 0 3px #0c5ce738;font-family:Inter,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html{background:var(--surface);min-width:320px;color:var(--text)}body{background:var(--surface);min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:var(--cobalt);text-underline-offset:.2em}:focus-visible{outline:2px solid var(--cobalt);outline-offset:2px}h1,h2,p{margin-top:0}h1{letter-spacing:-.035em;margin-bottom:16px;font-size:clamp(2rem,3vw,2.65rem);line-height:1.08}h2{letter-spacing:-.015em;font-size:1.25rem;line-height:1.25}.lede{max-width:650px;color:var(--muted);margin-bottom:40px;font-size:1.12rem;line-height:1.55}.lede--small{margin-bottom:30px;font-size:.95rem}.button{border-radius:var(--radius-control);text-align:center;cursor:pointer;border:1px solid #0000;min-height:46px;padding:0 22px;font-size:.94rem;font-weight:650;line-height:44px;text-decoration:none;transition:background-color .14s,border-color .14s,color .14s}.button:disabled{opacity:.48;cursor:not-allowed}.button--primary{background:var(--cobalt);color:#fff}.button--primary:not(:disabled):hover{background:var(--cobalt-hover)}.button--secondary{background:var(--surface);color:var(--cobalt);border-color:#9db9f5}.button--secondary:not(:disabled):hover{border-color:var(--cobalt);background:var(--cobalt-soft)}.button--text{color:var(--cobalt);background:0 0;border:0;padding-inline:4px}.button--danger{color:var(--red);background:0 0;border:0}.form-stack{gap:26px;display:grid}.field{gap:8px;display:grid}.field label{color:var(--text);letter-spacing:-.005em;font-size:.9rem;font-weight:680}.field input,.field select{border:1px solid var(--border-strong);border-radius:var(--radius-control);background:var(--surface);width:100%;min-height:52px;color:var(--text);padding:0 16px;font-size:1rem}.field input::placeholder{color:var(--faint)}.field input:focus,.field select:focus{border-color:var(--cobalt);box-shadow:var(--focus);outline:none}.field-help{color:var(--muted);margin:0;font-size:.88rem;line-height:1.45}.field-error,.page-error{color:var(--red);align-items:flex-start;gap:9px;margin:0;font-size:.9rem;line-height:1.45;display:flex}.page-error{border-left:3px solid var(--red);background:var(--red-soft);padding:14px 16px}.form-actions{justify-content:space-between;align-items:center;gap:14px;padding-top:10px;display:flex}.form-actions--end{justify-content:flex-end}.security-note,.notice{border-block:1px solid var(--border);color:var(--muted);gap:14px;padding:18px 0;font-size:.9rem;line-height:1.5;display:flex}.security-note p{margin:0}.security-note-icon{width:20px;height:20px;color:var(--ink-950);flex:none;margin-top:1px}.notice{border:0;border-left:3px solid var(--cobalt);background:var(--cobalt-soft);padding:14px 16px;display:block}.status-icon{flex:none;width:20px;height:20px}.external-icon{width:16px;height:16px}.brand{color:#fff;letter-spacing:-.02em;align-items:center;gap:12px;font-size:1.15rem;font-weight:700;text-decoration:none;display:inline-flex}.brand--dark{color:var(--ink-950);margin-bottom:64px}.brand-mark{color:#24d6a2;width:34px;height:34px}.auth-layout{background:linear-gradient(90deg, var(--ink-950) 0 11px, transparent 11px), var(--surface);place-items:center;min-height:100vh;padding:40px 24px;display:grid}.auth-panel{width:min(100%,520px)}.setup-layout{grid-template-columns:318px minmax(0,1fr);min-height:100vh;display:grid}.setup-rail{background:var(--ink-950);color:#fff;padding:30px 34px}.setup-steps{gap:0;margin:170px 0 0;padding:0;list-style:none;display:grid}.setup-steps li{color:#d8e0ec;grid-template-columns:48px 1fr;align-items:center;gap:14px;min-height:130px;font-size:1rem;display:grid;position:relative}.setup-steps li:not(:last-child):after{content:"";background:#5d6f88;width:2px;position:absolute;top:82px;bottom:-34px;left:23px}.setup-steps li.is-done:after{background:#24d6a2}.setup-steps li.is-current{color:#fff;font-weight:700}.step-number{border:2px solid #8291a8;border-radius:50%;place-items:center;width:48px;height:48px;font-size:1.25rem;display:grid}.is-current .step-number{border-color:#4b88ff;box-shadow:0 0 0 5px #0c5ce72e}.is-done .step-number{color:#24d6a2;border-color:#24d6a2}.setup-panel{width:min(100% - 48px,720px);margin:0 auto;padding:92px 0 72px}.setup-result{align-content:center;justify-items:start;min-height:70vh;display:grid}.setup-result>.status-icon{width:44px;height:44px;color:var(--green);margin-bottom:24px}.spinner{border:3px solid var(--border);border-top-color:var(--cobalt);border-radius:50%;width:42px;height:42px;margin-bottom:28px;animation:.8s linear infinite spin}.recovery-codes{border-block:1px solid var(--border);background:var(--surface-subtle);grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 24px;margin:0 0 32px;padding:20px 20px 20px 42px;display:grid}.recovery-codes code{font-size:.9rem}.app-shell{grid-template-columns:212px minmax(0,1fr);min-height:100vh;display:grid}.app-rail{background:var(--ink-950);color:#fff;flex-direction:column;height:100vh;padding:32px 16px 20px;display:flex;position:sticky;top:0}.app-rail .brand{padding:0 8px}.app-rail nav{gap:8px;margin-top:50px;display:grid}.app-rail nav a{color:#edf3fc;border-radius:7px;align-items:center;gap:12px;min-height:48px;padding:0 14px;font-size:.94rem;font-weight:560;text-decoration:none;display:flex}.app-rail nav a:hover{background:#ffffff14}.app-rail nav a.active{background:var(--cobalt);color:#fff}.app-rail nav svg{width:22px;height:22px}.rail-footer{border-top:1px solid #ffffff29;gap:6px;margin-top:auto;padding:18px 8px 0;display:grid}.rail-email{color:#d7e0ee;text-overflow:ellipsis;font-size:.86rem;overflow:hidden}.rail-footer .button{color:#fff;justify-self:start}.app-content{min-width:0}.page{width:min(100%,1320px);margin:0 auto;padding:32px 28px 72px}.page-heading{margin-bottom:34px}.page-heading h1{margin-bottom:0}.page-heading p{max-width:720px;color:var(--muted);margin-top:12px;line-height:1.5}.room-filters{grid-template-columns:minmax(230px,2fr) repeat(4,minmax(120px,1fr));align-items:end;gap:24px;margin-bottom:42px;display:grid}.field--filter,.field--search{gap:7px}.field--filter input,.field--filter select,.field--search input{min-height:48px;font-size:.92rem}.search-control{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.search-submit{min-width:82px}.room-table-wrap{overflow-x:auto}.room-table{border-collapse:collapse;width:100%;font-size:.88rem}.room-table th,.room-table td{border-bottom:1px solid var(--border);text-align:left;vertical-align:top;padding:20px 12px}.room-table thead th{color:var(--text);white-space:nowrap;padding-top:0;font-size:.82rem;font-weight:700}.room-table tbody th{font-weight:590}.room-table tbody tr{transition:background-color .12s}.room-table tbody tr:hover{background:var(--surface-subtle)}.room-id{overflow-wrap:anywhere;max-width:260px;display:block}.health{white-space:nowrap;align-items:center;gap:7px;font-weight:620;display:inline-flex}.health--healthy{color:var(--green)}.health--degraded,.health--unknown{color:var(--amber)}.health--unavailable{color:var(--red)}.external-link{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.attention-link{color:var(--red);font-weight:600}.pagination{color:var(--muted);justify-content:space-between;align-items:center;gap:20px;margin-top:24px;font-size:.88rem;display:flex}.pagination div{gap:12px;display:flex}.empty-state{border-block:1px solid var(--border);text-align:center;padding:64px 0}.empty-state p{color:var(--muted)}.loading-line,.centered-status{min-height:240px;color:var(--muted);place-items:center;display:grid}.centered-status{min-height:100vh}.connection-heading{border-bottom:1px solid var(--border);padding-bottom:24px}.connection-status{color:var(--green);align-items:center;gap:8px;margin-top:18px;font-weight:620;display:inline-flex}.connection-details{width:min(100%,720px)}.detail-section{margin-bottom:34px}.detail-section h2{margin-bottom:8px}.detail-section dl{margin:0}.detail-row{border-bottom:1px solid var(--border);grid-template-columns:minmax(150px,.7fr) minmax(0,1.3fr);gap:28px;padding:15px 0;font-size:.92rem;display:grid}.detail-row dt{color:var(--text);font-weight:600}.detail-row dd{overflow-wrap:anywhere;min-width:0;margin:0}.detail-help{color:var(--red);margin-top:8px;font-size:.84rem;display:block}.connection-actions{flex-wrap:wrap;align-items:center;gap:14px;margin-top:52px;display:flex}.dialog{border:1px solid var(--border-strong);width:min(100% - 40px,520px);max-height:calc(100vh - 40px);box-shadow:var(--shadow-dialog);border-radius:2px;padding:46px;overflow:auto}.dialog::backdrop{background:#041b3b70}.dialog h2{padding-right:28px;font-size:1.65rem}.dialog-close{width:38px;height:38px;color:var(--muted);cursor:pointer;background:0 0;border:0;font-size:1.6rem;position:absolute;top:16px;right:18px}.dialog-form{gap:24px}.recovery-form{width:min(100%,600px)}.recovery-page .connection-actions{margin-top:28px}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=960px){.setup-layout{grid-template-columns:1fr}.setup-rail{padding:18px 22px}.setup-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0 0}.setup-steps li{grid-template-columns:32px 1fr;gap:8px;min-height:auto;font-size:.78rem}.setup-steps li:after{display:none}.step-number{width:32px;height:32px;font-size:.82rem}.setup-panel{width:min(100% - 40px,720px);padding-top:54px}.app-shell{grid-template-columns:1fr}.app-rail{z-index:2;grid-template-columns:1fr auto;gap:14px;height:auto;padding:14px 18px;display:grid;position:static}.app-rail .brand{align-self:center}.app-rail nav{grid-area:2/1/auto/-1;grid-template-columns:repeat(2,minmax(0,1fr));margin:0}.rail-footer{border:0;align-items:center;gap:8px;margin:0;padding:0;display:flex}.rail-email{display:none}.room-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.field--search{grid-column:1/-1}}@media (width<=680px){h1{font-size:2rem}.page{padding:26px 16px 48px}.room-filters{grid-template-columns:1fr;gap:16px;margin-bottom:28px}.field--search{grid-column:auto}.room-table-wrap{overflow:visible}.room-table,.room-table tbody{display:block}.room-table thead{clip:rect(0 0 0 0);clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.room-table tr{border:1px solid var(--border);border-radius:var(--radius-control);margin-bottom:12px;padding:4px 12px;display:block}.room-table th,.room-table td{border-bottom:1px solid var(--border);grid-template-columns:minmax(92px,.65fr) minmax(0,1.35fr);gap:12px;padding:9px 0;font-size:.82rem;display:grid}.room-table tr>:last-child{border-bottom:0}.room-table th:before,.room-table td:before{color:var(--muted);content:attr(data-label);font-size:.74rem;font-weight:600}.room-id{max-width:100%}.pagination{align-items:flex-start}.pagination div{flex-direction:row}.detail-row{grid-template-columns:1fr;gap:7px}.connection-actions{display:grid}.connection-actions .button{width:100%}.dialog{border:0;border-radius:18px 18px 0 0;width:100%;max-width:none;max-height:86vh;margin:auto 0 0;padding:38px 20px 24px}.form-actions{align-items:stretch}.recovery-codes{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}