:root{--bg-app:#0d1117;--bg-surface:#11151c;--bg-sidebar:#11151c;--bg-topbar:#11151c;--bg-card:#171c24;--bg-elevated:#1d242e;--bg-surface-secondary:#1c2128;--bg-surface-hover:#21262d;--bg-input:#1c2128;--bg-tag:#21262d;--border-subtle:hsla(0,0%,100%,.04);--border-default:hsla(0,0%,100%,.06);--border-strong:hsla(0,0%,100%,.1);--border-hover:hsla(0,0%,100%,.14);--shadow-sm:0 1px 2px rgba(0,0,0,.2);--shadow-md:0 4px 12px rgba(0,0,0,.22);--shadow-accent:0 1px 4px rgba(0,0,0,.18);--shadow-card:0 1px 3px rgba(0,0,0,.16);--shadow-card-hover:0 10px 28px rgba(0,0,0,.32);--button-enable-bg:#1c2128;--button-enable-hover:#21262d;--button-active-bg:hsla(0,0%,100%,.06);--button-active-hover:hsla(0,0%,100%,.1);--icon-surface-bg:hsla(0,0%,100%,.06);--icon-color:#e6edf3;--text-primary:#f0f3f8;--text-secondary:#a2a9b4;--text-muted:#707782;--text-faint:#4c535f;--text-on-accent:#fff;--accent:#5b8cff;--accent-soft:rgba(91,140,255,.12);--accent-light:#7ca7ff;--success:#23c16b;--success-soft:rgba(35,193,107,.12);--warning:#f5a524;--warning-soft:rgba(245,165,36,.12);--danger:#f04438;--danger-soft:rgba(240,68,56,.12);--premium:#9b6bff;--premium-soft:rgba(155,107,255,.14);--premium-light:#c5a6ff;--new-tag:#23c16b;--icon-color-primary:#e6edf3;--icon-color-success:#23c16b;--icon-color-premium:#9b6bff;--dropdown-closed-bg:#1c2128;--dropdown-closed-border:hsla(0,0%,100%,.05);--dropdown-hover-bg:#21262d;--dropdown-hover-border:hsla(0,0%,100%,.12);--dropdown-active-bg:#21262d;--dropdown-active-border:hsla(0,0%,100%,.16);--dropdown-menu-bg:#1d242e;--dropdown-menu-border:hsla(0,0%,100%,.12);--dropdown-item-hover-bg:#21262d;--dropdown-item-active-bg:rgba(91,140,255,.14);--dropdown-item-active-border:rgba(91,140,255,.3);--font-family:var(--font-inter),-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-logo:600 15px/1.2 var(--font-family);--font-display:600 32px/1.2 var(--font-family);--font-h1:700 28px/1.2 var(--font-family);--font-h2:600 24px/1.3 var(--font-family);--font-section-header:600 24px/1.3 var(--font-family);--font-card-title:600 18px/1.4 var(--font-family);--font-body:500 14px/1.5 var(--font-family);--font-small:500 12px/1.4 var(--font-family);--font-caption:500 12px/1.4 var(--font-family);--font-sidebar-link:500 15px/1.4 var(--font-family);--font-badge:600 11px/1.2 var(--font-family);--font-button:500 14px/1.2 var(--font-family);--font-card-description:400 13px/1.5 var(--font-family);--font-stat:600 28px/1.15 var(--font-family);--font-stat-sm:600 20px/1.2 var(--font-family);--font-stat-lg:700 32px/1.1 var(--font-family);--font-tabular:var(--font-family);--font-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--section-gap:48px;--element-gap:24px;--radius-sm:6px;--radius-md:8px;--radius-lg:10px;--radius-xl:12px;--radius-card:12px;--radius-input:10px;--radius-button:10px;--radius-pill:999px;--topbar-height:72px;--sidebar-width:270px;--sidebar-width-collapsed:64px;--content-padding:32px;--content-max-width:1600px;--transition-fast:var(--duration-hover) var(--easing-default);--transition-base:var(--duration-dropdown) var(--easing-default);--transition-slow:var(--duration-card-expand) var(--easing-default);--grid-cols-wide:4;--grid-gap-wide:28px;--grid-min-width-wide:1400px;--grid-cols-desktop:3;--grid-gap-desktop:24px;--grid-min-width-desktop:1024px;--grid-cols-tablet:2;--grid-gap-tablet:20px;--grid-min-width-tablet:768px;--grid-cols-mobile:1;--grid-gap-mobile:16px;--grid-gap-card:28px;--grid-cols-default:repeat(4,1fr);--breakpoint-wide:1400px;--breakpoint-lg:1400px;--breakpoint-md:1024px;--breakpoint-sm:768px;--focus-ring-width:3px;--focus-ring-offset:2px;--focus-ring-color:var(--accent)}body{font-family:var(--font-family);color:var(--text-primary);background-color:var(--bg-app);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1{font:var(--font-h1)}h1,h2{color:var(--text-primary);margin:0}h2{font:var(--font-h2);margin-bottom:var(--space-2)}p{font:var(--font-body);color:var(--text-secondary);margin:0}.layout-main{display:flex;height:100vh;background-color:var(--bg-app)}.layout-topbar{position:fixed;top:0;left:0;right:0;height:var(--topbar-height);background-color:var(--bg-topbar);z-index:100}.layout-sidebar{position:fixed;left:0;top:var(--topbar-height);width:var(--sidebar-width);height:calc(100vh - var(--topbar-height));background-color:var(--bg-sidebar);overflow-y:auto;overflow-x:hidden;z-index:99}.layout-content{margin-left:var(--sidebar-width);margin-top:var(--topbar-height);flex:1;overflow-y:auto;background-color:var(--bg-app);padding:var(--content-padding);max-width:var(--content-max-width)}.grid-features{grid-template-columns:var(--grid-cols-default);gap:var(--grid-gap-card);margin-bottom:var(--space-8)}@media (min-width:1401px){.grid-features{grid-template-columns:repeat(4,1fr);gap:28px}}@media (max-width:1400px){.grid-features{grid-template-columns:repeat(3,1fr);gap:24px}}@media (max-width:1024px){.grid-features{grid-template-columns:repeat(2,1fr);gap:20px}}@media (max-width:768px){.grid-features{grid-template-columns:1fr;gap:16px}.layout-sidebar{display:none}.layout-content{margin-left:0;padding:var(--space-4)}}.truncate-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.flex-center{justify-content:center}.flex-between,.flex-center{display:flex;align-items:center}.flex-between{justify-content:space-between}.gap-xs{gap:var(--space-2)}.gap-sm{gap:var(--space-3)}.gap-md{gap:var(--space-4)}.gap-lg{gap:var(--space-5)}:root{--duration-hover:120ms;--duration-focus:0ms;--duration-dropdown:160ms;--duration-sidebar-mobile:280ms;--duration-card-expand:200ms;--duration-toast:200ms;--duration-skeleton:1500ms;--easing-default:cubic-bezier(0.4,0,0.2,1)}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes badge-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in-left{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:root{--card-radius:14px;--card-padding:24px;--module-icon-size:56px;--module-icon-glow:0 0 20px rgba(111,157,255,.15)}.topbar{justify-content:space-between;height:var(--topbar-height);padding:0 var(--space-5);background-color:var(--bg-topbar);border-bottom:none;box-shadow:none}.topbar,.topbar-left{display:flex;align-items:center;gap:var(--space-4)}.topbar-logo-icon{width:28px;height:28px;border-radius:var(--radius-md);background-color:var(--accent);display:flex;align-items:center;justify-content:center;color:var(--text-on-accent);font-weight:700;font-size:14px}.topbar-brand{font:var(--font-logo);color:var(--text-primary)}.topbar-right{display:flex;align-items:center;gap:var(--space-3)}.topbar-notification{width:32px;height:32px;border-radius:var(--radius-md);background-color:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:18px;transition:color var(--transition-base)}.topbar-notification:hover{color:var(--text-primary)}.topbar-premium-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background-color:var(--premium);color:#000;border:none;font:var(--font-button);cursor:pointer;transition:background-color var(--transition-base)}.topbar-premium-btn:hover{background-color:#e6a91d}.sidebar{padding:var(--space-3) var(--space-2);background-color:var(--bg-sidebar);overflow-y:auto}.sidebar-server-selector{padding:var(--space-3) var(--space-3);border-radius:var(--radius-md);background-color:var(--dropdown-closed-bg);margin-bottom:var(--space-4);cursor:pointer;display:flex;align-items:center;gap:var(--space-3);transition:background-color var(--transition-base),box-shadow var(--transition-base);border:1px solid var(--dropdown-closed-border)}.sidebar-server-selector:hover{background-color:var(--dropdown-hover-bg);border-color:var(--dropdown-hover-border)}.sidebar-server-icon{width:32px;height:32px;border-radius:var(--radius-md);background-color:var(--accent);flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--text-on-accent);font-size:16px}.sidebar-server-name{font:var(--font-sidebar-link);color:var(--text-primary);flex:1;min-width:0}.sidebar-server-chevron{color:var(--text-muted);font-size:14px}.sidebar-section-header{font:var(--font-section-header);color:rgba(238,242,247,.65);text-transform:uppercase;letter-spacing:.08em;padding:26px var(--space-3) 6px var(--space-3);margin:0;text-shadow:none}.sidebar-nav-item{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:8px;background-color:transparent;border:none;cursor:pointer;color:#94a3b8;font:var(--font-sidebar-link);transition:background-color .16s ease,color .16s ease;white-space:nowrap}.sidebar-nav-item:hover{background-color:hsla(0,0%,100%,.04);color:#e2e8f0}.sidebar-nav-item.active{color:#fff;font-weight:500;background-color:rgba(111,157,255,.08);box-shadow:inset 0 0 12px rgba(111,157,255,.04)}.sidebar-nav-dot{width:6px;height:6px;border-radius:50%;background-color:transparent;flex-shrink:0}.sidebar-nav-item.active .sidebar-nav-dot{background-color:var(--accent)}.sidebar-nav-icon{font-size:20px;flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;opacity:.7}.sidebar-nav-item.active .sidebar-nav-icon{opacity:1}.sidebar-nav-label{flex:1;min-width:0}.sidebar-nav-badge{margin-left:auto;flex-shrink:0}.sidebar-user-area{position:sticky;bottom:0;padding:var(--space-3) var(--space-2);background-color:var(--bg-sidebar);border-top:none;display:flex;align-items:center;gap:var(--space-3)}.sidebar-user-avatar{width:28px;height:28px;border-radius:50%;background-color:var(--accent);flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--text-on-accent);font-weight:600;font-size:12px}.sidebar-user-email{font:400 11px/1 var(--font-family);color:var(--text-muted);flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-logout{width:14px;height:14px;background-color:transparent;border:none;cursor:pointer;color:var(--text-muted);font-size:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:color var(--transition-base)}.sidebar-user-logout:hover{color:var(--text-primary)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font:var(--font-badge);line-height:1;white-space:nowrap}.badge-premium{background-color:var(--premium-soft);color:var(--premium)}.badge-success{background-color:var(--success-soft);color:var(--success)}.badge-soon{background-color:var(--bg-input);color:var(--text-muted)}.badge-new{background-color:var(--success-soft);color:var(--success)}.badge-icon{font-size:10px;display:inline-flex;align-items:center}.card-server-header{background-color:var(--bg-surface);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);margin-bottom:var(--space-4);display:flex;align-items:center;justify-content:space-between;gap:var(--space-5)}.card-server-header-left{display:flex;align-items:center;gap:var(--space-3);flex:1}.card-server-icon{width:44px;height:44px;border-radius:10px;background-color:var(--accent);display:flex;align-items:center;justify-content:center;color:var(--text-on-accent);font-weight:700;font-size:20px;flex-shrink:0}.card-server-info{display:flex;flex-direction:column;gap:var(--space-2)}.card-server-name{font:600 15px/1 var(--font-family);color:var(--text-primary)}.card-server-status{display:inline-flex;align-items:center;gap:var(--space-2);font:var(--font-button);color:var(--success);width:-moz-fit-content;width:fit-content}.card-server-status-dot{width:7px;height:7px;border-radius:50%;background-color:var(--success)}.card-server-header-right{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.card-stat-pill{background-color:var(--bg-app);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);text-align:center;display:flex;flex-direction:column;gap:var(--space-1);min-width:80px}.card-stat-value{font:600 15px/1 var(--font-family);color:var(--text-primary)}.card-stat-label{font:400 11px/1 var(--font-family);color:var(--text-muted)}.card-setup-banner{background-color:var(--bg-surface);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-5);margin-bottom:var(--space-5);display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap}.card-setup-title{font:400 12px/1 var(--font-family);color:var(--text-muted);white-space:nowrap;margin-right:var(--space-2)}.card-setup-steps{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.setup-step{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font:var(--font-button);white-space:nowrap}.setup-step-completed{background-color:var(--success-soft);color:var(--success)}.setup-step-active{background-color:var(--accent-soft);color:var(--accent-light)}.setup-step-pending{background-color:var(--bg-input);color:var(--text-muted)}.setup-step-icon{font-size:14px;display:inline-flex;align-items:center}.feature-card{background:var(--bg-surface);border-radius:var(--card-radius);padding:var(--card-padding);display:flex;flex-direction:column;gap:0;cursor:default;transition:all .15s cubic-bezier(.4,0,.2,1);min-height:auto;border:1px solid var(--border-default);box-shadow:var(--shadow-md);position:relative;overflow:hidden}.feature-card:hover{background:var(--bg-surface-hover);border-color:var(--border-strong);transform:translateY(-2px);box-shadow:0 12px 32px rgba(0,0,0,.25)}.card-header-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:14px;gap:12px}.card-icon{width:var(--module-icon-size);height:var(--module-icon-size);border-radius:10px;background:var(--icon-surface-bg);display:flex;align-items:center;justify-content:center;color:var(--icon-color);margin-bottom:12px;flex-shrink:0;box-shadow:var(--module-icon-glow)}.card-icon img,.card-icon svg{width:24px;height:24px;color:var(--icon-color);flex-shrink:0}.card-icon.moderation{background:var(--icon-surface-bg)}.card-icon.moderation img,.card-icon.moderation svg{color:var(--icon-color-primary)}.card-icon.stats{background:var(--icon-surface-bg)}.card-icon.stats img,.card-icon.stats svg{color:var(--icon-color-primary)}.card-icon.levels{background:var(--icon-surface-bg)}.card-icon.levels img,.card-icon.levels svg{color:var(--icon-color-primary)}.card-icon.music{background:var(--icon-surface-bg)}.card-icon.music img,.card-icon.music svg{color:var(--icon-color-primary)}.card-icon.economy{background:var(--icon-surface-bg)}.card-icon.economy img,.card-icon.economy svg{color:var(--icon-color-success)}.premium-badge{background:rgba(255,190,90,.1);color:#ffbe5a;padding:4px 8px;border-radius:999px;font:600 11px/1 var(--font-family);align-self:flex-start;white-space:nowrap}.card-title{font:600 15px/1.35 var(--font-family);color:var(--text-primary);margin:0 0 6px;letter-spacing:-.2px}.card-description{font:400 13px/1.5 var(--font-family);color:var(--text-secondary);margin:0 0 12px;flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;border-radius:8px;border:none;cursor:pointer;font:500 13px/1 var(--font-family);transition:all .15s cubic-bezier(.4,0,.2,1);align-self:flex-start;margin-top:auto;background:var(--button-enable-bg);color:#cfd3dc;position:relative;overflow:hidden}.card-btn:hover{background:var(--accent);color:#fff}.text-default{display:inline;opacity:1;transform:translateY(0);transition:all .15s cubic-bezier(.4,0,.2,1)}.card-btn:hover .text-default{opacity:0;transform:translateY(-6px)}.text-hover{display:none;opacity:0;transform:translateY(6px);transition:all .15s cubic-bezier(.4,0,.2,1)}.card-btn-text,.card-btn:hover .text-hover{display:inline;opacity:1;transform:translateY(0)}.card-btn-text{transition:all .15s cubic-bezier(.4,0,.2,1)}.card-btn:hover .card-btn-text{opacity:0;transform:translateY(-6px)}.card-btn-icon-arrow{display:none;opacity:0;transform:translateY(6px);transition:all .15s cubic-bezier(.4,0,.2,1)}.card-btn:hover .card-btn-icon-arrow{display:inline;opacity:1;transform:translateY(0);margin-left:4px}.card-btn.active{background:var(--button-active-bg);color:var(--success)}.card-btn.active:hover{background:var(--button-active-hover)}.card-btn.primary{background:var(--button-enable-bg);color:#cfd3dc}.card-btn.primary:hover{background:var(--accent);color:#fff;font-weight:400}.premium-lock-row{margin-top:auto;color:var(--text-muted);font:400 11px/1 var(--font-family)}.premium-lock-row svg{width:12px;height:12px;color:var(--text-muted)}.section-title{font:700 17px/1.3 var(--font-family);color:var(--text-primary);margin:32px 0 12px;position:relative;padding-bottom:0;letter-spacing:-.4px;text-shadow:0 0 16px hsla(220,7%,92%,.15)}.section-title:after{content:"";display:block;width:32px;height:3px;background-color:var(--accent);border-radius:2px;margin-top:var(--space-2);margin-bottom:var(--space-4)}.nav-tabs{display:flex;gap:0;border-bottom:1px solid var(--border-default);margin-bottom:var(--space-6);margin-top:var(--space-6)}.nav-tab{padding:var(--space-3) var(--space-4);font:var(--font-sidebar-link);color:var(--text-secondary);cursor:pointer;margin-bottom:-1px;transition:color var(--transition-base),border-color var(--transition-base);white-space:nowrap;background-color:transparent;border:none}.nav-tab.active,.nav-tab:hover{color:var(--text-primary)}.nav-tab.active{border-bottom-color:var(--accent);font-weight:600}.quick-access{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px;padding:0;background:transparent;border-radius:0;border:none}.quick-pill{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:hsla(0,0%,100%,.03);border-radius:999px;font-size:13px;font-weight:500;color:var(--text-secondary);cursor:pointer;border:none;transition:all .16s cubic-bezier(.4,0,.2,1);white-space:nowrap;text-decoration:none;height:36px}.quick-pill:hover{background:hsla(0,0%,100%,.05);border-color:transparent;transform:none;box-shadow:none}.quick-pill.active,.quick-pill[aria-current=page]{background:rgba(91,91,214,.12);color:var(--text-primary)}.grid-features{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-bottom:24px;padding-left:32px;padding-right:32px}@media (max-width:1400px){.grid-features{grid-template-columns:repeat(3,1fr)}}@media (max-width:1100px){.grid-features{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.grid-features{grid-template-columns:1fr;padding-left:32px;padding-right:32px}}.section-title{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:16px;margin-top:32px}.section-title:first-of-type{margin-top:0}.premium-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:rgba(240,178,50,.15);border-radius:6px;font-size:10px;font-weight:600;color:#f0b232;border:none}.premium-lock-row{display:flex;align-items:center;gap:6px;padding:8px 12px;background:rgba(240,178,50,.05);border-radius:8px;font-size:11px;color:var(--text-secondary);border:none}.premium-lock-row svg{color:#f0b232;opacity:.7}.quick-pill:hover{background:hsla(0,0%,100%,.08);color:var(--text-primary)}.page-title{font:var(--font-h1);color:var(--text-primary);margin:0 0 var(--space-5) 0}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.feature-card{animation:fadeIn .2s ease both}.feature-card:first-child{animation-delay:0ms}.feature-card:nth-child(2){animation-delay:40ms}.feature-card:nth-child(3){animation-delay:80ms}.feature-card:nth-child(4){animation-delay:.12s}.feature-card:nth-child(5){animation-delay:.16s}.feature-card:nth-child(6){animation-delay:.2s}.feature-card:nth-child(7){animation-delay:.24s}.feature-card:nth-child(8){animation-delay:.28s}*{transition-property:background-color,color,border-color,opacity;transition-duration:.15s;transition-timing-function:ease}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.skip-link{position:absolute;top:-40px;left:0;background:var(--accent);color:var(--text-on-accent);padding:8px 16px;z-index:10000;font:var(--font-button);text-decoration:none}.skip-link:focus{top:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.sr-only-focusable:focus{position:static;width:auto;height:auto;padding:inherit;margin:inherit;overflow:visible;clip:auto;white-space:normal}.toast-container{--toast-gap:10px;bottom:24px!important;right:24px!important}.toast-base{position:relative;display:flex;align-items:flex-start;gap:12px;min-width:340px;max-width:420px;padding:14px 16px 14px 14px;border-radius:var(--radius-lg,12px);background:rgba(30,34,43,.85);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.08);box-shadow:0 8px 32px rgba(0,0,0,.35),0 2px 8px rgba(0,0,0,.2),inset 0 1px 0 hsla(0,0%,100%,.05);color:var(--text-primary,#eef1f5);font-family:var(--font-family,"DM Sans",sans-serif);font-size:13px;line-height:1.5;overflow:hidden;animation:toast-slide-in .35s cubic-bezier(.16,1,.3,1);transition:opacity .2s ease,transform .2s ease}@keyframes toast-slide-in{0%{opacity:0;transform:translateX(120%) scale(.92)}to{opacity:1;transform:translateX(0) scale(1)}}.toast-exit{opacity:0;transform:translateX(120%) scale(.92)}.toast-success{border-left:3px solid var(--success,#22c55e)}.toast-error{border-left:3px solid var(--danger,#ef4444)}.toast-info{border-left:3px solid var(--accent,#6f9dff)}.toast-warning{border-left:3px solid var(--premium,#eab308)}.toast-icon{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:12px;margin-top:1px}.toast-icon-success{background:rgba(34,197,94,.15);color:#22c55e}.toast-icon-error{background:rgba(239,68,68,.15);color:#ef4444}.toast-icon-info{background:rgba(111,157,255,.15);color:#6f9dff}.toast-icon-warning{background:rgba(234,179,8,.15);color:#eab308}.toast-content{flex:1;min-width:0}.toast-title{font-weight:600;font-size:13px;color:#eef1f5;margin-bottom:2px}.toast-message{font-size:12px;color:#b6becb;line-height:1.4}.toast-close{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border:none;background:hsla(0,0%,100%,.06);border-radius:6px;color:#7d8696;cursor:pointer;font-size:14px;line-height:1;padding:0;transition:background .15s ease,color .15s ease;margin-top:1px}.toast-close:hover{background:hsla(0,0%,100%,.12);color:#eef1f5}.toast-progress-bar{position:absolute;bottom:0;left:0;height:3px;border-radius:0 0 var(--radius-lg,12px) var(--radius-lg,12px);animation:toast-progress linear forwards;opacity:.6}.toast-progress-success{background:linear-gradient(90deg,#22c55e,#4ade80)}.toast-progress-error{background:linear-gradient(90deg,#ef4444,#f87171)}.toast-progress-info{background:linear-gradient(90deg,#6f9dff,#93b4ff)}.toast-progress-warning{background:linear-gradient(90deg,#eab308,#facc15)}@keyframes toast-progress{0%{width:100%}to{width:0}}.toast-spinner{width:16px;height:16px;border:2px solid rgba(111,157,255,.2);border-top-color:#6f9dff;border-radius:50%;animation:toast-spin .6s linear infinite}@keyframes toast-spin{to{transform:rotate(1turn)}}.announcement-banner{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;margin-bottom:20px;border-radius:var(--radius-lg,12px);font-family:var(--font-family,"DM Sans",sans-serif);animation:banner-fade-in .3s ease-out;position:relative}.announcement-banner-info{background:rgba(111,157,255,.08);border:1px solid rgba(111,157,255,.15);color:#b6caf5}.announcement-banner-success{background:rgba(34,197,94,.08);border:1px solid rgba(34,197,94,.15);color:#86efac}.announcement-banner-warning{background:rgba(234,179,8,.08);border:1px solid rgba(234,179,8,.15);color:#fde68a}.announcement-banner-error{background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.15);color:#fca5a5}.announcement-banner-icon{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;margin-top:1px}.announcement-banner-icon-info{background:rgba(111,157,255,.15);color:#6f9dff}.announcement-banner-icon-success{background:rgba(34,197,94,.15);color:#22c55e}.announcement-banner-icon-warning{background:rgba(234,179,8,.15);color:#eab308}.announcement-banner-icon-error{background:rgba(239,68,68,.15);color:#ef4444}.announcement-banner-content{flex:1;min-width:0}.announcement-banner-title{font-weight:600;font-size:13px;margin-bottom:2px;color:var(--text-primary,#eef1f5)}.announcement-banner-message{font-size:12px;line-height:1.5;color:var(--text-secondary,#b6becb)}.announcement-banner-close{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border:none;background:hsla(0,0%,100%,.06);border-radius:6px;color:#7d8696;cursor:pointer;font-size:14px;line-height:1;padding:0;transition:background .15s ease,color .15s ease;margin-top:1px}.announcement-banner-close:hover{background:hsla(0,0%,100%,.12);color:#eef1f5}@keyframes banner-fade-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.sidebar-nav::-webkit-scrollbar{width:3px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.06);border-radius:2px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.12)}.sidebar-nav{scrollbar-width:thin;scrollbar-color:hsla(0,0%,100%,.06) transparent}aside{border-right:1px solid var(--border-subtle);box-shadow:none}.sidebar-brand{height:64px;display:flex;align-items:center;padding:0 16px;gap:10px;flex-shrink:0;border-bottom:none}.sidebar-brand-name{font-size:15px;font-weight:600;color:var(--text-primary);letter-spacing:-.011em;line-height:1}.sidebar-brand-tag{font-size:10.5px;font-weight:500;color:var(--text-muted);letter-spacing:.02em;margin-top:2px}.server-card{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;border:1px solid var(--border-subtle);background:hsla(0,0%,100%,.02);cursor:pointer;transition:background-color .18s cubic-bezier(.4,0,.2,1),border-color .18s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1);position:relative}.server-card:hover{background:rgba(91,140,255,.05);border-color:rgba(91,140,255,.22);box-shadow:0 2px 12px rgba(0,0,0,.18)}.server-card:has([data-state=open]){background:rgba(91,140,255,.08);border-color:rgba(91,140,255,.3);box-shadow:0 2px 14px rgba(91,140,255,.1)}.nav-group-label{font-size:10.5px;font-weight:600;color:rgba(148,163,184,.42);letter-spacing:.1em;text-transform:uppercase;padding:14px 12px 6px;margin:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;line-height:1}.sidebar-nav>div:first-child .nav-group-label{padding-top:12px}.nav-items-container{display:flex;flex-direction:column;gap:1px;padding:0 8px}.nav-item{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:8px;color:#eaf0f7;font-size:15px;font-weight:500;letter-spacing:-.005em;line-height:1;text-decoration:none;cursor:pointer;position:relative;transition:color .15s ease-out,background .15s ease-out;min-height:38px;margin:0;white-space:nowrap}.nav-item:hover{color:#f7fafc;background:hsla(0,0%,100%,.04);transition-duration:.15s}.nav-item:hover .nav-icon svg{stroke-width:1.9}.nav-item.active{color:#fff;background:rgba(91,140,255,.16);font-weight:600;box-shadow:inset 0 0 0 1px rgba(91,140,255,.32),0 0 18px rgba(91,140,255,.12)}.nav-item.active .nav-icon svg{color:var(--accent-light);stroke-width:1.9}.nav-item.active:after{right:8px;width:4px;height:4px;border-radius:50%;opacity:.9}.nav-item.active:after,.nav-item.active:before{content:"";position:absolute;top:50%;transform:translateY(-50%);background:var(--accent)}.nav-item.active:before{left:0;width:3px;height:18px;border-radius:0 2px 2px 0}.nav-item.active:hover{background:rgba(91,140,255,.16)}.nav-item.active .nav-icon svg{color:#fff}.nav-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;opacity:.8;transition:opacity .16s ease;color:inherit}.nav-icon svg{width:19px;height:19px;stroke-width:1.75;flex-shrink:0}.nav-item:hover .nav-icon{opacity:.92}.nav-item.active .nav-icon{opacity:1}.nav-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1}.nav-disabled{opacity:.28;pointer-events:none;cursor:default}.sidebar-footer-area{border-top:1px solid var(--border-default);padding:12px 14px;gap:10px}.sidebar-footer-area,.sidebar-footer-avatar{flex-shrink:0;display:flex;align-items:center}.sidebar-footer-avatar{width:30px;height:30px;border-radius:50%;overflow:hidden;background:hsla(0,0%,100%,.08);justify-content:center;font-size:12px;font-weight:700;color:var(--text-primary)}.sidebar-footer-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.sidebar-footer-name{font-size:12.5px;font-weight:600;color:#d4dae5;letter-spacing:-.01em;line-height:1.2;flex:1;min-width:0}.sidebar-footer-name,.sidebar-footer-tag{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-footer-tag{font-size:10.5px;font-weight:400;color:rgba(148,163,184,.45)}.dashboard-topbar{height:var(--topbar-height,72px);display:flex;align-items:center;justify-content:space-between;padding:0 32px;border-bottom:1px solid var(--border-default);flex-shrink:0;gap:16px}.topbar-heading{display:flex;flex-direction:column;gap:3px;min-width:0}.topbar-breadcrumb{display:flex;align-items:center;gap:6px;font-size:11.5px;font-weight:500;color:var(--text-muted);letter-spacing:.01em;line-height:1;white-space:nowrap;overflow:hidden;max-width:100%}.topbar-breadcrumb-sep{opacity:.5;flex-shrink:0}.topbar-breadcrumb-current{color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis}.topbar-page-title{font-size:18px;font-weight:600;color:var(--text-primary);letter-spacing:-.011em;display:flex;align-items:center;gap:8px;line-height:1.2}.topbar-page-title-secondary{color:var(--text-muted);font-weight:500}.dd-panel{position:absolute;z-index:140;background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--radius-xl);box-shadow:0 16px 40px rgba(0,0,0,.42),0 2px 8px rgba(0,0,0,.24);overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;animation:dd-in var(--duration-dropdown) cubic-bezier(.2,0,0,1)}.dd-panel--server{left:-8px;right:-8px;top:calc(100% + 6px);transform-origin:top center}.dd-panel--profile{right:0;top:calc(100% + 8px);width:244px;transform-origin:top right}@keyframes dd-in{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.dd-section{padding:4px 0}.dd-label{padding:6px 14px 4px;font-size:10.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);line-height:1}.dd-divider{height:1px;background:var(--border-default)}.dd-item{display:flex;align-items:center;gap:10px;width:calc(100% - 12px);margin:1px 6px;padding:8px 10px;border:none;background:transparent;border-radius:var(--radius-md);font-size:13px;font-weight:500;letter-spacing:-.005em;color:var(--text-secondary);text-decoration:none;text-align:left;cursor:pointer;transition:background-color var(--duration-hover) var(--easing-default),color var(--duration-hover) var(--easing-default)}.dd-item:hover{background:var(--bg-surface-hover);color:var(--text-primary)}.dd-item>svg{width:15px;height:15px;flex-shrink:0;color:var(--text-muted);transition:color var(--duration-hover) var(--easing-default)}.dd-item:hover>svg{color:var(--text-primary)}.dd-item>svg.dd-chevron{width:12px;height:12px;color:var(--text-muted)}.dd-item--active,.dd-item--active:hover{background:var(--dropdown-item-active-bg);color:var(--accent-light)}.dd-item--active:hover>svg,.dd-item--active>svg{color:var(--accent-light)}.dd-item--danger,.dd-item--danger:hover,.dd-item--danger:hover>svg,.dd-item--danger>svg{color:var(--danger)}.dd-item--danger:hover{background:var(--danger-soft)}.dd-sublist{margin:2px 6px 4px;padding:4px 0;background:var(--bg-app);border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.dd-sublist .dd-item{width:calc(100% - 8px);margin:1px 4px;padding:6px 8px}.dd-flag{width:16px;flex-shrink:0;text-align:center;font-size:11px;line-height:1}.dd-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);flex-shrink:0}.dd-header{display:flex;align-items:center;gap:10px;padding:12px 14px}.dd-header-name{font-size:13.5px;letter-spacing:-.015em;line-height:1.25;white-space:nowrap;text-overflow:ellipsis}.dd-avatar,.dd-header-name{font-weight:600;color:var(--text-primary);overflow:hidden}.dd-avatar{width:30px;height:30px;border-radius:50%;flex-shrink:0;background:var(--bg-tag);display:flex;align-items:center;justify-content:center;font-size:12px}.dd-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.dd-avatar--lg{width:34px;height:34px;font-size:13px}.dd-chevron{width:14px;height:14px;flex-shrink:0;color:var(--text-muted);transition:transform .2s var(--easing-default),color var(--duration-hover) var(--easing-default)}.dd-chevron--open{transform:rotate(180deg)}.dd-server-trigger{display:flex;align-items:center;gap:10px;width:100%;padding:0;border:none;background:transparent;cursor:pointer;text-align:left}.dd-server-trigger:focus-visible{outline:2px solid var(--focus-ring-color);outline-offset:4px;border-radius:var(--radius-sm)}.dd-server-trigger[aria-expanded=true] .dd-chevron{color:var(--accent-light)}.dd-server-name{display:block;font-size:13.5px;font-weight:600;color:var(--text-primary);letter-spacing:-.015em;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dd-server-name--idle{font-size:12.5px;font-weight:500;color:var(--text-secondary)}.dd-server-status{display:flex;align-items:center;gap:3px;margin-top:1px;font-size:10.5px;font-weight:500;color:var(--accent-light);letter-spacing:.01em}.dd-server-status svg{width:10px;height:10px;flex-shrink:0}.dd-server-placeholder{width:30px;height:30px;border-radius:9px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--bg-tag);color:var(--accent-light)}.dd-server-placeholder svg{width:14px;height:14px}.dd-profile-trigger{display:flex;align-items:center;gap:8px;padding:4px 8px;border:1px solid transparent;border-radius:var(--radius-lg);background:transparent;cursor:pointer;transition:background-color var(--duration-hover) var(--easing-default),border-color var(--duration-hover) var(--easing-default)}.dd-profile-trigger:hover{background:var(--bg-surface-hover)}.dd-profile-trigger[data-open=true]{background:var(--bg-surface-hover);border-color:var(--border-default)}.dd-profile-trigger:focus-visible{outline:2px solid var(--focus-ring-color);outline-offset:2px}.dd-profile-name{font-size:13px;font-weight:500;color:var(--text-primary);max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dd-list{max-height:264px;overflow-y:auto;padding:6px 0;scrollbar-width:thin;scrollbar-color:hsla(0,0%,100%,.08) transparent}.dd-list::-webkit-scrollbar{width:4px}.dd-list::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.08);border-radius:2px}.dd-loading{display:flex;justify-content:center;padding:18px 0}.dd-spinner{width:16px;height:16px;border-radius:50%;border:2px solid var(--border-strong);border-top-color:var(--accent);animation:dd-spin .7s linear infinite}@keyframes dd-spin{to{transform:rotate(1turn)}}.dd-empty{padding:16px 14px;text-align:center}.dd-empty p{margin:0;font-size:12px;color:var(--text-secondary)}.dd-empty-link{display:inline-block;margin-top:6px;font-size:12px;font-weight:600;color:var(--accent-light);text-decoration:none}.dd-empty-link:hover{text-decoration:underline}.dd-footer{display:flex;align-items:center;gap:10px;padding:10px 14px;border-top:1px solid var(--border-default);font-size:13px;font-weight:600;color:var(--text-primary);text-decoration:none;transition:background-color var(--duration-hover) var(--easing-default)}.dd-footer:hover{background:var(--bg-surface-hover)}.dd-footer-plus{width:22px;height:22px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--accent-soft);color:var(--accent-light)}.dd-footer-plus svg{width:12px;height:12px}.module-page{max-width:1200px;animation:modulePageFadeIn .3s var(--easing-default)}@keyframes modulePageFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.module-header{margin-bottom:var(--space-8)}.module-title{font:var(--font-h1);color:var(--text-primary);letter-spacing:-.02em}.module-description{font:var(--font-body);color:var(--text-secondary);margin-top:var(--space-1)}.module-section{margin-bottom:var(--space-6)}.module-section-header{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-4);margin-top:var(--space-8)}.module-section-header:first-of-type{margin-top:0}.module-section-line{flex:1;height:1px;background:var(--border-default)}.module-section-title{font:var(--font-section-header);color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}.module-cards-grid{display:grid;grid-template-columns:1fr;gap:var(--space-4)}@media (min-width:640px){.module-cards-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.module-cards-grid{grid-template-columns:repeat(3,1fr)}}.module-card{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);cursor:pointer;text-decoration:none;transition:border-color var(--transition-fast),background-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.module-card:hover{border-color:var(--border-strong);background:var(--bg-surface-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.module-card:hover .module-card-action-icon{transform:translateX(3px);color:var(--accent)}.module-card:hover .module-card-icon{background:var(--accent-soft);color:var(--accent)}.module-card-header{display:flex;align-items:flex-start;justify-content:space-between}.module-card-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:rgba(111,157,255,.08);color:var(--icon-color-primary);transition:background var(--transition-fast),color var(--transition-fast)}.module-card-badges{display:flex;gap:var(--space-1)}.module-card-badge{display:inline-flex;align-items:center;padding:2px 8px;font:var(--font-badge);border-radius:100px;letter-spacing:.04em}.module-card-badge--new{background:var(--success-soft);color:var(--success)}.module-card-badge--beta{background:var(--accent-soft);color:var(--accent)}.module-card-badge--premium{background:var(--premium-soft);color:var(--premium)}.module-card-body{flex:1}.module-card-title-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-1)}.module-card-title{font:var(--font-card-title);color:var(--text-primary)}.module-card-status{display:inline-flex;align-items:center;gap:5px;font:var(--font-badge);white-space:nowrap;flex-shrink:0}.module-card-status-dot{width:6px;height:6px;border-radius:50%}.module-card-status--on{color:var(--success)}.module-card-status--on .module-card-status-dot{background:var(--success);box-shadow:0 0 6px rgba(34,197,94,.4)}.module-card-status--off{color:var(--text-muted)}.module-card-status--off .module-card-status-dot{background:var(--text-muted)}.module-card-description{font:var(--font-card-description);color:var(--text-secondary);line-height:1.5}.module-card-action{display:flex;align-items:center;gap:var(--space-1);padding-top:var(--space-2);border-top:1px solid var(--border-subtle);margin-top:auto}.module-card-action-text{font:var(--font-button);color:var(--text-muted);transition:color var(--transition-fast)}.module-card:hover .module-card-action-text{color:var(--accent)}.module-card-action-icon{color:var(--text-muted);transition:transform var(--transition-fast),color var(--transition-fast)}
/*# sourceMappingURL=269764eb151e8a12.css.map*/