@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--font-headers: "Inter", sans-serif;--font-body: "Inter", sans-serif;--bg-main: #0B0F19;--bg-sidebar: #0B0F19;--bg-card: #111827;--bg-input: rgba(255, 255, 255, .03);--border-light: rgba(255, 255, 255, .06);--border-hover: rgba(59, 130, 246, .4);--color-text-main: #F9FAFB;--color-text-muted: #9CA3AF;--color-text-accent: #3B82F6;--grad-primary: linear-gradient(135deg, #3B82F6 0%, #1D4ED8 100%);--grad-secondary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--grad-dark: #0B0F19;--shadow-neon: 0 4px 20px rgba(59, 130, 246, .05);--shadow-neon-hover: 0 8px 30px rgba(59, 130, 246, .12)}[data-theme=light]{--bg-main: #F9FAFB;--bg-sidebar: #F3F4F6;--bg-card: #FFFFFF;--bg-input: #FFFFFF;--border-light: rgba(0, 0, 0, .08);--border-hover: rgba(59, 130, 246, .6);--color-text-main: #111827;--color-text-muted: #6B7280;--color-text-accent: #2563EB;--grad-dark: #FFFFFF;--shadow-neon: 0 4px 20px rgba(0, 0, 0, .03);--shadow-neon-hover: 0 8px 30px rgba(0, 0, 0, .08)}*{box-sizing:border-box;margin:0;padding:0;font-family:var(--font-body)}body{background-color:var(--bg-main);color:var(--color-text-main);font-size:14px;min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1{font-family:var(--font-headers);font-weight:700;letter-spacing:-.02em;font-size:36px;color:var(--color-text-main)}h2,h3,h4,h5,h6{font-family:var(--font-headers);font-weight:600;letter-spacing:-.01em;font-size:22px;color:var(--color-text-main)}.glass-panel{background:var(--bg-card);border:1px solid var(--border-light);border-radius:12px;box-shadow:var(--shadow-neon);transition:all .15s ease-in-out}.glass-panel:hover{border-color:#ffffff1a;box-shadow:var(--shadow-neon-hover)}.glass-panel-interactive:hover{transform:translateY(-1px);border-color:var(--border-hover);box-shadow:var(--shadow-neon-hover)}.text-gradient{background:var(--grad-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-purple{background:var(--grad-secondary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fff3}.app-container{display:flex;min-height:100vh;background-color:var(--bg-main);color:var(--color-text-main)}.sidebar{width:240px;background:var(--bg-sidebar);border-right:none;display:flex;flex-direction:column;height:100vh;position:sticky;top:0;padding:24px 16px;z-index:100;transition:all .2s cubic-bezier(.4,0,.2,1)}.sidebar.closed{width:0;padding:24px 0;border-right:none;overflow:hidden}.main-content{flex:1;padding:32px;max-width:960px;margin:0 auto;width:100%}.nav-item{display:flex;align-items:center;gap:12px;width:100%;padding:10px 14px;border-radius:8px;background:none;border:none;color:var(--color-text-muted);cursor:pointer;transition:all .15s ease-in-out;font-weight:500;font-size:.9rem;text-align:left}.nav-item:hover{background:var(--border-light);color:var(--color-text-main)}.nav-item.active{background:#3b82f614;color:var(--color-text-accent);font-weight:600;border-left:3px solid var(--color-text-accent);border-top-left-radius:2px;border-bottom-left-radius:2px;padding-left:11px}.btn-primary{background:var(--grad-primary);color:#fff;border:none;padding:12px 24px;border-radius:12px;font-weight:600;font-family:var(--font-headers);cursor:pointer;transition:all .15s ease-in-out;display:inline-flex;align-items:center;gap:8px;justify-content:center}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 15px #3b82f633;filter:brightness(1.05)}.btn-primary:active{transform:translateY(1px)}.btn-secondary{background:#ffffff05;color:var(--color-text-main);border:1px solid var(--border-light);padding:10px 20px;border-radius:12px;font-weight:500;cursor:pointer;transition:all .15s ease-in-out;display:inline-flex;align-items:center;gap:8px;justify-content:center}.btn-secondary:hover{background:#ffffff0f;border-color:#ffffff1f;transform:translateY(-1px)}.input-field{background:var(--bg-input);border:1px solid var(--border-light);color:var(--color-text-main);padding:14px 16px;border-radius:12px;font-size:.95rem;outline:none;transition:all .15s ease-in-out;width:100%}.input-field:focus{border-color:var(--color-text-accent);box-shadow:0 0 0 2px #3b82f633;background:#ffffff0d}@keyframes pulseGlow{0%,to{opacity:.5}50%{opacity:1}}.pulsing-glow{animation:pulseGlow 2s infinite ease-in-out}.responsive-split-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:24px;align-items:start}.responsive-tabs-container{display:flex;gap:12px;border-bottom:1px solid var(--border-light);padding-bottom:16px;margin-bottom:24px}.responsive-search-container{display:flex;gap:12px}.mobile-menu-toggle{display:none;background:none;border:none;color:var(--color-text-main);cursor:pointer;padding:8px;border-radius:8px;align-items:center;justify-content:center;transition:all .2s ease}.mobile-menu-toggle:hover{background:#ffffff0d}.sidebar-menu-items{display:flex;flex-direction:column;flex:1}.main-header{height:48px;border-bottom:1px solid var(--border-light);padding:0 12px;display:flex;align-items:center;justify-content:space-between;background-color:var(--bg-main);width:100%;flex-shrink:0;box-sizing:border-box}.mobile-menu-toggle-btn{display:none!important}@media (max-width: 768px){.mobile-menu-toggle-btn{display:flex!important}.main-header{background:var(--bg-sidebar)!important;position:sticky;top:0;z-index:90}.app-container{flex-direction:column}.sidebar{position:fixed;top:0;left:-240px;width:240px;height:100vh;background:var(--bg-sidebar);z-index:1000;border-right:1px solid var(--border-light);transition:left .2s cubic-bezier(.4,0,.2,1);padding:16px}.sidebar.open{left:0}.sidebar.closed{left:-240px;width:240px;padding:16px;border-right:1px solid var(--border-light);overflow:visible}.mobile-menu-toggle{display:flex}.sidebar-menu-items{display:flex;width:100%}.sidebar nav{flex-direction:column!important;gap:8px;margin-bottom:16px;flex:none;width:100%}.sidebar nav button.nav-item{width:100%;justify-content:flex-start}.main-content{padding:16px 8px}.responsive-split-layout{grid-template-columns:minmax(0,1fr)}.responsive-tabs-container{flex-direction:column;gap:8px}.responsive-tabs-container button{width:100%;justify-content:center}.responsive-search-container{flex-direction:column;gap:8px}.responsive-search-container button{width:100%;justify-content:center}}