:root{--color-indigo-50: #E6E8F5;--color-indigo-100: #C2C7E8;--color-indigo-200: #9DA5DB;--color-indigo-300: #7883CE;--color-indigo-400: #5361C1;--color-indigo-500: #2E3FB4;--color-indigo-600: #051094;--color-indigo-700: #040D7A;--color-indigo-800: #030A61;--color-indigo-900: #020747;--color-indigo-950: #01042E;--color-purple-50: #E6E8F5;--color-purple-100: #C2C7E8;--color-purple-200: #9DA5DB;--color-purple-300: #7883CE;--color-purple-400: #5361C1;--color-purple-500: #2E3FB4;--color-purple-600: #051094;--color-purple-700: #040D7A;--color-purple-800: #030A61;--color-purple-900: #020747;--color-emerald-50: #ECFDF5;--color-emerald-100: #D1FAE5;--color-emerald-500: #10B981;--color-emerald-600: #059669;--color-emerald-700: #047857;--color-sky-50: #F0F9FF;--color-sky-100: #E0F2FE;--color-sky-500: #0EA5E9;--color-sky-600: #0284C7;--color-amber-50: #FFFBEB;--color-amber-100: #FEF3C7;--color-amber-500: #F59E0B;--color-amber-600: #D97706;--color-slate-50: #F8FAFC;--color-slate-100: #F1F5F9;--color-slate-200: #E2E8F0;--color-slate-300: #CBD5E1;--color-slate-400: #94A3B8;--color-slate-500: #64748B;--color-slate-600: #475569;--color-slate-700: #334155;--color-slate-800: #1E293B;--color-slate-900: #0F172A;--color-slate-950: #020617;--gradient-primary: linear-gradient(135deg, #051094 0%, #040D7A 100%);--gradient-success: linear-gradient(135deg, #10B981 0%, #059669 100%);--gradient-premium: linear-gradient(135deg, #2E3FB4 0%, #051094 100%);--gradient-hero: linear-gradient(to bottom right, #E6E8F5, #FFFFFF, #C2C7E8);--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--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);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Courier New", monospace;--spacing-xs: .5rem;--spacing-sm: .75rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1)}@keyframes blob{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-50px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}.animate-blob{animation:blob 7s infinite}.animation-delay-2000{animation-delay:2s}.animation-delay-4000{animation-delay:4s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.animate-float{animation:float 3s ease-in-out infinite}.animate-float-delayed{animation:float 3s ease-in-out infinite;animation-delay:1.5s}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.animate-gradient{background-size:200% 200%;animation:gradient-shift 3s ease infinite}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.animate-shimmer{animation:shimmer 2s infinite linear;background:linear-gradient(to right,#f6f7f8,#edeef1,#f6f7f8 40%,#f6f7f8);background-size:1000px 100%}@keyframes pulse-ring{0%{transform:scale(.33);opacity:1}80%,to{opacity:0}}.animate-pulse-ring{animation:pulse-ring 1.5s ease-out infinite}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-slide-up{animation:slide-up .5s ease-out}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}.stagger-4{animation-delay:.4s}.stagger-5{animation-delay:.5s}.stagger-6{animation-delay:.6s}@keyframes scale-up{0%{transform:scale(1)}to{transform:scale(1.05)}}.hover-scale:hover{animation:scale-up .2s ease-out forwards}.btn-modern-primary{position:relative;padding:1rem 2rem;background:linear-gradient(to right,var(--color-indigo-600),var(--color-indigo-700));color:#fff;font-weight:600;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);transition:all var(--transition-base);overflow:hidden}.btn-modern-primary:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to right,var(--color-indigo-700),var(--color-indigo-800));border-radius:var(--radius-xl);opacity:0;transition:opacity var(--transition-base);pointer-events:none}.btn-modern-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl)}.btn-modern-primary:hover:before{opacity:1}.btn-modern-primary>*{position:relative;z-index:10}.btn-modern-secondary{padding:1rem 2rem;background:#fff;color:var(--color-slate-700);font-weight:600;border-radius:var(--radius-xl);border:2px solid var(--color-slate-200);transition:all var(--transition-base)}.btn-modern-secondary:hover{border-color:var(--color-indigo-300);background:var(--color-indigo-50);color:var(--color-indigo-700)}.card-modern{position:relative;background:#fff;border-radius:var(--radius-2xl);border:2px solid var(--color-slate-100);transition:all var(--transition-slow);overflow:hidden}.card-modern:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to right,var(--color-indigo-600),var(--color-indigo-700));border-radius:var(--radius-2xl);opacity:0;transition:opacity var(--transition-slow);filter:blur(20px)}.card-modern:hover{border-color:var(--color-indigo-200);box-shadow:var(--shadow-xl);transform:translateY(-4px)}.card-modern:hover:before{opacity:.1}.card-modern>*{position:relative;z-index:1}.stat-card-modern{position:relative;overflow:hidden;background:#fff;border-radius:var(--radius-2xl);padding:1.5rem;border:1px solid var(--color-slate-200);transition:all var(--transition-base)}.stat-card-modern:before{content:"";position:absolute;top:0;right:0;width:8rem;height:8rem;border-radius:50%;margin-right:-4rem;margin-top:-4rem;transition:all var(--transition-base)}.stat-card-modern:hover{box-shadow:var(--shadow-lg)}.stat-card-modern.indigo:before{background:var(--color-indigo-50)}.stat-card-modern.emerald:before{background:var(--color-emerald-50)}.stat-card-modern.sky:before{background:var(--color-sky-50)}.stat-card-modern.amber:before{background:var(--color-amber-50)}.badge-modern{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.75rem;font-weight:600;border-radius:var(--radius-full)}.badge-modern.success{background:var(--color-emerald-100);color:var(--color-emerald-700)}.badge-modern.processing{background:var(--color-sky-100);color:var(--color-sky-700)}.badge-modern.error{background:#fee2e2;color:#991b1b}.badge-modern.pending{background:var(--color-amber-100);color:var(--color-amber-700)}.glass{background:#fffc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.3)}.glass-dark{background:#0f172acc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1)}.input-modern{padding:.75rem 1rem;border:2px solid var(--color-slate-200);border-radius:var(--radius-lg);font-size:.875rem;transition:all var(--transition-base);background:#fff}.input-modern:focus{outline:none;border-color:var(--color-indigo-500);box-shadow:0 0 0 3px #4f46e51a}.input-modern:hover:not(:focus){border-color:var(--color-slate-300)}.hero-background{position:relative;overflow:hidden;background:linear-gradient(to bottom right,var(--color-indigo-50),white,var(--color-sky-50));min-height:90vh}.hero-blob{position:absolute;width:20rem;height:20rem;border-radius:50%;mix-blend-mode:multiply;filter:blur(60px);opacity:.7}.hero-blob.purple{background:var(--color-indigo-200);top:-10rem;right:-10rem}.hero-blob.indigo{background:var(--color-indigo-300);bottom:-10rem;left:-10rem}.hero-blob.pink{background:var(--color-indigo-100);top:50%;left:50%;transform:translate(-50%,-50%)}.table-modern{width:100%;border-collapse:separate;border-spacing:0}.table-modern thead{background:var(--color-slate-50);border-bottom:2px solid var(--color-slate-200)}.table-modern th{padding:.75rem 1.5rem;text-align:left;font-size:.75rem;font-weight:600;color:var(--color-slate-600);text-transform:uppercase;letter-spacing:.05em}.table-modern tbody tr{border-bottom:1px solid var(--color-slate-100);transition:background-color var(--transition-base);cursor:pointer}.table-modern tbody tr:hover{background:var(--color-slate-50)}.table-modern td{padding:1rem 1.5rem;font-size:.875rem;color:var(--color-slate-600)}.gradient-text{background:linear-gradient(to right,var(--color-indigo-600),var(--color-indigo-500));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.icon-container{display:flex;align-items:center;justify-content:center;border-radius:var(--radius-xl);transition:all var(--transition-base)}.icon-container.indigo{background:linear-gradient(to bottom right,var(--color-indigo-500),var(--color-indigo-700));color:#fff}.icon-container.emerald{background:linear-gradient(to bottom right,var(--color-emerald-500),var(--color-emerald-600));color:#fff}.icon-container.amber{background:linear-gradient(to bottom right,var(--color-amber-500),var(--color-amber-600));color:#fff}.icon-container:hover{transform:scale(1.1)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}*:focus-visible{outline:2px solid var(--color-indigo-500);outline-offset:2px}.bg-gradient-primary{background:var(--gradient-primary)}.bg-gradient-success{background:var(--gradient-success)}.bg-gradient-premium{background:var(--gradient-premium)}.text-gradient{background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.shadow-modern-sm{box-shadow:var(--shadow-sm)}.shadow-modern{box-shadow:var(--shadow)}.shadow-modern-md{box-shadow:var(--shadow-md)}.shadow-modern-lg{box-shadow:var(--shadow-lg)}.shadow-modern-xl{box-shadow:var(--shadow-xl)}.shadow-modern-2xl{box-shadow:var(--shadow-2xl)}@media (min-width: 640px){.sm\:hidden{display:none}}@media (min-width: 768px){.md\:hidden{display:none}}@media (min-width: 1024px){.lg\:hidden{display:none}}