@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Outfit:wght@400;500;600;700;800&display=swap";:root{--color-deep-blue: #1565a0;--color-medium-blue: #4fa8d1;--color-light-blue: #7ec8e3;--color-indigo: #3a3580;--color-purple: #5b52a3;--color-lavender: #b0add4;--color-light-lavender: #d8d6ec;--color-orange: #f5a623;--color-amber: #e8832a;--color-gold: #ffd700;--bg-primary: #0b1426;--bg-secondary: #111d35;--bg-card: #162040;--bg-card-hover: #1c2a52;--bg-elevated: #1e3060;--bg-glass: rgba(22, 32, 64, .65);--bg-glass-hover: rgba(28, 42, 82, .8);--text-primary: #f0f0f8;--text-secondary: #a8b2cc;--text-muted: #6b7a99;--text-accent: #f5a623;--border-subtle: rgba(176, 173, 212, .12);--border-medium: rgba(176, 173, 212, .25);--border-accent: rgba(245, 166, 35, .4);--gradient-primary: linear-gradient(135deg, #1565a0, #3a3580);--gradient-accent: linear-gradient(135deg, #f5a623, #e8832a);--gradient-card: linear-gradient( 145deg, rgba(22, 32, 64, .8), rgba(30, 48, 96, .6) );--gradient-hero: linear-gradient( 180deg, #0b1426 0%, #162040 50%, #1e3060 100% );--gradient-sidebar: linear-gradient(180deg, #111d35, #0b1426);--gradient-blue-purple: linear-gradient(135deg, #4fa8d1, #5b52a3);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .2);--shadow-md: 0 4px 16px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .4);--shadow-glow-blue: 0 0 20px rgba(79, 168, 209, .3);--shadow-glow-orange: 0 0 20px rgba(245, 166, 35, .3);--shadow-glow-purple: 0 0 20px rgba(91, 82, 163, .3);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 50%;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .5s cubic-bezier(.34, 1.56, .64, 1);--font-display: "Outfit", sans-serif;--font-body: "Inter", sans-serif;--sidebar-width: 280px;--sidebar-collapsed: 72px}[data-theme=light]{--bg-primary: #f5f7fb;--bg-secondary: #ffffff;--bg-card: #f0f2f8;--bg-card-hover: #e8ebf3;--bg-elevated: #e2e6f0;--bg-glass: rgba(255, 255, 255, .75);--bg-glass-hover: rgba(240, 242, 248, .9);--text-primary: #1a1d2e;--text-secondary: #4a5068;--text-muted: #7b829a;--text-accent: #e8832a;--border-subtle: rgba(58, 53, 128, .1);--border-medium: rgba(58, 53, 128, .2);--border-accent: rgba(245, 166, 35, .5);--gradient-card: linear-gradient(145deg, rgba(255,255,255,.9), rgba(240,242,248,.7));--gradient-hero: linear-gradient(180deg, #f5f7fb 0%, #e8ebf3 50%, #e2e6f0 100%);--gradient-sidebar: linear-gradient(180deg, #ffffff, #f0f2f8);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .06);--shadow-md: 0 4px 16px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .1);--shadow-glow-blue: 0 0 20px rgba(21, 101, 160, .15);--shadow-glow-orange: 0 0 20px rgba(245, 166, 35, .2);--shadow-glow-purple: 0 0 20px rgba(91, 82, 163, .15)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh;overflow-x:hidden;transition:background-color .3s ease,color .3s ease}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.2;letter-spacing:-.02em}h1{font-size:2.25rem}h2{font-size:1.75rem}h3{font-size:1.35rem}h4{font-size:1.1rem}a{color:var(--color-medium-blue);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-light-blue)}img{max-width:100%;height:auto}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-indigo);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-purple)}.app-layout{display:flex;min-height:100vh}.main-content{flex:1;margin-left:var(--sidebar-width);padding:var(--space-2xl);transition:margin-left var(--transition-normal);max-width:calc(100% - var(--sidebar-width))}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes scaleIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes glow{0%,to{box-shadow:0 0 5px #f5a6234d}50%{box-shadow:0 0 20px #f5a62399}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes progressFill{0%{width:0}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fade-in{animation:fadeIn var(--transition-slow) ease forwards}.animate-fade-in-up{animation:fadeInUp var(--transition-slow) ease forwards}.animate-scale-in{animation:scaleIn var(--transition-bounce) forwards}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}.delay-5{animation-delay:.5s}@media(max-width:1024px){.main-content{margin-left:0;max-width:100%;padding:var(--space-lg)}}@media(max-width:768px){h1{font-size:1.75rem}h2{font-size:1.35rem}h3{font-size:1.15rem}.main-content{padding:var(--space-md)}}