:root{--color-primary-50: #eff6ff;--color-primary-100: #dbeafe;--color-primary-200: #bfdbfe;--color-primary-300: #93c5fd;--color-primary-400: #60a5fa;--color-primary-500: #3b82f6;--color-primary-600: #2563eb;--color-primary-700: #1d4ed8;--color-primary-800: #1e40af;--color-primary-900: #1e3a8a;--color-secondary-50: #f0f9ff;--color-secondary-100: #e0f2fe;--color-secondary-200: #bae6fd;--color-secondary-300: #7dd3fc;--color-secondary-400: #38bdf8;--color-secondary-500: #0ea5e9;--color-secondary-600: #0284c7;--color-secondary-700: #0369a1;--color-secondary-800: #075985;--color-secondary-900: #0c4a6e;--color-accent-400: #818cf8;--color-accent-500: #6366f1;--color-accent-600: #4f46e5;--color-neutral-50: #fafafa;--color-neutral-100: #f4f4f5;--color-neutral-200: #e4e4e7;--color-neutral-300: #d4d4d8;--color-neutral-400: #a1a1aa;--color-neutral-500: #71717a;--color-neutral-600: #52525b;--color-neutral-700: #3f3f46;--color-neutral-800: #27272a;--color-neutral-900: #18181b;--color-success: #10b981;--color-warning: #f59e0b;--color-error: #ef4444;--color-info: #3b82f6;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-size-6xl: 3.75rem;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-16: 4rem;--spacing-20: 5rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25);--shadow-glow: 0 0 30px -5px var(--color-primary-500);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--glass-bg: rgba(255, 255, 255, .1);--glass-border: rgba(255, 255, 255, .2);--glass-blur: blur(10px)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.6;color:var(--color-neutral-900);background:linear-gradient(135deg,var(--color-primary-50) 0%,var(--color-secondary-50) 50%,var(--color-primary-100) 100%);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 20% 50%,rgba(59,130,246,.08) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(14,165,233,.08) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(59,130,246,.05) 0%,transparent 50%);z-index:-1;animation:backgroundFloat 20s ease-in-out infinite}@keyframes backgroundFloat{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;color:var(--color-neutral-900);letter-spacing:-.02em}h1{font-size:var(--font-size-5xl)}h2{font-size:var(--font-size-4xl)}h3{font-size:var(--font-size-3xl)}h4{font-size:var(--font-size-2xl)}h5{font-size:var(--font-size-xl)}h6{font-size:var(--font-size-lg)}p{color:var(--color-neutral-600);margin-bottom:var(--spacing-4)}a{color:var(--color-primary-600);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-700)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-6)}.card{background:#ffffffd9;backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-2xl);padding:var(--spacing-8);box-shadow:var(--shadow-xl);transition:transform var(--transition-base),box-shadow var(--transition-base)}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-2xl)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-6);font-family:var(--font-family);font-size:var(--font-size-base);font-weight:600;line-height:1;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);text-decoration:none;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--color-primary-500) 0%,var(--color-primary-600) 100%);color:#fff;box-shadow:0 4px 14px -2px #3b82f666}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--color-primary-600) 0%,var(--color-primary-700) 100%);box-shadow:0 6px 20px -2px #3b82f680;transform:translateY(-2px)}.btn-secondary{background:#ffffffe6;color:var(--color-primary-600);border:2px solid var(--color-primary-200)}.btn-secondary:hover:not(:disabled){background:var(--color-primary-50);border-color:var(--color-primary-400);transform:translateY(-2px)}.btn-lg{padding:var(--spacing-4) var(--spacing-8);font-size:var(--font-size-lg);border-radius:var(--radius-xl)}.form-group{margin-bottom:var(--spacing-5)}.form-label{display:block;font-size:var(--font-size-sm);font-weight:600;color:var(--color-neutral-700);margin-bottom:var(--spacing-2)}.form-input{width:100%;padding:var(--spacing-3) var(--spacing-4);font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-neutral-900);background:#ffffffe6;border:2px solid var(--color-neutral-200);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.form-input:focus{outline:none;border-color:var(--color-primary-400);box-shadow:0 0 0 4px #3b82f61a}.form-input::placeholder{color:var(--color-neutral-400)}.badge{display:inline-flex;align-items:center;padding:var(--spacing-1) var(--spacing-3);font-size:var(--font-size-xs);font-weight:600;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em}.badge-primary{background:var(--color-primary-100);color:var(--color-primary-700)}.badge-secondary{background:var(--color-secondary-100);color:var(--color-secondary-700)}.badge-success{background:#10b9811a;color:var(--color-success)}.stat-card{text-align:center;padding:var(--spacing-6);background:linear-gradient(135deg,var(--color-primary-500) 0%,var(--color-secondary-500) 100%);border-radius:var(--radius-xl);color:#fff}.stat-value{font-size:var(--font-size-4xl);font-weight:800;line-height:1;margin-bottom:var(--spacing-2)}.stat-label{font-size:var(--font-size-sm);font-weight:500;opacity:.9;text-transform:uppercase;letter-spacing:.1em}.list-item{display:flex;align-items:center;gap:var(--spacing-4);padding:var(--spacing-4);background:#ffffffb3;border-radius:var(--radius-lg);margin-bottom:var(--spacing-3);transition:all var(--transition-fast);border:1px solid transparent}.list-item:hover{background:#ffffffe6;border-color:var(--color-primary-200);transform:translate(4px)}.avatar{width:48px;height:48px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-primary-400) 0%,var(--color-secondary-400) 100%);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:var(--font-size-lg);flex-shrink:0}.animate-fade-in{animation:fadeIn .5s ease-out}.animate-slide-up{animation:slideUp .5s ease-out}.animate-scale-in{animation:scaleIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}[data-theme=dark]{--color-neutral-50: #1a1a2e;--color-neutral-100: #1f1f35;--color-neutral-200: #2a2a40;--color-neutral-300: #3a3a50;--color-neutral-400: #6b6b80;--color-neutral-500: #9999aa;--color-neutral-600: #b0b0c0;--color-neutral-700: #d0d0dd;--color-neutral-800: #e8e8f0;--color-neutral-900: #f5f5f8;--glass-bg: rgba(30, 30, 50, .3);--glass-border: rgba(255, 255, 255, .08);--glass-blur: blur(12px);--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .2);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .3), 0 2px 4px -2px rgb(0 0 0 / .2);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .3), 0 4px 6px -4px rgb(0 0 0 / .2);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .3), 0 8px 10px -6px rgb(0 0 0 / .2);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .5);--shadow-glow: 0 0 30px -5px rgba(59, 130, 246, .3)}[data-theme=dark] body{color:#f5f5f8;background:linear-gradient(135deg,#0a0f1a,#0f172a,#0c1629)}[data-theme=dark] body:before{background:radial-gradient(circle at 20% 50%,rgba(59,130,246,.12) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(14,165,233,.08) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(59,130,246,.06) 0%,transparent 50%)}[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3,[data-theme=dark] h4,[data-theme=dark] h5,[data-theme=dark] h6{color:#f5f5f8}[data-theme=dark] p{color:#b0b0c0}[data-theme=dark] .card{background:#1e1e32bf;border-color:#ffffff14}[data-theme=dark] .form-input{background:#1e1e32cc;border-color:#ffffff1f;color:#f5f5f8}[data-theme=dark] .form-input:focus{border-color:var(--color-primary-400);box-shadow:0 0 0 4px #3b82f626}[data-theme=dark] .form-input::placeholder{color:#6b6b80}[data-theme=dark] .badge-primary{background:#3b82f633}[data-theme=dark] .badge-secondary{background:#0ea5e933}[data-theme=dark] .list-item{background:#1e1e3280}[data-theme=dark] .list-item:hover{background:#28283cb3;border-color:#3b82f64d}[data-theme=dark] .btn-secondary{background:#1e1e32cc;color:var(--color-primary-300);border-color:#3b82f64d}[data-theme=dark] .btn-secondary:hover:not(:disabled){background:#3b82f626;border-color:var(--color-primary-400)}@media (max-width: 768px){h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}.container{padding:0 var(--spacing-4)}.card{padding:var(--spacing-6);border-radius:var(--radius-xl)}}