[data-v-a36d30cb]:root{--sidebar-width:280px;--border-radius-sm:6px;--border-radius-md:8px;--border-radius-lg:12px;--border-radius-xl:16px;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.35s ease;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.sidebar-container[data-v-a36d30cb]{display:flex;flex-direction:column;height:100vh;min-width:var(--sidebar-width);overflow:hidden;position:relative;width:100%;z-index:1}.sidebar-background[data-v-a36d30cb]{pointer-events:none}.background-pattern[data-v-a36d30cb],.sidebar-background[data-v-a36d30cb]{bottom:0;left:0;position:absolute;right:0;top:0}.background-pattern[data-v-a36d30cb]{background-image:radial-gradient(circle at 2px 2px,currentColor 1px,transparent 0);background-size:20px 20px;opacity:.02}.background-gradient[data-v-a36d30cb]{background:linear-gradient(135deg,#6366f108,#a855f708 50%,#ec489908);bottom:0;left:0;position:absolute;right:0;top:0}.sidebar-content[data-v-a36d30cb]{background:var(--sidebar-background);border-right:1px solid var(--sidebar-border);display:flex;flex-direction:column;gap:1rem;height:100%;overflow-y:auto;padding:1rem;position:relative}.logo-section[data-v-a36d30cb]{flex-shrink:0}.logo-link[data-v-a36d30cb]{display:block;transition:transform .2s ease}.logo-link[data-v-a36d30cb]:hover{transform:scale(1.01)}.logo-container[data-v-a36d30cb]{align-items:center;background:linear-gradient(135deg,#fffffff2,#ffffffd9);border:1px solid hsla(0,0%,100%,.3);border-radius:var(--border-radius-xl);box-shadow:0 8px 32px #0000000f,0 4px 16px #0000000a,inset 0 1px #fff9;display:flex;gap:1rem;overflow:hidden;padding:1rem;position:relative;transition:all var(--transition-normal)}.dark .logo-container[data-v-a36d30cb]{background:linear-gradient(135deg,#1f2937f2,#374151e6);border:1px solid rgba(75,85,99,.3);box-shadow:0 8px 32px #0003,0 4px 16px #00000026,inset 0 1px #ffffff1a}.logo-container[data-v-a36d30cb]:before{background:linear-gradient(135deg,#6366f10d,#a855f708 50%,#ec48990d);border-radius:inherit;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.dark .logo-container[data-v-a36d30cb]:before{background:linear-gradient(135deg,#6366f114,#a855f70f 50%,#ec489914)}.logo-image-wrapper[data-v-a36d30cb]{flex-shrink:0;position:relative;z-index:1}.logo-image[data-v-a36d30cb]{border-radius:var(--border-radius-lg);box-shadow:0 4px 8px #0000001a,0 2px 4px #0000000f;height:2.5rem;position:relative;transition:all var(--transition-normal);width:2.5rem;z-index:1}.dark .logo-image[data-v-a36d30cb]{box-shadow:0 4px 8px #0000004d,0 2px 4px #0003}.logo-glow[data-v-a36d30cb]{animation:logoGlow-a36d30cb 4s ease-in-out infinite;background:linear-gradient(135deg,#60a5fa,#a855f7,#ec4899);border-radius:var(--border-radius-xl);bottom:-4px;filter:blur(12px);left:-4px;opacity:.2;position:absolute;right:-4px;top:-4px;z-index:-1}.dark .logo-glow[data-v-a36d30cb]{opacity:.25}.logo-text[data-v-a36d30cb]{flex:1;min-width:0}.brand-name[data-v-a36d30cb]{background:linear-gradient(135deg,#1e40af,#7c3aed,#db2777);background-clip:text;-webkit-background-clip:text;color:transparent;font-size:1.125rem;font-weight:800;letter-spacing:-.025em;margin:0;transition:all var(--transition-normal)}.dark .brand-name[data-v-a36d30cb]{background:linear-gradient(135deg,#60a5fa,#a78bfa,#f472b6);background-clip:text;-webkit-background-clip:text;color:transparent}.brand-tagline[data-v-a36d30cb]{color:#64748b;font-size:.75rem;font-weight:600;letter-spacing:.05em;margin-top:.25rem;opacity:.8;text-transform:uppercase;transition:all var(--transition-normal)}.dark .brand-tagline[data-v-a36d30cb]{color:#94a3b8}.logo-link:hover .logo-container[data-v-a36d30cb]{box-shadow:0 12px 40px #00000014,0 6px 20px #0000000f,inset 0 1px #ffffffb3;transform:translateY(-1px)}.dark .logo-link:hover .logo-container[data-v-a36d30cb]{box-shadow:0 12px 40px #00000040,0 6px 20px #0003,inset 0 1px #ffffff26}.logo-link:hover .logo-image[data-v-a36d30cb]{transform:scale(1.05)}.logo-link:hover .brand-tagline[data-v-a36d30cb]{opacity:1}.navigation-section[data-v-a36d30cb]{flex:1;min-height:0;overflow-y:auto}.nav-container[data-v-a36d30cb]{display:flex;flex-direction:column;gap:.25rem}.nav-item[data-v-a36d30cb],.nav-link[data-v-a36d30cb]{position:relative}.nav-link[data-v-a36d30cb]{align-items:center;border-radius:var(--border-radius-md);color:#374151;display:flex;gap:.75rem;padding:.625rem .75rem;text-decoration:none;transition:all var(--transition-normal)}.dark .nav-link[data-v-a36d30cb]{color:#d1d5db}.nav-link[data-v-a36d30cb]:hover{background:#ffffffb3;box-shadow:var(--shadow-sm);transform:translate(2px)}.dark .nav-link[data-v-a36d30cb]:hover{background:#ffffff14}.nav-link--active[data-v-a36d30cb]{background:linear-gradient(90deg,#eff6ff,#fdf4ff);border:1px solid rgba(59,130,246,.3);box-shadow:var(--shadow-md);color:#1e40af}.dark .nav-link--active[data-v-a36d30cb]{background:linear-gradient(90deg,#1e3a8a33,#581c8733);border:1px solid rgba(59,130,246,.4);color:#60a5fa}.nav-icon-wrapper[data-v-a36d30cb]{flex-shrink:0;position:relative}.nav-icon[data-v-a36d30cb],.nav-icon-wrapper[data-v-a36d30cb]{height:1.125rem;width:1.125rem}.nav-icon[data-v-a36d30cb]{color:#4b5563;transition:all var(--transition-normal)}.dark .nav-icon[data-v-a36d30cb]{color:#9ca3af}.nav-link:hover .nav-icon[data-v-a36d30cb]{color:#2563eb}.dark .nav-link:hover .nav-icon[data-v-a36d30cb]{color:#60a5fa}.nav-link--active .nav-icon[data-v-a36d30cb]{color:#2563eb}.dark .nav-link--active .nav-icon[data-v-a36d30cb]{color:#60a5fa}.nav-icon-glow[data-v-a36d30cb]{background:#3b82f633;border-radius:50%;bottom:0;filter:blur(4px);left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity var(--transition-normal)}.nav-link:hover .nav-icon-glow[data-v-a36d30cb]{opacity:.7}.nav-label[data-v-a36d30cb]{color:inherit;flex:1;font-size:.875rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-indicator[data-v-a36d30cb]{background:#3b82f6;border-radius:50%;height:.375rem;opacity:0;position:absolute;right:.75rem;transform:scale(0);transition:all var(--transition-normal);width:.375rem}.nav-link--active .nav-indicator[data-v-a36d30cb]{opacity:1;transform:scale(1)}.usage-section[data-v-a36d30cb]{flex-shrink:0}.usage-card[data-v-a36d30cb]{background:linear-gradient(135deg,#fffffff2,#fffc);border:1px solid hsla(0,0%,100%,.3);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);padding:1rem}.dark .usage-card[data-v-a36d30cb]{background:linear-gradient(135deg,#1f2937f2,#111827e6);border:1px solid rgba(75,85,99,.3)}.usage-header[data-v-a36d30cb]{justify-content:space-between;margin-bottom:.75rem}.usage-header[data-v-a36d30cb],.usage-title[data-v-a36d30cb]{align-items:center;display:flex}.usage-title[data-v-a36d30cb]{gap:.5rem}.usage-title-icon[data-v-a36d30cb]{color:#2563eb;height:1rem;width:1rem}.dark .usage-title-icon[data-v-a36d30cb]{color:#60a5fa}.usage-title h3[data-v-a36d30cb]{color:#111827;font-size:.875rem;font-weight:600;margin:0}.dark .usage-title h3[data-v-a36d30cb]{color:#fff}.usage-badge[data-v-a36d30cb]{align-items:baseline;background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:9999px;display:flex;gap:.125rem;padding:.25rem .5rem}.usage-count[data-v-a36d30cb]{color:#1e40af;font-size:.875rem;font-weight:700}.dark .usage-count[data-v-a36d30cb]{color:#60a5fa}.usage-limit[data-v-a36d30cb]{color:#6b7280;font-size:.75rem}.dark .usage-limit[data-v-a36d30cb]{color:#9ca3af}.compact-progress[data-v-a36d30cb]{margin-bottom:.75rem}.progress-track[data-v-a36d30cb]{background:#f3f4f6;border-radius:9999px;height:.5rem;margin-bottom:.5rem;overflow:hidden}.dark .progress-track[data-v-a36d30cb]{background:#374151}.progress-fill[data-v-a36d30cb]{background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:9999px;height:100%;transition:width .5s ease}.progress-text[data-v-a36d30cb]{color:#6b7280;font-size:.75rem;text-align:center}.dark .progress-text[data-v-a36d30cb]{color:#9ca3af}.api-overview[data-v-a36d30cb]{display:flex;flex-direction:column;gap:.375rem;margin-bottom:.75rem}.api-item[data-v-a36d30cb]{align-items:center;display:flex;gap:.5rem;padding:.25rem 0}.api-dot[data-v-a36d30cb]{border-radius:50%;flex-shrink:0;height:.5rem;width:.5rem}.api-dot.violet[data-v-a36d30cb]{background:#8b5cf6}.api-dot.blue[data-v-a36d30cb]{background:#3b82f6}.api-dot.green[data-v-a36d30cb]{background:#10b981}.api-name[data-v-a36d30cb]{color:#374151;flex:1;font-size:.75rem;font-weight:500}.dark .api-name[data-v-a36d30cb]{color:#d1d5db}.api-count[data-v-a36d30cb]{color:#6b7280;font-size:.75rem;font-weight:600}.dark .api-count[data-v-a36d30cb]{color:#9ca3af}.usage-tip[data-v-a36d30cb]{align-items:center;border-top:1px solid rgba(229,231,235,.5);color:#6b7280;display:flex;font-size:.7rem;gap:.375rem;padding-top:.75rem}.dark .usage-tip[data-v-a36d30cb]{border-top:1px solid rgba(55,65,81,.5);color:#9ca3af}.tip-icon[data-v-a36d30cb]{flex-shrink:0;height:.75rem;width:.75rem}.upgrade-section[data-v-a36d30cb]{display:flex;flex-direction:column;flex-shrink:0;gap:.75rem}.upgrade-button[data-v-a36d30cb]{background:linear-gradient(90deg,#2563eb,#7c3aed);border:none;border-radius:var(--border-radius-md);color:#fff;cursor:pointer;font-weight:600;overflow:hidden;padding:.75rem 1rem;position:relative;transition:all var(--transition-normal);width:100%}.upgrade-button[data-v-a36d30cb]:hover{background:linear-gradient(90deg,#1d4ed8,#6d28d9);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.upgrade-button-content[data-v-a36d30cb]{align-items:center;display:flex;gap:.5rem;justify-content:center;position:relative}.upgrade-icon[data-v-a36d30cb]{height:1rem;width:1rem}.upgrade-text[data-v-a36d30cb]{font-size:.875rem;font-weight:600}.upgrade-glow[data-v-a36d30cb]{animation:pulse-a36d30cb 2s ease-in-out infinite;background:linear-gradient(90deg,#60a5fa,#a78bfa);bottom:0;filter:blur(12px);left:0;opacity:.3;position:absolute;right:0;top:0}.pro-features-compact[data-v-a36d30cb]{background:linear-gradient(135deg,#fbbf2414,#f59e0b14);border:1px solid rgba(251,191,36,.2);border-radius:var(--border-radius-md);padding:.75rem}.pro-features-header[data-v-a36d30cb]{align-items:center;color:#92400e;display:flex;font-size:.75rem;font-weight:600;gap:.375rem;margin-bottom:.5rem}.dark .pro-features-header[data-v-a36d30cb]{color:#fbbf24}.crown-icon[data-v-a36d30cb]{color:#d97706;height:.875rem;width:.875rem}.dark .crown-icon[data-v-a36d30cb]{color:#fbbf24}.pro-features-pills[data-v-a36d30cb]{display:flex;flex-direction:column;gap:.25rem}.feature-pill[data-v-a36d30cb]{align-items:center;color:#92400e;display:flex;font-size:.7rem;gap:.375rem;padding:.125rem 0}.dark .feature-pill[data-v-a36d30cb]{color:#fbbf24}.feature-icon[data-v-a36d30cb]{flex-shrink:0;height:.75rem;width:.75rem}@media (max-width:768px){.sidebar-content[data-v-a36d30cb]{gap:.75rem;padding:.75rem}.usage-card[data-v-a36d30cb]{padding:.75rem}.logo-container[data-v-a36d30cb],.nav-link[data-v-a36d30cb]{padding:.5rem}.logo-image[data-v-a36d30cb]{height:1.75rem;width:1.75rem}}@keyframes logoGlow-a36d30cb{0%,to{opacity:.2;transform:scale(1)}50%{opacity:.3;transform:scale(1.05)}}.dark .logo-glow[data-v-a36d30cb]{animation:logoGlowDark-a36d30cb 4s ease-in-out infinite}@keyframes logoGlowDark-a36d30cb{0%,to{opacity:.25;transform:scale(1)}50%{opacity:.4;transform:scale(1.05)}}@keyframes pulse-a36d30cb{0%,to{opacity:.3}50%{opacity:.6}}.sidebar-content[data-v-a36d30cb]::-webkit-scrollbar{width:4px}.sidebar-content[data-v-a36d30cb]::-webkit-scrollbar-track{background:transparent}.sidebar-content[data-v-a36d30cb]::-webkit-scrollbar-thumb{background:#9ca3af4d;border-radius:2px}.sidebar-content[data-v-a36d30cb]::-webkit-scrollbar-thumb:hover{background:#9ca3af80}.dark .sidebar-content[data-v-a36d30cb]::-webkit-scrollbar-thumb{background:#4b55634d}.dark .sidebar-content[data-v-a36d30cb]::-webkit-scrollbar-thumb:hover{background:#4b556380}