@keyframes pulseGlow{0%{opacity:.7;transform:scale(1)}to{opacity:1;transform:scale(1.15)}}.layout-container{background-color:var(--bg-dark);width:100%;height:100vh;min-height:100vh;display:flex;position:relative;overflow:hidden}.layout-container:before{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(circle at 15% 25%,#6366f133,#0000 50%),radial-gradient(circle at 85% 75%,#ec489926,#0000 50%),radial-gradient(circle at 75% 15%,#38bdf826,#0000 40%);width:140%;height:140%;animation:8s ease-in-out infinite alternate pulseGlow;display:none;position:absolute;top:-20%;left:-20%}.sidebar{background-color:var(--bg-sidebar);border-right:1px solid var(--border-color);z-index:1;flex-direction:column;flex:0 0 260px;align-self:flex-start;width:260px;height:100vh;display:flex;position:sticky;top:0;overflow:hidden}.logo-container{border-bottom:1px solid var(--border-color);padding:24px}.logo-link{align-items:center;gap:12px;text-decoration:none;display:flex}.logo-link h2{background:linear-gradient(135deg, var(--primary), var(--accent));color:#0000;-webkit-background-clip:text;margin:0;font-size:1.5rem;font-weight:700;transition:all .3s}.logo-link:hover h2{filter:drop-shadow(0 0 8px #6366f166);transform:scale(1.05)}.version-badge{color:var(--primary);background:#6366f11a;border:1px solid #6366f133;border-radius:12px;padding:2px 8px;font-size:.7rem;font-weight:600}.nav-menu{flex-grow:1;padding:20px 16px;overflow-y:auto}.nav-group{margin-bottom:28px}.nav-group-title{text-transform:uppercase;color:var(--text-secondary);letter-spacing:.05em;margin-bottom:12px;padding-left:12px;font-size:.75rem;font-weight:600}.nav-item{color:var(--text-secondary);opacity:0;border-radius:8px;align-items:center;gap:12px;margin-bottom:4px;padding:10px 16px;font-weight:500;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);animation:.5s ease-out forwards slideRightFade;display:flex}@keyframes slideRightFade{0%{opacity:0;transform:translate(-15px)}to{opacity:1;transform:none}}.nav-item:first-child{animation-delay:50ms}.nav-item:nth-child(2){animation-delay:.1s}.nav-item:nth-child(3){animation-delay:.15s}.nav-item:nth-child(4){animation-delay:.2s}.nav-item:hover{color:var(--text-primary);background-color:#ffffff08;transform:translate(4px)}.nav-item.active{color:var(--primary);border-left:3px solid var(--primary);background-color:#6366f126;padding-left:13px}.main-content{flex-direction:column;flex-grow:1;min-width:0;display:flex;position:relative;overflow:hidden}.page-content{flex-grow:1;padding:32px 40px;animation:.4s cubic-bezier(.16,1,.3,1) forwards pageTransition;overflow-y:auto}@keyframes pageTransition{0%{opacity:0}to{opacity:1}}.mobile-top-bar,.mobile-overlay,.mobile-close-btn{display:none}@media (width<=1200px){.layout-container{flex-direction:column;padding-top:64px;overflow:visible}.main-content{overflow:visible}.mobile-top-bar{background-color:var(--bg-sidebar);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);z-index:100;justify-content:space-between;align-items:center;height:64px;padding:0 20px;display:flex;position:fixed;top:0;left:0;right:0}.mobile-menu-btn{color:var(--text-primary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;margin-right:-8px;padding:8px;display:flex}.sidebar{border-right:1px solid var(--border-color);z-index:1000;border-bottom:none;width:280px;height:100vh;transition:transform .3s cubic-bezier(.16,1,.3,1);position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.logo-container{justify-content:space-between;align-items:center;display:flex}.mobile-close-btn{color:var(--text-secondary);cursor:pointer;background:#ffffff0d;border:none;border-radius:50%;padding:6px;display:flex}.nav-menu{padding:20px 16px;display:block;overflow:hidden auto}.nav-group{margin-bottom:28px;display:block}.nav-group-title{display:block}.nav-item{white-space:normal;margin-bottom:8px;padding:10px 12px}.mobile-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:999;opacity:0;pointer-events:none;background:#0009;width:100vw;height:100vh;transition:opacity .3s;display:block;position:fixed;top:0;left:0}.mobile-overlay.open{opacity:1;pointer-events:auto}.page-content{padding:20px 16px 120px;overflow:visible}}:root{--page-max-width:1200px;--page-header-gap:32px;--page-section-gap:40px;--page-layout-gap:24px;--page-divider-gap:32px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}:root,[data-theme=pitch-black]{--bg-dark:#000;--bg-sidebar:#09090b;--bg-card:#09090b;--bg-hover:#27272a;--border-color:#27272a;--text-primary:#fff;--text-secondary:#a1a1aa;--primary:#6366f1;--primary-hover:#4f46e5;--accent:#ec4899;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=navy-slate]{--bg-dark:#0f172a;--bg-sidebar:#1e293b;--bg-card:#1e293b;--bg-hover:#334155;--border-color:#334155;--text-primary:#f8fafc;--text-secondary:#94a3b8;--primary:#6366f1;--primary-hover:#4f46e5;--accent:#ec4899;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=light]{--bg-dark:#f8fafc;--bg-sidebar:#fff;--bg-card:#fff;--bg-hover:#f1f5f9;--border-color:#e2e8f0;--text-primary:#0f172a;--text-secondary:#64748b;--primary:#6366f1;--primary-hover:#4f46e5;--accent:#ec4899;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-dark);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}@media (width<=1200px){:root{--page-header-gap:24px;--page-section-gap:32px;--page-layout-gap:20px;--page-divider-gap:24px}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--bg-hover);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.brand-gradient{background:linear-gradient(135deg,#6366f1 0%,#3b82f6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}
