@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@300;400;500;600;700;800&display=swap";:root{--bg-primary:#f8fafc;--bg-gradient:linear-gradient(135deg, #f1f5f9 0%, #e2e8f0 100%);--bg-card:#ffffffa6;--border-card:#fff9;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--accent-purple:#48bb78;--accent-purple-glow:#48bb7826;--accent-green:#48bb78;--accent-green-glow:#48bb7826;--accent-teal:#6ee7b7;--accent-teal-glow:#6ee7b733;--accent-rose:#f43f5e;--accent-rose-glow:#f43f5e26;--accent-amber:#f59e0b;--accent-amber-glow:#f59e0b26;--shadow-sm:0 2px 8px -1px #0f172a0d;--shadow-md:0 10px 25px -5px #0f172a14, 0 8px 16px -6px #0f172a14;--shadow-lg:0 20px 40px -15px #0f172a1f;--glass-blur:16px;--font-display:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--sidebar-width:260px}[data-theme=dark]{--bg-primary:#080b11;--bg-gradient:linear-gradient(135deg, #090d16 0%, #030508 100%);--bg-card:#1118278c;--border-card:#ffffff0d;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--accent-purple:#48bb78;--accent-purple-glow:#48bb7840;--accent-green:#6ee7b7;--accent-green-glow:#6ee7b740;--accent-teal:#6ee7b7;--accent-teal-glow:#6ee7b740;--accent-rose:#fb7185;--accent-rose-glow:#fb718540;--accent-amber:#fbbf24;--accent-amber-glow:#fbbf2440;--shadow-sm:0 2px 8px -1px #0003;--shadow-md:0 10px 25px -5px #0000004d, 0 8px 16px -6px #0000004d;--shadow-lg:0 25px 50px -12px #00000080}*{box-sizing:border-box;margin:0;padding:0;transition:background-color .3s,border-color .3s}body{font-family:var(--font-sans);background:var(--bg-gradient);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--text-muted);opacity:.5;border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--border-card);box-shadow:var(--shadow-md);border-radius:20px;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s}.glass-panel:hover{box-shadow:var(--shadow-lg)}.glass-card-interactive{background:var(--bg-card);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--border-card);box-shadow:var(--shadow-md);cursor:pointer;border-radius:20px;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s,border-color .3s}.glass-card-interactive:hover{box-shadow:var(--shadow-lg);border-color:#ffffff40;transform:translateY(-2px)}.btn{font-family:var(--font-sans);cursor:pointer;border:1px solid #0000;border-radius:12px;outline:none;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn-primary{background:var(--accent-purple);color:#fff;box-shadow:0 4px 14px 0 var(--accent-purple-glow)}.btn-primary:hover{filter:brightness(1.1);box-shadow:0 6px 20px 0 var(--accent-purple-glow);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--bg-card);border:1px solid var(--border-card);color:var(--text-primary)}.btn-secondary:hover{background:#ffffff1a;transform:translateY(-1px)}.btn-icon{background:var(--bg-card);border:1px solid var(--border-card);width:40px;height:40px;color:var(--text-primary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.btn-icon:hover{background:#ffffff26;transform:scale(1.05)}.app-container{min-height:100vh;display:flex;position:relative}.sidebar{width:var(--sidebar-width);z-index:50;border-right:1px solid var(--border-card);background:var(--bg-card);height:100vh;-webkit-backdrop-filter:blur(var(--glass-blur));flex-direction:column;padding:1.5rem;display:flex;position:fixed;top:0;left:0}.main-content{margin-left:var(--sidebar-width);max-width:1400px;width:calc(100% - var(--sidebar-width));flex:1;padding:2rem}@media (width<=1024px){.sidebar{width:80px;padding:1.5rem .5rem}.sidebar .logo-text,.sidebar .nav-text{display:none}.sidebar .nav-item{justify-content:center}.main-content{width:calc(100% - 80px);margin-left:80px;padding:1.5rem}}@media (width<=640px){.app-container{flex-direction:column}.sidebar{border-right:none;border-top:1px solid var(--border-card);background:var(--bg-card);width:100%;height:65px;-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));flex-direction:row;justify-content:space-around;padding:0;position:fixed;top:auto;bottom:0;left:0}.sidebar .logo-container{display:none}.sidebar .sidebar-nav{justify-content:space-around;align-items:center;width:100%;height:100%;flex-direction:row!important;margin:0!important}.sidebar .nav-item{padding:.5rem;margin:0!important}.sidebar .sidebar-footer{display:none}.main-content{width:100%;margin-left:0;padding:1rem 1rem 90px}}.logo-container{align-items:center;gap:.75rem;margin-bottom:2.5rem;padding:.5rem;display:flex}.logo-icon{background:linear-gradient(135deg, var(--accent-purple) 0%, var(--accent-teal) 100%);color:#fff;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex;box-shadow:0 4px 12px #48bb784d}.logo-text{font-family:var(--font-display);background:linear-gradient(135deg, var(--text-primary) 30%, var(--text-secondary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.25rem;font-weight:700}.sidebar-nav{flex-direction:column;flex:1;gap:.5rem;display:flex}.nav-item{color:var(--text-secondary);cursor:pointer;border-radius:12px;align-items:center;gap:.875rem;padding:.875rem 1rem;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.nav-item:hover{color:var(--text-primary);background:#ffffff14;transform:translate(3px)}.nav-item.active{background:var(--bg-primary);color:var(--accent-purple);box-shadow:inset 3px 0 0 var(--accent-purple), var(--shadow-sm)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.4s cubic-bezier(.16,1,.3,1) forwards fadeIn}.circular-progress{justify-content:center;align-items:center;width:120px;height:120px;display:flex;position:relative}.circular-progress svg{width:100%;height:100%;transform:rotate(-90deg)}.circular-progress circle{fill:none;stroke-width:8px;stroke-linecap:round}.circular-progress .bg-circle{stroke:#ffffff14}[data-theme=light] .circular-progress .bg-circle{stroke:#0000000d}.circular-progress .progress-circle{transition:stroke-dashoffset .3s}.visualizer-container{align-items:flex-end;gap:3px;width:32px;height:24px;display:flex}.visualizer-bar{background:var(--accent-teal);border-radius:2px;width:4px;height:20%;animation:.8s ease-in-out infinite alternate bounce}.visualizer-bar:nth-child(2){animation-delay:.15s}.visualizer-bar:nth-child(3){animation-delay:.3s}.visualizer-bar:nth-child(4){animation-delay:.45s}@keyframes bounce{0%{height:20%}to{height:100%}}.spin{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}