@import url("https://fonts.googleapis.com/css2?family=Sora:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600;700&display=swap");:root{--void:#000;--deep:#050505;--surface:#0a0a0a;--elevated:#0f0f0f;--card:#141414;--hover:#1a1a1a;--border:#1f1f1f;--accent:#25d366;--accent-hover:#1ebe5d;--accent-muted:#1a9e4d;--accent-glow:rgba(37,211,102,.15);--accent-glow-strong:rgba(37,211,102,.3);--blue:#3b82f6;--blue-glow:rgba(59,130,246,.15);--purple:#8b5cf6;--purple-glow:rgba(139,92,246,.15);--amber:#f59e0b;--amber-glow:rgba(245,158,11,.15);--success:#22c55e;--success-glow:rgba(34,197,94,.15);--warning:#eab308;--warning-glow:rgba(234,179,8,.15);--error:#ef4444;--error-glow:rgba(239,68,68,.15);--text-primary:#fff;--text-secondary:#a0a0a0;--text-tertiary:#666;--text-muted:#404040;--font-sans:"Sora",-apple-system,BlinkMacSystemFont,sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--bg-primary:#0a0a0a;--bg-secondary:#111;--bg-tertiary:#1a1a1a;--bg-card:#141414;--bg-card-hover:#1c1c1c;--border-color:#262626;--border-subtle:hsla(0,0%,100%,.06);--border-light:hsla(0,0%,100%,.1);--border-medium:hsla(0,0%,100%,.15);--transition-fast:0.15s ease;--transition-normal:0.2s ease;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:10px;--radius-2xl:12px;--radius-full:9999px;--shadow-sm:0 2px 8px rgba(0,0,0,.4);--shadow-md:0 4px 20px rgba(0,0,0,.5);--shadow-lg:0 8px 40px rgba(0,0,0,.6);--shadow-xl:0 20px 60px rgba(0,0,0,.7);--shadow-glow:0 0 40px var(--accent-glow),0 0 80px var(--accent-glow);--sidebar-width:280px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh;font-family:var(--font-sans);font-size:14px;font-weight:400;line-height:1.6;background:var(--void);color:var(--text-primary);overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");opacity:.02;pointer-events:none;z-index:0}a{text-decoration:none}a,button{color:inherit}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;background:none;transition:opacity .15s,transform .1s}button:active:not(:disabled){transform:scale(.98)}button:disabled{cursor:not-allowed;opacity:.6}input,select,textarea{font-family:inherit;font-size:inherit;color:inherit;background:transparent;border:none;outline:none}input::placeholder,textarea::placeholder{color:var(--text-muted)}::selection{background:var(--accent);color:var(--void)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes slideIn{0%{opacity:0;transform:translateX(24px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-16px)}to{opacity:1;transform:translateX(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes glow{0%,to{box-shadow:0 0 20px var(--accent-glow)}50%{box-shadow:0 0 40px var(--accent-glow-strong)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.animate-fadeIn{animation:fadeIn .3s ease forwards}.animate-fadeInUp{animation:fadeInUp .4s ease forwards}.animate-fadeInDown{animation:fadeInDown .4s ease forwards}.animate-scaleIn{animation:scaleIn .3s ease forwards}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-glow{animation:glow 2s ease-in-out infinite}.animate-spin{animation:spin 1s linear infinite}.animate-float{animation:float 3s ease-in-out infinite}.stagger-1{animation-delay:50ms}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.stagger-6{animation-delay:.3s}.skeleton{background:linear-gradient(90deg,var(--card) 25%,var(--hover) 50%,var(--card) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}.glass{background:hsla(0,0%,8%,.8);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.gradient-text{background:linear-gradient(135deg,var(--accent) 0,#1ebe5d 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.status-dot{width:10px;height:10px;border-radius:var(--radius-full);flex-shrink:0}.status-dot.online{background:var(--success);box-shadow:0 0 12px var(--success);animation:pulse 2s ease-in-out infinite}.status-dot.offline{background:var(--text-muted)}.status-dot.warning{background:var(--warning);box-shadow:0 0 12px var(--warning)}.status-dot.error{background:var(--error);box-shadow:0 0 12px var(--error)}.truncate{text-overflow:ellipsis}.sr-only,.truncate{overflow:hidden;white-space:nowrap}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;clip:rect(0,0,0,0);border:0}.sidebar{position:fixed;left:0;top:0;width:260px;height:100vh;background:#09090b;border-right:1px solid #18181b;z-index:200;isolation:isolate;pointer-events:auto}.sidebar-inner{display:flex;flex-direction:column;height:100%;padding:20px 12px}.sidebar .logo{display:flex;align-items:center;gap:12px;padding:8px 12px;margin-bottom:24px;text-decoration:none;border-radius:10px;transition:background .15s}.sidebar .logo:hover{background:#18181b}.sidebar .logo-icon{width:36px;height:36px;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar .logo-text{display:flex;flex-direction:column}.sidebar .logo-title{font-size:16px;font-weight:600;color:#fafafa;letter-spacing:-.02em}.sidebar .logo-accent{color:#22c55e}.sidebar .nav{display:flex;flex-direction:column;gap:2px;background:#09090b;border-radius:8px}.sidebar .nav-item{position:relative;display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;color:#71717a;text-decoration:none;font-size:14px;font-weight:500;transition:all .15s;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.sidebar .nav-item .nav-indicator{pointer-events:none}.sidebar .nav-item:hover{color:#a1a1aa;background:#18181b}.sidebar .nav-item.active{color:#fafafa;background:#18181b}.sidebar .nav-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0}.sidebar .nav-item.active .nav-icon{color:#22c55e}.sidebar .nav-label{flex:1 1}.sidebar .nav-indicator{width:6px;height:6px;background:#22c55e;border-radius:50%}.sidebar .spacer{flex:1 1}.sidebar .status{display:flex;align-items:center;gap:8px;padding:12px;margin-bottom:8px;background:rgba(34,197,94,.08);border:1px solid rgba(34,197,94,.15);border-radius:8px}.sidebar .status-dot{width:8px;height:8px;background:#22c55e;border-radius:50%;box-shadow:0 0 8px rgba(34,197,94,.6);animation:pulse 2s ease-in-out infinite}.sidebar .status-text{font-size:13px;font-weight:500;color:#22c55e}.sidebar .user{display:flex;align-items:center;gap:10px;padding:12px;background:#18181b;border-radius:10px;margin-bottom:16px}.sidebar .user-avatar{width:36px;height:36px;background:linear-gradient(135deg,#27272a,#3f3f46);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:#fafafa;flex-shrink:0}.sidebar .user-info{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:2px}.sidebar .user-name{font-size:13px;font-weight:600;color:#fafafa}.sidebar .user-email,.sidebar .user-name{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar .user-email{font-size:11px;color:#71717a}.sidebar .user-edit-btn{display:inline-flex;align-items:center;gap:5px;margin-top:6px;font-size:11px;font-weight:500;color:#22c55e;text-decoration:none;transition:color .15s}.sidebar .user-edit-btn:hover{color:#4ade80}.sidebar .user-logout{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:6px;color:#71717a;cursor:pointer;transition:all .15s;flex-shrink:0}.sidebar .user-logout:hover{background:rgba(239,68,68,.1);color:#ef4444}.sidebar .footer{display:flex;align-items:center;justify-content:center;gap:8px;padding-top:16px;border-top:1px solid #18181b}.sidebar .footer-text{font-size:10px;color:#3f3f46;text-transform:uppercase;letter-spacing:.05em}.sidebar-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:199;opacity:0;transition:opacity .2s ease}.sidebar-overlay.visible{opacity:1}.mobile-menu-btn{display:none;position:fixed;top:16px;left:16px;z-index:210;width:44px;height:44px;align-items:center;justify-content:center;background:#18181b;border:1px solid #27272a;border-radius:10px;color:#fafafa;cursor:pointer;transition:all .15s}.mobile-menu-btn:hover{background:#27272a;color:#22c55e}.sidebar-close-btn{display:none;position:absolute;top:16px;right:12px;width:36px;height:36px;align-items:center;justify-content:center;background:transparent;border:none;border-radius:8px;color:#71717a;cursor:pointer;transition:all .15s}.sidebar-close-btn:hover{background:#27272a;color:#fafafa}@media (max-width:768px){.sidebar{transform:translateX(-100%);transition:transform .25s ease;box-shadow:none}.sidebar.mobile-open{transform:translateX(0);box-shadow:4px 0 24px rgba(0,0,0,.5)}.sidebar-overlay{display:block}.sidebar-overlay.visible{pointer-events:auto}.sidebar-overlay:not(.visible){pointer-events:none}.mobile-menu-btn,.sidebar-close-btn{display:flex}.sidebar-inner{padding-top:56px}.main-content{padding-top:72px;width:100%;max-width:100%;min-width:0;overflow-x:hidden}.main-content,.main-content>*{margin-left:0!important;margin-right:0!important}[data-device=desktop]{display:none!important}[data-device=mobile]{display:block!important}[data-device=mobile] *{visibility:visible!important}}.server-selector-list{display:flex;flex-direction:column;gap:8px;max-height:min(320px,45vh);overflow-y:auto;min-height:0;-webkit-overflow-scrolling:touch}button.server-selector-item{display:flex;align-items:center;gap:14px;width:100%;padding:14px 16px;background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.08);border-radius:10px;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease;text-align:left;font-size:14px;color:#a1a1aa;font-family:inherit}button.server-selector-item:hover:not(:disabled){background:hsla(0,0%,100%,.06);border-color:hsla(0,0%,100%,.12)}button.server-selector-item:disabled{opacity:.6;cursor:not-allowed}.server-selector-dot{display:block;width:22px;height:22px;min-width:22px;min-height:22px;border-radius:50%;flex-shrink:0;background:#ef4444;border:2px solid rgba(239,68,68,.4);transition:background .2s ease,border-color .2s ease,box-shadow .2s ease;box-shadow:0 0 0 2px rgba(239,68,68,.15)}button.server-selector-item.selected .server-selector-dot{background:#22c55e;border-color:rgba(34,197,94,.5);box-shadow:0 0 0 2px rgba(34,197,94,.2)}button.server-selector-item.selected{background:rgba(34,197,94,.06);border-color:rgba(34,197,94,.2);color:#fff}.server-selector-name{font-weight:500}@keyframes gear-convert-panel-in{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes gear-convert-backdrop-in{0%{opacity:0}to{opacity:1}}.gear-convert-backdrop{position:fixed;inset:0;z-index:10;background:rgba(0,0,0,.45);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:gear-convert-backdrop-in .2s ease both}.gear-convert-panel{position:absolute;top:calc(100% + 10px);right:0;z-index:25;min-width:min(300px,calc(100vw - 48px));max-width:320px;padding:14px;border-radius:14px;background:linear-gradient(145deg,rgba(28,28,32,.98),rgba(18,18,22,.99));border:1px solid hsla(0,0%,100%,.1);box-shadow:0 0 0 1px rgba(0,0,0,.4),0 20px 50px rgba(0,0,0,.55),0 0 40px rgba(34,197,94,.06);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);animation:gear-convert-panel-in .22s cubic-bezier(.22,1,.36,1) both}.gear-convert-panel-label{margin:0 0 4px 4px;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#52525b}button.gear-convert-option{display:flex;align-items:center;gap:14px;width:100%;margin:0;padding:14px;text-align:left;cursor:pointer;border:1px solid hsla(0,0%,100%,.06);border-radius:12px;background:hsla(0,0%,100%,.02);font-family:inherit;transition:border-color .2s ease,background .2s ease,transform .2s ease,box-shadow .2s ease}button.gear-convert-option:hover{transform:translateY(-1px);border-color:hsla(0,0%,100%,.12);background:hsla(0,0%,100%,.05);box-shadow:0 8px 24px rgba(0,0,0,.35)}button.gear-convert-option:active{transform:translateY(0)}.gear-convert-option--final:hover{border-color:rgba(34,197,94,.35);box-shadow:0 8px 28px rgba(0,0,0,.4),0 0 24px rgba(34,197,94,.12)}.gear-convert-option--test:hover{border-color:rgba(59,130,246,.4);box-shadow:0 8px 28px rgba(0,0,0,.4),0 0 24px rgba(59,130,246,.12)}.gear-convert-option-icon{flex-shrink:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:12px;border:1px solid transparent}.gear-convert-option--final .gear-convert-option-icon{background:linear-gradient(145deg,rgba(34,197,94,.22),rgba(22,163,74,.12));border-color:rgba(34,197,94,.25);color:#4ade80}.gear-convert-option--test .gear-convert-option-icon{background:linear-gradient(145deg,rgba(59,130,246,.22),rgba(37,99,235,.12));border-color:rgba(59,130,246,.3);color:#60a5fa}.gear-convert-option-body{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:4px}.gear-convert-option-title{font-size:14px;font-weight:600;color:#fafafa;line-height:1.25}.gear-convert-option--final .gear-convert-option-title{color:#ecfdf5}.gear-convert-option--test .gear-convert-option-title{color:#eff6ff}.gear-convert-option-desc{font-size:12px;font-weight:400;color:#71717a;line-height:1.35}.gear-convert-option-arrow{flex-shrink:0;color:#52525b;transition:color .2s ease,transform .2s ease}button.gear-convert-option:hover .gear-convert-option-arrow{color:#a1a1aa;transform:translateX(3px)}.gear-convert-trigger-active{border-color:rgba(34,197,94,.35)!important;color:#22c55e!important;background:rgba(34,197,94,.08)!important;box-shadow:0 0 0 1px rgba(34,197,94,.15)}