@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Outfit:wght@400;500;600;700;800&display=swap");:root{--primary-50:#eff6ff;--primary-100:#dbeafe;--primary-200:#bfdbfe;--primary-300:#93c5fd;--primary-400:#60a5fa;--primary-500:#3b82f6;--primary-600:#2563eb;--primary-700:#1d4ed8;--primary-800:#1e40af;--primary-900:#1e3a8a;--accent-50:#ecfdf5;--accent-100:#d1fae5;--accent-200:#a7f3d0;--accent-300:#6ee7b7;--accent-400:#34d399;--accent-500:#10b981;--accent-600:#059669;--accent-700:#047857;--accent-800:#065f46;--accent-900:#064e3b;--warning-400:#fbbf24;--warning-500:#f59e0b;--danger-400:#f87171;--danger-500:#ef4444;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--gray-800:#1e293b;--gray-900:#0f172a;--gray-950:#020617;--bg-primary:#fff;--bg-secondary:var(--gray-50);--bg-dark:var(--gray-900);--surface-glass:hsla(0,0%,100%,.7);--surface-glass-border:hsla(0,0%,100%,.2);--font-display:"Outfit",sans-serif;--font-body:"Inter",sans-serif;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.07),0 2px 4px -2px rgba(0,0,0,.05);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.08),0 4px 6px -4px rgba(0,0,0,.04);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.08),0 8px 10px -6px rgba(0,0,0,.04);--shadow-glow:0 0 30px rgba(59,130,246,.15);--shadow-glow-green:0 0 30px rgba(16,185,129,.15);--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:250ms cubic-bezier(0.4,0,0.2,1);--transition-slow:350ms cubic-bezier(0.4,0,0.2,1)}*,:after,:before{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);color:var(--gray-800);background:var(--bg-primary);line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.2;color:var(--gray-900)}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem}.text-lg,.text-xl{line-height:1.75rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1.15}.text-6xl{font-size:3.75rem;line-height:1.1}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-6)}.section{padding:var(--space-20) 0}.grid{display:grid;grid-gap:var(--space-6);gap:var(--space-6)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-family:var(--font-body);font-size:.9375rem;font-weight:600;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);text-decoration:none;line-height:1.5;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--primary-500),var(--primary-600));color:#fff;box-shadow:0 4px 14px rgba(59,130,246,.35)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--primary-600),var(--primary-700));box-shadow:0 6px 20px rgba(59,130,246,.45);transform:translateY(-1px)}.btn-accent{background:linear-gradient(135deg,var(--accent-500),var(--accent-600));color:#fff;box-shadow:0 4px 14px rgba(16,185,129,.35)}.btn-accent:hover:not(:disabled){background:linear-gradient(135deg,var(--accent-600),var(--accent-700));box-shadow:0 6px 20px rgba(16,185,129,.45);transform:translateY(-1px)}.btn-outline{background:transparent;color:var(--primary-600);border:2px solid var(--primary-200)}.btn-outline:hover:not(:disabled){background:var(--primary-50);border-color:var(--primary-400)}.btn-ghost{background:transparent;color:var(--gray-600)}.btn-ghost:hover:not(:disabled){background:var(--gray-100);color:var(--gray-800)}.btn-danger{background:linear-gradient(135deg,var(--danger-400),var(--danger-500));color:#fff}.btn-sm{padding:var(--space-2) var(--space-4);font-size:.8125rem;border-radius:var(--radius-md)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:1.0625rem;border-radius:var(--radius-xl)}.card{background:var(--bg-primary);border:1px solid var(--gray-200);border-radius:var(--radius-xl);padding:var(--space-6);transition:all var(--transition-base)}.card:hover{box-shadow:var(--shadow-lg)}.card-glass{background:var(--surface-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--surface-glass-border);border-radius:var(--radius-xl);padding:var(--space-6)}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-label{font-size:.875rem;font-weight:600;color:var(--gray-700)}.form-input,.form-select,.form-textarea{width:100%;padding:var(--space-3) var(--space-4);font-family:var(--font-body);font-size:.9375rem;color:var(--gray-800);background:var(--bg-primary);border:1.5px solid var(--gray-200);border-radius:var(--radius-lg);transition:all var(--transition-fast);outline:none}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--primary-400);box-shadow:0 0 0 3px rgba(59,130,246,.1)}.form-input::placeholder,.form-textarea::placeholder{color:var(--gray-400)}.form-textarea{min-height:120px;resize:vertical}.form-select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:40px}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-size:.75rem;font-weight:600;border-radius:var(--radius-full);white-space:nowrap}.badge-blue{background:var(--primary-100);color:var(--primary-700)}.badge-green{background:var(--accent-100);color:var(--accent-700)}.badge-amber{background:#fef3c7;color:#92400e}.badge-red{background:#fee2e2;color:#991b1b}.badge-gray{background:var(--gray-100);color:var(--gray-600)}.badge-purple{background:#ede9fe;color:#5b21b6}.table-wrapper{overflow-x:auto;border:1px solid var(--gray-200);border-radius:var(--radius-xl)}table{width:100%;border-collapse:collapse}thead{background:var(--gray-50)}th{padding:var(--space-3) var(--space-4);text-align:left;font-size:.8125rem;font-weight:600;color:var(--gray-500);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--gray-200)}td{padding:var(--space-4);font-size:.9375rem;color:var(--gray-700);border-bottom:1px solid var(--gray-100)}tbody tr:hover{background:var(--gray-50)}tbody tr:last-child td{border-bottom:none}.stat-card{background:var(--bg-primary);border:1px solid var(--gray-200);border-radius:var(--radius-xl);padding:var(--space-6);display:flex;align-items:flex-start;gap:var(--space-4);transition:all var(--transition-base)}.stat-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.stat-card .stat-icon{width:48px;height:48px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0}.stat-card .stat-icon.blue{background:var(--primary-100);color:var(--primary-600)}.stat-card .stat-icon.green{background:var(--accent-100);color:var(--accent-600)}.stat-card .stat-icon.amber{background:#fef3c7;color:#d97706}.stat-card .stat-icon.purple{background:#ede9fe;color:#7c3aed}.stat-card .stat-value{font-family:var(--font-display);font-size:1.75rem;font-weight:800;color:var(--gray-900);line-height:1}.stat-card .stat-label{font-size:.8125rem;color:var(--gray-500);margin-top:var(--space-1)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-in-up{animation:fadeInUp .6s ease-out forwards}.animate-fade-in{animation:fadeIn .4s ease-out forwards}.animate-slide-in{animation:slideIn .4s ease-out forwards}.animate-delay-1{animation-delay:.1s;opacity:0}.animate-delay-2{animation-delay:.2s;opacity:0}.animate-delay-3{animation-delay:.3s;opacity:0}.animate-delay-4{animation-delay:.4s;opacity:0}.animate-delay-5{animation-delay:.5s;opacity:0}.bg-gradient-hero{background:linear-gradient(135deg,#0f172a,#1e3a5f 50%,#0f172a);position:relative;overflow:hidden}.bg-gradient-hero:before{content:"";position:absolute;top:-50%;right:-20%;width:60%;height:200%;background:radial-gradient(ellipse,rgba(59,130,246,.15) 0,transparent 70%);pointer-events:none}.bg-gradient-hero:after{content:"";position:absolute;bottom:-30%;left:-10%;width:50%;height:150%;background:radial-gradient(ellipse,rgba(16,185,129,.1) 0,transparent 70%);pointer-events:none}.bg-gradient-section{background:linear-gradient(180deg,var(--gray-50) 0,var(--bg-primary) 100%)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--gray-100)}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}@media (max-width:768px){.container{padding:0 var(--space-4)}.section{padding:var(--space-12) 0}.text-6xl{font-size:2.25rem}.text-5xl{font-size:2rem}.text-4xl{font-size:1.75rem}.hide-mobile{display:none!important}}@media (min-width:769px){.hide-desktop{display:none!important}}@media (min-width:640px){.grid-2{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.grid-3{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.grid-4{grid-template-columns:repeat(4,1fr)}}