@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";
:root{--bg-primary:#0a0a0f;--bg-secondary:#111118;--bg-card:#ffffff0a;--bg-card-hover:#ffffff12;--bg-card-border:#ffffff14;--accent-purple:#7c3aed;--accent-cyan:#06b6d4;--accent-pink:#ec4899;--gradient-primary:linear-gradient(135deg, var(--accent-purple), var(--accent-cyan));--gradient-warm:linear-gradient(135deg, var(--accent-purple), var(--accent-pink));--text-primary:#f0f0f5;--text-secondary:#9ca3af;--text-muted:#6b7280;--text-accent:var(--accent-cyan);--color-success:#22c55e;--color-error:#ef4444;--color-warning:#f59e0b;--color-info:#3b82f6;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-card:0 4px 24px #0000004d;--shadow-glow-purple:0 0 24px #7c3aed4d;--shadow-glow-cyan:0 0 24px #06b6d44d;--sidebar-width:260px;--transition-fast:.15s ease;--transition-normal:.3s ease;--transition-slow:.5s ease;--z-sidebar:100;--z-header:90;--z-mobile-nav:100;--z-modal:200;--z-toast:300}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{background:var(--bg-primary);color:var(--text-primary);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}input,textarea,select{color:inherit;background:0 0;border:none;outline:none;font-family:inherit}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff40}.app-shell{min-height:100vh;display:flex}.main-content{padding:var(--space-xl) var(--space-xl) var(--space-3xl);margin-left:var(--sidebar-width);flex:1;max-width:100%;min-height:100vh;overflow-x:hidden}@media (max-width:768px){.main-content{padding:var(--space-md) var(--space-md) 100px;margin-left:0}}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--bg-card-border);border-radius:var(--radius-lg);transition:all var(--transition-normal)}.glass-card:hover{background:var(--bg-card-hover);box-shadow:var(--shadow-card);transform:translateY(-2px)}.gradient-text{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes glow{0%,to{box-shadow:0 0 12px #7c3aed4d}50%{box-shadow:0 0 28px #7c3aed99}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.animate-fade-in{animation:.4s forwards fadeIn}.animate-fade-in-up{animation:.5s forwards fadeInUp}.animate-slide-in-right{animation:.4s forwards slideInRight}.animate-pulse{animation:2s ease-in-out infinite pulse}.animate-shimmer{background:linear-gradient(90deg,#0000,#ffffff14,#0000) 0 0/200% 100%;animation:1.8s infinite shimmer}.animate-glow{animation:2.5s ease-in-out infinite glow}.animate-scale-in{animation:.3s forwards scaleIn}.stagger-children>*{opacity:0;animation:.4s forwards fadeInUp}.stagger-children>:first-child{animation-delay:50ms}.stagger-children>:nth-child(2){animation-delay:.1s}.stagger-children>:nth-child(3){animation-delay:.15s}.stagger-children>:nth-child(4){animation-delay:.2s}.stagger-children>:nth-child(5){animation-delay:.25s}.stagger-children>:nth-child(6){animation-delay:.3s}.stagger-children>:nth-child(7){animation-delay:.35s}.stagger-children>:nth-child(8){animation-delay:.4s}@media (min-width:769px){.mobile-only{display:none!important}}@media (max-width:768px){.desktop-only{display:none!important}}