:root{--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--canvas:#08060d;--sidebar:#0e0a16;--surface:#14101d;--surface-raised:#1e172b;--surface-hover:#291e3a;--surface-feature:#211330;--border:#352943;--border-strong:#705787;--text:#f2edf9;--text-muted:#b1a5c2;--text-subtle:#a194b2;--accent:#7c3aed;--accent-hover:#6d28d9;--accent-text:#c4a7ff;--accent-surface:#302044;--on-accent:#fff;--focus:#d6bfff;--disabled-surface:#221b30;--disabled-text:#a194b2;--success:#7cd4b1;--warning:#e8be87;--warning-surface:#281c10;--warning-border:#634726;--danger:#ffaaa8;--danger-surface:#281319;--danger-border:#75424a;--font-ui:"Segoe UI", Tahoma, Arial, sans-serif;--text-xs:.6875rem;--text-sm:.75rem;--text-md:.8125rem;--text-lg:1rem;--text-title:1.8125rem;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--radius-control:6px;--radius-panel:10px;--radius-symbol:14px;--motion-fast:.15s;--rack-line:#785c98;--rack-base:#160d22;--rack-top:#51346e;--rack-left:#2b193e;--rack-right:#3b2553;--rack-edge:#a17bc3;--rack-slot:#100a19;--rack-detail:#c4a7ff;font-family:var(--font-ui);color:var(--text);background:var(--canvas);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed}button:focus-visible,a:focus-visible{outline:3px solid var(--focus);outline-offset:4px}h1,h2,p{margin:0}svg{flex-shrink:0}.app-shell{grid-template-columns:230px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:var(--sidebar);height:100vh;color:var(--text);flex-direction:column;padding:29px 18px 22px;display:flex;position:sticky;top:0}.brand{color:var(--text);letter-spacing:-1px;align-items:center;gap:11px;padding:0 12px;font-size:27px;font-weight:650;display:flex}.brand-caption{font-size:var(--text-xs);letter-spacing:.3px;color:var(--text-muted);margin-top:2px;font-weight:400;display:block}.workspace{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-panel);font-size:var(--text-sm);align-items:center;gap:10px;margin:34px 0 25px;padding:12px 10px;font-weight:600;display:flex}.workspace>svg{color:var(--accent-text);margin-left:auto}.workspace small{color:var(--text-muted);font-size:var(--text-xs);margin-top:4px;font-weight:400;display:block}.workspace-avatar{border-radius:var(--radius-control);background:var(--surface-raised);width:29px;height:29px;color:var(--text);font-size:var(--text-sm);place-items:center;display:grid}.sidebar nav{flex-direction:column;gap:6px;display:flex}.nav-item{align-items:center;gap:var(--space-3);font-size:var(--text-md);border-radius:var(--radius-control);transition:background var(--motion-fast);padding:12px 14px;display:flex}.nav-item:hover{background:var(--surface-hover)}.nav-item.active{background:var(--accent-surface);color:var(--text);box-shadow:inset 3px 0 0 var(--focus);font-weight:600}.sidebar-bottom{padding:var(--space-5) 10px 0;font-size:var(--text-xs);border-top:1px solid var(--border);color:var(--text);align-items:flex-start;gap:9px;margin-top:auto;display:flex}.sidebar-bottom small{font-size:var(--text-xs);color:var(--text-muted);margin-top:6px;line-height:1.6;display:block}.sidebar-bottom .small-dot{background:var(--accent-text);margin-top:4px}.main-shell{min-width:0}.topbar{background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:var(--space-3);height:76px;padding:0 42px;display:flex}.breadcrumb{font-size:var(--text-sm);color:var(--text-muted);gap:15px;display:flex}.breadcrumb span{color:var(--text-muted)}.breadcrumb strong{color:var(--text);font-weight:500}.session-label{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-muted);display:flex}.avatar{background:var(--surface-raised);width:30px;height:30px;color:var(--accent-text);border-radius:50%;place-items:center;margin-left:10px;font-weight:650;display:grid}main{outline:none;max-width:1450px;margin:auto;padding:23px 42px 18px}.development-note{font-size:var(--text-xs);color:var(--warning);background:var(--warning-surface);border:1px solid var(--warning-border);border-radius:var(--radius-control);align-items:center;gap:9px;margin-bottom:29px;padding:10px 13px;display:flex}.development-note p{font-weight:600;line-height:1.6}.development-note p span{color:var(--warning);margin-left:12px;font-weight:400}.small-dot{background:currentColor;border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.page-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:25px;display:flex}h1{font-size:var(--text-title);letter-spacing:-.9px;font-weight:650;line-height:1.3}.page-heading p{font-size:var(--text-md);color:var(--text-muted);margin-top:6px;line-height:1.6}.button{border-radius:var(--radius-control);font-size:var(--text-sm);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:9px;padding:10px 15px;font-weight:600;line-height:1.5;display:inline-flex}.secondary{background:var(--surface);border-color:var(--border-strong);color:var(--text-muted)}.secondary:hover:not(:disabled){background:var(--surface-hover)}.secondary:disabled{opacity:.65}.light{background:var(--accent);color:var(--on-accent)}.light:hover{background:var(--accent-hover)}.primary{background:var(--accent);color:var(--on-accent)}.primary:hover:not(:disabled){background:var(--accent-hover)}.primary:disabled{background:var(--disabled-surface);border-color:var(--border);color:var(--disabled-text)}.welcome-panel{background:var(--surface-feature);border:1px solid var(--border);border-radius:var(--radius-panel);min-height:255px;color:var(--text);align-items:center;margin-bottom:30px;padding:29px 34px;display:flex;position:relative;overflow:hidden}.welcome-copy{z-index:1;flex:1;min-width:240px;max-width:360px}.welcome-label{font-size:var(--text-xs);color:var(--text-muted);align-items:center;gap:7px;margin-bottom:13px;display:flex}.welcome-panel h2{letter-spacing:-.8px;font-size:32px;font-weight:550;line-height:1.15}.welcome-panel p{font-size:var(--text-sm);color:var(--text);max-width:310px;margin-top:13px;line-height:1.75}.welcome-panel .button{margin-top:20px}.server-illustration{width:43%;min-width:220px;max-width:400px;margin-left:auto}.section-heading{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:14px;display:flex}.section-heading h2{align-items:center;gap:9px;font-size:15px;font-weight:650;line-height:1.5;display:flex}.section-heading>span{font-size:var(--text-xs);color:var(--text-muted)}.count{font-size:var(--text-xs);background:var(--surface-raised);color:var(--text-muted);border-radius:4px;padding:1px 6px}.server-empty{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-panel);text-align:center;padding:31px 24px 27px}.empty-symbol{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-symbol);width:62px;height:62px;color:var(--accent-text);place-items:center;margin:0 auto 17px;display:grid}.server-empty h2{letter-spacing:-.3px;font-size:18px;font-weight:600}.server-empty p{font-size:var(--text-sm);color:var(--text-muted);max-width:430px;margin:10px auto 17px;line-height:1.8}.server-empty small{color:var(--text-muted);font-size:var(--text-xs);margin-top:9px;display:block}.overview-bottom{grid-template-columns:minmax(0,1.65fr) minmax(230px,1fr);gap:25px;margin-top:30px;display:grid}.setup-list{border-top:1px solid var(--border);margin:0;padding:0;list-style:none}.setup-list li{border-bottom:1px solid var(--border);align-items:center;gap:14px;padding:19px 0;display:flex}.step-number{background:var(--surface-raised);border:1px solid var(--border);width:27px;height:27px;font-size:var(--text-xs);color:var(--text-muted);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.setup-list strong{font-size:var(--text-sm);font-weight:600}.setup-list p{font-size:var(--text-xs);color:var(--text-muted);margin-top:5px;line-height:1.6}.setup-list a{color:var(--text-muted);margin-left:auto;padding:8px}.pending-label{font-size:var(--text-xs);color:var(--text-muted);text-align:right;max-width:75px;margin-left:auto}.access-note{border-left:2px solid var(--border);margin-top:35px;padding:4px 0 6px 23px}.access-note>svg{color:var(--accent-text);margin-bottom:13px}.access-note h2{letter-spacing:-.4px;font-size:20px;font-weight:550;line-height:1.35}.access-note p{font-size:var(--text-sm);color:var(--text-muted);max-width:280px;margin-top:12px;line-height:1.8}.access-note a{align-items:center;gap:var(--space-2);color:var(--accent-text);font-size:var(--text-xs);margin-top:17px;font-weight:600;display:flex}.page-footer{justify-content:space-between;gap:var(--space-4);border-top:1px solid var(--border);font-size:var(--text-xs);color:var(--text-muted);margin-top:35px;padding-top:17px;display:flex}.footer-separator{color:var(--border);padding:0 8px}.api-indicator{align-items:center;gap:7px;display:flex}.available{color:var(--success)}.connection-panel{border:1px solid var(--border);background:var(--surface);border-radius:var(--radius-panel);font-size:var(--text-md);align-items:center;gap:15px;padding:35px;display:flex}.connection-panel.error{background:var(--danger-surface);border-color:var(--danger-border);color:var(--danger);align-items:flex-start}.error h2{margin-bottom:8px;font-size:17px}.error p{font-size:var(--text-sm);line-height:1.8}.spinner{border:2px solid var(--border-strong);border-top-color:var(--accent);border-radius:50%;width:17px;height:17px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.route-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-panel);padding:var(--space-5);margin-bottom:22px}.route-panel>div:first-child{align-items:center;gap:10px;display:flex}.route-panel h2,.settings-panel h2{font-size:var(--text-lg);font-weight:600}.route-panel>p,.settings-panel>p{color:var(--text-muted);font-size:var(--text-sm);max-width:650px;margin-top:10px;line-height:1.8}.route{justify-content:space-between;align-items:center;gap:var(--space-3);padding:35px 0 8px;display:flex}.route>span{text-align:center;flex-direction:column;align-items:center;gap:9px;min-width:65px;display:flex}.route strong{font-size:var(--text-sm);font-weight:600}.route small{font-size:var(--text-xs);color:var(--text-muted)}.route>i{border-top:1px dashed var(--border-strong);flex:1;align-self:flex-start;height:1px;margin-top:13px}.integration-list{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-panel);padding:0 22px}.integration-row{border-bottom:1px solid var(--border);align-items:center;gap:15px;padding:22px 0;display:flex}.integration-row:last-child{border:0}.integration-icon{background:var(--surface-raised);border-radius:var(--radius-panel);width:38px;height:38px;color:var(--accent-text);flex-shrink:0;place-items:center;display:grid}.integration-row h2{font-size:var(--text-md);font-weight:600}.integration-row p{font-size:var(--text-xs);color:var(--text-muted);margin-top:5px;line-height:1.7}.status-chip{font-size:var(--text-xs);background:var(--surface-raised);border:1px solid var(--border);color:var(--text-muted);white-space:nowrap;border-radius:4px;margin-left:auto;padding:4px 7px}.settings-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-panel);padding:var(--space-5);margin-bottom:22px}.setting-row{border-top:1px solid var(--border);font-size:var(--text-sm);align-items:center;gap:20px;margin-top:17px;padding:17px 0;display:flex}.setting-row+.setting-row{margin-top:0}.setting-row>span:first-child{min-width:120px;color:var(--text-muted)}.setting-row strong{font-weight:500}.role-table{margin-top:20px}.role-table>div{border-top:1px solid var(--border);font-size:var(--text-sm);grid-template-columns:120px 1fr;gap:15px;padding:17px 0;display:grid}.role-table strong{font-weight:600}.role-table span{color:var(--text-muted);line-height:1.6}.skip-link{background:var(--surface);z-index:10;color:var(--text);border-radius:var(--radius-control);padding:12px;position:fixed;top:-60px;left:15px}.skip-link:focus{top:10px}.text-link{color:var(--accent-text);font-size:var(--text-md)}.auth-shell{width:min(100%,620px);min-height:100vh;padding:var(--space-6) var(--space-5);justify-content:center;gap:var(--space-5);flex-direction:column;display:flex}.auth-brand{align-items:center;gap:var(--space-3);color:var(--accent-text);letter-spacing:-1px;font-size:28px;font-weight:650;display:flex}.auth-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-panel);padding:var(--space-6)}.auth-panel h1{font-size:28px;line-height:1.25}.auth-panel p{margin:var(--space-4) 0;font-size:var(--text-md);color:var(--text-muted);line-height:1.8}.auth-panel strong{color:var(--text)}.auth-panel small{color:var(--text-muted);font-size:var(--text-sm);margin:var(--space-3) 0;line-height:1.8;display:block}.auth-panel>.button{margin-top:var(--space-3);width:100%;min-height:44px}.auth-symbol{width:60px;height:60px;color:var(--accent-text);background:var(--accent-surface);border-radius:var(--radius-symbol);margin-bottom:var(--space-5);place-items:center;display:grid}.auth-footer{color:var(--text-muted);font-size:var(--text-sm)}.permission-summary{font-size:var(--text-md);color:var(--text-muted);columns:2;padding-left:20px;line-height:1.9}.permission-summary li{break-inside:avoid}.form-error{padding:var(--space-4);border:1px solid var(--danger-border);background:var(--danger-surface);color:var(--danger);border-radius:var(--radius-control);font-size:var(--text-md);margin-bottom:var(--space-4);overflow-wrap:anywhere;line-height:1.7}.form-error p,.auth-panel .form-error{color:var(--danger)}.form-note{color:var(--text-muted);font-size:var(--text-sm);margin:var(--space-4) 0;line-height:1.8}.form-field{gap:var(--space-2);margin:var(--space-5) 0;flex-direction:column;display:flex}.form-field label,.generated-link label{font-size:var(--text-md);font-weight:600}.form-field label span{color:var(--text-muted);font-weight:400}.form-field small{font-size:var(--text-sm);color:var(--text-muted);line-height:1.7}.input{width:100%;min-width:0;padding:11px var(--space-3);background:var(--surface-raised);min-height:44px;color:var(--text);border:1px solid var(--border-strong);border-radius:var(--radius-control);font:inherit;font-size:var(--text-md)}.input::placeholder{color:var(--text-muted);opacity:1}.input:disabled{color:var(--disabled-text);background:var(--disabled-surface)}.input:focus-visible,input[type=checkbox]:focus-visible{outline:3px solid var(--focus);outline-offset:4px}.input-action{align-items:center;gap:var(--space-3);margin-top:var(--space-3);display:flex}.access-manager>.section-heading{margin:var(--space-5) 0;align-items:flex-start}.access-manager>.section-heading h2{overflow-wrap:anywhere}.permission-grid{gap:var(--space-5);grid-template-columns:1fr 1fr;display:grid}.permission-grid fieldset{border:1px solid var(--border);border-radius:var(--radius-control);padding:var(--space-4);min-width:0;margin:0}.permission-grid legend{color:var(--text-muted);font-size:var(--text-sm);padding:0 var(--space-1)}.checkbox-label{align-items:flex-start;gap:var(--space-2);font-size:var(--text-md);padding:var(--space-2) 0;line-height:1.5;display:flex}.checkbox-label input{accent-color:var(--accent);flex-shrink:0;width:17px;height:17px;margin:2px 0 0}.checkbox-label:has(input:disabled){color:var(--disabled-text)}.member-row{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4) 0;border-bottom:1px solid var(--border);display:flex}.member-row:last-child{border-bottom:0}.member-row>div{min-width:0}.member-row strong{font-size:var(--text-md);overflow-wrap:anywhere;font-weight:600}.member-row span{color:var(--text-muted);font-size:var(--text-sm);margin-top:var(--space-2);overflow-wrap:anywhere;line-height:1.7;display:block}.generated-link .input{font-family:var(--font-ui)}.confirmation-panel{border:1px solid var(--danger-border);padding:var(--space-5);background:var(--danger-surface);border-radius:var(--radius-panel);margin-bottom:var(--space-5)}.confirmation-panel h2{font-size:var(--text-lg);line-height:1.6}.confirmation-panel p{color:var(--text-muted);font-size:var(--text-md);margin:var(--space-3) 0;line-height:1.8}.button-row{gap:var(--space-3);flex-wrap:wrap;display:flex}.danger{color:var(--danger);border-color:var(--danger-border);background:var(--danger-surface)}.danger:hover:not(:disabled){border-color:var(--danger)}.server-list{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-panel);padding:0 var(--space-5)}.server-row{align-items:center;gap:var(--space-4);padding:var(--space-5) 0;border-bottom:1px solid var(--border);display:flex}.server-row:last-child{border:0}.server-row>div{flex:1;min-width:0}.server-row h2{font-size:var(--text-lg);overflow-wrap:anywhere;font-weight:600}.server-row p{color:var(--text-muted);font-size:var(--text-sm);margin-top:var(--space-2)}.status-success{color:var(--success)}.activity-time{font-size:var(--text-xs);color:var(--text-muted);text-align:right;margin-left:auto}.session-name{text-overflow:ellipsis;white-space:nowrap;max-width:180px;overflow:hidden}@media (width<=650px){.auth-shell{padding:var(--space-5) var(--space-4)}.auth-panel{padding:var(--space-5)}.auth-panel h1{font-size:25px}.permission-grid{grid-template-columns:1fr}.permission-summary{columns:1}.input-action,.member-row{flex-direction:column;align-items:stretch}.access-manager>.section-heading{flex-direction:column}.server-row{gap:var(--space-3);flex-wrap:wrap}.server-row>.status-chip{margin-left:0}.server-row>.button{margin-left:auto}.session-name{max-width:85px}.session-label>.button{padding:7px}}@media (width>=1500px){main{padding-top:30px}.welcome-panel{min-height:280px}}@media (width<=1100px){.app-shell{grid-template-columns:195px minmax(0,1fr)}.sidebar{padding-left:12px;padding-right:12px}.topbar{padding:0 26px}main{padding:22px 26px 18px}.welcome-panel{padding:26px}.welcome-panel h2{font-size:var(--text-title)}.server-illustration{min-width:190px}.overview-bottom{grid-template-columns:minmax(0,1.5fr) minmax(200px,1fr);gap:20px}.section-heading>span{text-align:right;max-width:145px}}@media (width<=800px){.app-shell{grid-template-columns:72px minmax(0,1fr)}.sidebar{padding:22px 10px}.brand{justify-content:center;padding:0}.brand>span,.workspace,.nav-item>span,.sidebar-bottom{display:none}.sidebar nav{margin-top:35px}.nav-item{justify-content:center;padding:14px 8px}.topbar{height:64px}.overview-bottom{grid-template-columns:1fr}.access-note{margin-top:0;margin-bottom:8px}.access-note h2 br{display:none}.access-note p{max-width:100%}.welcome-copy{min-width:200px}.server-illustration{width:42%;min-width:140px}.development-note p span{margin-left:0;display:block}.setting-row{gap:var(--space-3);flex-wrap:wrap}.setting-row .status-chip{margin-left:0}}@media (width<=540px){.breadcrumb{gap:0;font-size:0}.breadcrumb>span{display:none}.breadcrumb>strong{font-size:var(--text-sm)}.topbar{padding:0 16px}.session-label>svg,.avatar{display:none}main{padding:17px 16px}.page-heading{align-items:flex-start}h1{font-size:23px}.page-heading p{font-size:var(--text-sm)}.page-heading .button{gap:0;padding:9px;font-size:0}.welcome-panel{padding:var(--space-5) 22px;align-items:flex-start;min-height:290px}.welcome-copy{min-width:0;max-width:100%}.welcome-copy p{max-width:220px}.welcome-panel h2{font-size:var(--text-title)}.server-illustration{opacity:.28;pointer-events:none;width:190px;position:absolute;bottom:-12px;right:-40px}.welcome-panel .button{position:relative}.section-heading>span{max-width:110px;font-size:var(--text-xs)}.server-empty{padding:27px 15px}.server-empty h2{font-size:17px}.setup-list li{gap:10px}.setup-list p{font-size:var(--text-xs)}.pending-label{display:none}.page-footer{flex-direction:column;gap:10px}.route-panel,.settings-panel{padding:19px}.route{flex-wrap:wrap;justify-content:space-around;gap:18px}.route>i{display:none}.route>span{width:40%}.integration-list{padding:0 14px}.integration-row{flex-wrap:wrap;gap:10px}.integration-row>div{flex:1;min-width:130px}.integration-row .status-chip{margin-left:48px}.role-table>div{grid-template-columns:1fr;gap:5px}.connection-panel{padding:22px}.development-note{align-items:flex-start}.development-note>.small-dot{margin-top:6px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
