@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";._sidebar_vh98a_1{height:100vh;width:var(--sidebar-width);background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur-heavy));border-right:1px solid var(--glass-border);z-index:var(--z-above);transition:width var(--transition-base);flex-direction:column;display:flex;position:fixed;top:0;left:0;overflow:hidden}._sidebar--collapsed_vh98a_18{width:var(--sidebar-collapsed)}._sidebar__logo_vh98a_23{align-items:center;gap:var(--space-md);padding:var(--space-lg);height:var(--header-height);border-bottom:1px solid var(--glass-border);flex-shrink:0;display:flex}._sidebar__logo-icon_vh98a_33{border-radius:var(--radius-md);background:var(--accent-gradient);color:#fff;width:36px;height:36px;font-weight:700;font-size:var(--text-lg);box-shadow:var(--shadow-glow-sm);flex-shrink:0;justify-content:center;align-items:center;display:flex}._sidebar__logo-text_vh98a_48{white-space:nowrap;opacity:1;transition:opacity var(--transition-fast);flex-direction:column;display:flex;overflow:hidden}._sidebar--collapsed_vh98a_18 ._sidebar__logo-text_vh98a_48{opacity:0;width:0}._sidebar__logo-title_vh98a_62{font-size:var(--text-md);color:var(--text-primary);letter-spacing:-.02em;font-weight:700}._sidebar__logo-subtitle_vh98a_69{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}._sidebar__nav_vh98a_77{padding:var(--space-md) var(--space-sm);flex-direction:column;flex:1;gap:2px;display:flex;overflow-y:auto}._sidebar__nav-item_vh98a_86{align-items:center;gap:var(--space-md);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast);border:1px solid #0000;padding:10px 14px;font-weight:500;text-decoration:none;display:flex;position:relative}._sidebar__nav-item_vh98a_86:hover{color:var(--text-primary);background:var(--bg-hover);border-color:var(--glass-border)}._sidebar__nav-item--active_vh98a_108{color:var(--accent-light);background:var(--accent-subtle);border-color:#3388ff26}._sidebar__nav-item--active_vh98a_108:before{content:"";background:var(--accent-gradient);border-radius:0 var(--radius-full) var(--radius-full) 0;width:3px;height:20px;position:absolute;top:50%;left:0;transform:translateY(-50%)}._sidebar__nav-icon_vh98a_126{flex-shrink:0;align-items:center;font-size:20px;display:flex}._sidebar__nav-label_vh98a_133{white-space:nowrap;opacity:1;transition:opacity var(--transition-fast);overflow:hidden}._sidebar--collapsed_vh98a_18 ._sidebar__nav-label_vh98a_133{opacity:0;width:0}._sidebar__servers_vh98a_146{padding:var(--space-sm);border-top:1px solid var(--glass-border);flex-shrink:0}._sidebar__servers-title_vh98a_152{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;padding:var(--space-xs) var(--space-sm);margin-bottom:var(--space-xs)}._sidebar__server-tab_vh98a_161{align-items:center;gap:var(--space-sm);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);font-size:var(--text-sm);color:var(--text-secondary);border:1px solid #0000;padding:8px 12px;display:flex}._sidebar__server-tab_vh98a_161:hover{background:var(--bg-hover);color:var(--text-primary)}._sidebar__server-tab--active_vh98a_179{background:var(--accent-subtle);color:var(--accent-light);border-color:#3388ff1f}._sidebar__server-name_vh98a_185{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}._sidebar__server-close_vh98a_192{opacity:0;color:var(--text-muted);transition:all var(--transition-fast);border-radius:var(--radius-sm);padding:2px;font-size:14px}._sidebar__server-tab_vh98a_161:hover ._sidebar__server-close_vh98a_192{opacity:1}._sidebar__server-close_vh98a_192:hover{color:var(--danger);background:var(--danger-bg)}._sidebar__add-server_vh98a_210{justify-content:center;align-items:center;gap:var(--space-sm);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);font-size:var(--text-sm);color:var(--text-muted);border:1px dashed var(--border);margin-top:var(--space-xs);padding:8px 12px;display:flex}._sidebar__add-server_vh98a_210:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-subtle)}._sidebar__toggle_vh98a_232{padding:var(--space-md);border-top:1px solid var(--glass-border);flex-shrink:0;justify-content:center;align-items:center;display:flex}._sidebar__toggle-btn_vh98a_241{border-radius:var(--radius-md);width:36px;height:36px;color:var(--text-muted);transition:all var(--transition-fast);justify-content:center;align-items:center;font-size:18px;display:flex}._sidebar__toggle-btn_vh98a_241:hover{color:var(--text-primary);background:var(--bg-hover)}._sidebar__logout_vh98a_258{align-items:center;gap:var(--space-md);padding:12px var(--space-md);color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast);border-top:1px solid var(--glass-border);text-align:left;background:0 0;width:100%;margin-top:auto;font-weight:500;display:flex}._sidebar__logout_vh98a_258:hover{color:#ef4444;background:#ef44441a}._sidebar__logout_vh98a_258:hover ._sidebar__nav-icon_vh98a_126{color:#ef4444}._sidebar--collapsed_vh98a_18 ._sidebar__logout_vh98a_258{justify-content:center;padding:12px 0}._sidebar--collapsed_vh98a_18 ._sidebar__logout_vh98a_258 ._sidebar__nav-label_vh98a_133{display:none}._header_zlfr4_1{height:var(--header-height);top:0;right:0;left:var(--sidebar-width);background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur-heavy));border-bottom:1px solid var(--glass-border);padding:0 var(--space-xl);z-index:var(--z-above);transition:left var(--transition-base);justify-content:space-between;align-items:center;display:flex;position:fixed}._header--collapsed_zlfr4_19{left:var(--sidebar-collapsed)}._header__left_zlfr4_23{align-items:center;gap:var(--space-md);display:flex}._header__title_zlfr4_29{font-size:var(--text-lg);color:var(--text-primary);letter-spacing:-.02em;font-weight:600}._header__breadcrumb_zlfr4_36{font-size:var(--text-sm);color:var(--text-muted)}._header__right_zlfr4_41{align-items:center;gap:var(--space-lg);display:flex}._header__status_zlfr4_48{align-items:center;gap:var(--space-sm);border-radius:var(--radius-full);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;border:1px solid #0000;padding:6px 14px;font-weight:600;display:flex}._header__status--connected_zlfr4_61{color:var(--success);background:var(--success-bg);border-color:#25d08033}._header__status--disconnected_zlfr4_67{color:var(--text-muted);background:#5c63701a;border-color:#5c637033}._header__status--connecting_zlfr4_73{color:var(--warning);background:var(--warning-bg);border-color:#f9a91f33}._header__status--error_zlfr4_79{color:var(--danger);background:var(--danger-bg);border-color:#eb474733}._header__server-info_zlfr4_86{align-items:center;gap:var(--space-lg);font-size:var(--text-sm);color:var(--text-secondary);display:flex}._header__info-item_zlfr4_94{align-items:center;gap:6px;display:flex}._header__info-value_zlfr4_100{color:var(--text-primary);font-variant-numeric:tabular-nums;font-weight:600}._layout_n5xst_1{min-height:100vh;display:flex}._layout__content_n5xst_6{margin-left:var(--sidebar-width);margin-top:var(--header-height);padding:var(--space-xl);transition:margin-left var(--transition-base);min-height:calc(100vh - var(--header-height));flex:1;position:relative}._layout__content--collapsed_n5xst_16{margin-left:var(--sidebar-collapsed)}:root{--bg-primary:#080c16;--bg-secondary:#0f1524;--bg-tertiary:#171f30;--bg-hover:#20283c;--bg-active:#283248;--glass-bg:#131f3999;--glass-bg-light:#19294d66;--glass-border:#3373cc1f;--glass-border-hover:#3373cc40;--glass-blur:20px;--glass-blur-heavy:40px;--accent:#38f;--accent-hover:#006aff;--accent-light:#66a6ff;--accent-subtle:#3388ff1a;--accent-glow:#38f3;--accent-gradient:linear-gradient(135deg, #38f, #735af2);--accent-gradient-hover:linear-gradient(135deg, #1a79ff, #5f42f0);--success:#25d080;--success-bg:#25d0801a;--warning:#f9a91f;--warning-bg:#f9a91f1a;--danger:#eb4747;--danger-bg:#eb47471a;--info:#3db8f5;--info-bg:#3db8f51a;--text-primary:#f0f1f5;--text-secondary:#8a94a8;--text-muted:#5c6370;--text-accent:var(--accent-light);--border:#20283c;--border-light:#2a3246;--shadow-sm:0 1px 3px #060a1366;--shadow-md:0 4px 16px #060a1380;--shadow-lg:0 8px 40px #060a1399;--shadow-xl:0 16px 64px #060a13b3;--shadow-glow:0 0 30px var(--accent-glow);--shadow-glow-sm:0 0 15px var(--accent-glow);--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", "Cascadia Code", monospace;--text-xs:.75rem;--text-sm:.8125rem;--text-base:.875rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:2rem;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1);--transition-spring:.5s cubic-bezier(.34, 1.56, .64, 1);--sidebar-width:260px;--sidebar-collapsed:72px;--header-height:60px;--z-base:1;--z-above:10;--z-modal:100;--z-toast:200;--z-tooltip:300}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:16px}body{font-family:var(--font-sans);font-size:var(--text-base);color:var(--text-primary);background:var(--bg-primary);min-height:100vh;line-height:1.6}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(80% 50% at 20% 20%,#006aff0f 0%,#0000 50%),radial-gradient(60% 40% at 80% 80%,#3713ec0a 0%,#0000 50%),radial-gradient(50% 30%,#0da6f208 0%,#0000 50%);width:100%;height:100%;position:fixed;top:0;left:0}#root{z-index:var(--z-base);min-height:100vh;position:relative}a{color:var(--accent);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--accent-light)}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit;background:0 0;border:none;outline:none}ul,ol{list-style:none}img{max-width:100%;display:block}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#36436380}::-webkit-scrollbar-thumb:hover{background:#475a85b3}::-selection{color:var(--text-primary);background:#3388ff4d}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border)}.glass-heavy{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur-heavy));border:1px solid var(--glass-border)}.gradient-text{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.status-dot{width:8px;height:8px;transition:all var(--transition-base);border-radius:50%;flex-shrink:0;display:inline-block;box-shadow:0 0 8px #0000}.status-dot--online{background:var(--success);box-shadow:0 0 10px #25d08066}.status-dot--connecting{background:var(--warning);animation:1.5s infinite pulse;box-shadow:0 0 10px #f9a91f66}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 8px var(--accent-glow)}50%{box-shadow:0 0 20px var(--accent-glow), 0 0 40px #3388ff1a}}@keyframes dotPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.animate-fade-in{animation:fadeIn var(--transition-base) ease-out both}.animate-fade-in-up{animation:fadeInUp var(--transition-base) ease-out both}.animate-fade-in-down{animation:fadeInDown var(--transition-base) ease-out both}.animate-fade-in-scale{animation:fadeInScale var(--transition-base) ease-out both}.animate-slide-in-left{animation:slideInLeft var(--transition-base) ease-out both}.animate-slide-in-right{animation:slideInRight var(--transition-base) ease-out both}.animate-pulse{animation:2s ease-in-out infinite pulse}.animate-spin{animation:1s linear infinite spin}.animate-shimmer{background:linear-gradient(90deg, var(--bg-tertiary) 0%, var(--bg-hover) 50%, var(--bg-tertiary) 100%);background-size:200% 100%;animation:1.5s ease-in-out infinite shimmer}.stagger-children>*{animation:fadeInUp var(--transition-base) ease-out both}.stagger-children>:first-child{animation-delay:0s}.stagger-children>:nth-child(2){animation-delay:50ms}.stagger-children>:nth-child(3){animation-delay:.1s}.stagger-children>:nth-child(4){animation-delay:.15s}.stagger-children>:nth-child(5){animation-delay:.2s}.stagger-children>:nth-child(6){animation-delay:.25s}.stagger-children>:nth-child(7){animation-delay:.3s}.stagger-children>:nth-child(8){animation-delay:.35s}.hover-lift{transition:transform var(--transition-base), box-shadow var(--transition-base)}.hover-lift:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.status-dot{border-radius:50%;width:8px;height:8px;display:inline-block;position:relative}.status-dot--online{background:var(--success);animation:2s ease-in-out infinite dotPulse;box-shadow:0 0 8px #25d08080}.status-dot--offline{background:var(--text-muted)}.status-dot--warning{background:var(--warning);animation:2s ease-in-out infinite dotPulse;box-shadow:0 0 8px #f9a91f80}.status-dot--error{background:var(--danger);box-shadow:0 0 8px #eb474780}