@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&display=swap";:root{--color-primary: #10B981;--color-primary-hover: #059669;--color-primary-light: #D1FAE5;--color-primary-dark: #064E3B;--color-primary-50: #ECFDF5;--color-primary-100: #D1FAE5;--color-primary-200: #A7F3D0;--color-primary-500: #10B981;--color-primary-600: #059669;--color-primary-700: #047857;--color-accent: #6366F1;--color-accent-hover: #4F46E5;--color-accent-light: #E0E7FF;--color-secondary: #F59E0B;--color-secondary-light: #FEF3C7;--color-slate-25: #FCFCFD;--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;--color-success: #22C55E;--color-success-light: #DCFCE7;--color-warning: #F59E0B;--color-warning-light: #FEF3C7;--color-error: #EF4444;--color-error-light: #FEE2E2;--color-info: #3B82F6;--color-info-light: #DBEAFE;--font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--font-size-xs: .75rem;--font-size-sm: .8125rem;--font-size-base: .9375rem;--font-size-lg: 1.0625rem;--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;--font-size-7xl: 4.5rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.15;--line-height-snug: 1.35;--line-height-normal: 1.5;--line-height-relaxed: 1.7;--tracking-tighter: -.03em;--tracking-tight: -.02em;--tracking-normal: 0;--tracking-wide: .02em;--spacing-0: 0;--spacing-px: 1px;--spacing-0-5: .125rem;--spacing-1: .25rem;--spacing-1-5: .375rem;--spacing-2: .5rem;--spacing-2-5: .625rem;--spacing-3: .75rem;--spacing-3-5: .875rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-7: 1.75rem;--spacing-8: 2rem;--spacing-9: 2.25rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-14: 3.5rem;--spacing-16: 4rem;--spacing-20: 5rem;--spacing-24: 6rem;--spacing-32: 8rem;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-3xl: 24px;--radius-4xl: 32px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .06), 0 2px 4px -2px rgba(0, 0, 0, .05);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .07), 0 4px 6px -4px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .08), 0 8px 10px -6px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .2);--shadow-glow-primary: 0 0 20px rgba(16, 185, 129, .15), 0 0 40px rgba(16, 185, 129, .1);--shadow-glow-accent: 0 0 20px rgba(99, 102, 241, .15), 0 0 40px rgba(99, 102, 241, .1);--shadow-card: 0 0 0 1px rgba(0, 0, 0, .03), 0 1px 3px rgba(0, 0, 0, .04), 0 6px 16px rgba(0, 0, 0, .04);--shadow-card-hover: 0 0 0 1px rgba(0, 0, 0, .03), 0 4px 8px rgba(0, 0, 0, .05), 0 12px 24px rgba(0, 0, 0, .06);--glass-bg: rgba(255, 255, 255, .7);--glass-bg-dark: rgba(15, 23, 42, .8);--glass-border: rgba(255, 255, 255, .2);--glass-blur: 20px;--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);--transition-slower: .4s cubic-bezier(.4, 0, .2, 1);--transition-spring: .5s cubic-bezier(.34, 1.56, .64, 1);--z-base: 0;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--container-2xl: 1440px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;scroll-behavior:smooth;height:100%}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-slate-900);background-color:var(--color-slate-50);min-height:100vh;letter-spacing:var(--tracking-normal)}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:var(--tracking-tight);color:var(--color-slate-900)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}p{color:var(--color-slate-600);line-height:var(--line-height-relaxed)}img,svg{display:block;max-width:100%}button{font-family:inherit;cursor:pointer;border:none;background:none}input,textarea,select{font-family:inherit}a{color:inherit;text-decoration:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes glow{0%,to{box-shadow:var(--shadow-glow-primary)}50%{box-shadow:0 0 30px #10b98140,0 0 60px #10b98126}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .4s ease forwards}.animate-fade-in-up{animation:fadeInUp .5s ease forwards}.animate-fade-in-down{animation:fadeInDown .5s ease forwards}.animate-slide-in-left{animation:slideInLeft .5s ease forwards}.animate-slide-in-right{animation:slideInRight .5s ease forwards}.animate-scale-in{animation:scaleIn .3s ease forwards}.animate-spin{animation:spin 1s linear infinite}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-float{animation:float 4s ease-in-out infinite}.animate-glow{animation:glow 3s ease-in-out infinite}.stagger-1{animation-delay:50ms}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.stagger-6{animation-delay:.3s}.stagger-7{animation-delay:.35s}.stagger-8{animation-delay:.4s}.container{width:100%;max-width:var(--container-xl);margin:0 auto;padding:0 var(--spacing-6)}.container-sm{max-width:var(--container-md)}.container-lg{max-width:var(--container-2xl)}.text-gradient{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-warm{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.backdrop-blur{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.backdrop-blur-lg{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.backdrop-blur-xl{backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px)}.glass{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border)}.glass-dark{background:var(--glass-bg-dark);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid rgba(255,255,255,.1)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-family);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);border-radius:var(--radius-lg);transition:all var(--transition-fast);cursor:pointer;border:none;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.1) 0%,transparent 100%);opacity:0;transition:opacity var(--transition-fast)}.btn:hover:before{opacity:1}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%);color:#fff;box-shadow:0 2px 8px #10b98140,0 1px 2px #0000000d}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #10b98159,0 2px 4px #0000000d}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:#fff;color:var(--color-slate-700);border:1px solid var(--color-slate-200);box-shadow:var(--shadow-xs)}.btn-secondary:hover:not(:disabled){background:var(--color-slate-50);border-color:var(--color-slate-300);box-shadow:var(--shadow-sm)}.btn-ghost{background:transparent;color:var(--color-slate-600)}.btn-ghost:hover:not(:disabled){background:var(--color-slate-100);color:var(--color-slate-900)}.btn-sm{padding:8px 14px;font-size:var(--font-size-xs)}.btn-md{padding:10px 18px;font-size:var(--font-size-sm)}.btn-lg{padding:14px 24px;font-size:var(--font-size-base)}.btn-xl{padding:16px 32px;font-size:var(--font-size-lg)}.card{background:#fff;border:1px solid var(--color-slate-200);border-radius:var(--radius-2xl);box-shadow:var(--shadow-card);transition:all var(--transition-base)}.card:hover{box-shadow:var(--shadow-card-hover)}.card-interactive:hover{transform:translateY(-2px);border-color:var(--color-slate-300)}.card-header{padding:var(--spacing-6);border-bottom:1px solid var(--color-slate-100)}.card-body{padding:var(--spacing-6)}.card-footer{padding:var(--spacing-5) var(--spacing-6);border-top:1px solid var(--color-slate-100);background:var(--color-slate-50);border-radius:0 0 var(--radius-2xl) var(--radius-2xl)}.form-input{width:100%;padding:12px 16px;background:#fff;border:1px solid var(--color-slate-200);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-family:var(--font-family);color:var(--color-slate-900);transition:all var(--transition-fast);box-shadow:var(--shadow-xs)}.form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #10b9811f,var(--shadow-xs)}.form-input::placeholder{color:var(--color-slate-400)}.form-label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-slate-700);margin-bottom:var(--spacing-2)}.form-select{width:100%;padding:12px 44px 12px 16px;background:#fff;border:1px solid var(--color-slate-200);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-family:var(--font-family);color:var(--color-slate-900);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%2364748B' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;transition:all var(--transition-fast);box-shadow:var(--shadow-xs)}.form-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #10b9811f,var(--shadow-xs)}.badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border-radius:var(--radius-md);letter-spacing:.01em}.badge-success{background:var(--color-success-light);color:#15803d}.badge-warning{background:var(--color-warning-light);color:#b45309}.badge-error{background:var(--color-error-light);color:#dc2626}.badge-info{background:var(--color-info-light);color:#1d4ed8}.badge-default{background:var(--color-slate-100);color:var(--color-slate-600)}.badge-primary{background:var(--color-primary-50);color:var(--color-primary-700)}.table{width:100%;border-collapse:collapse}.table th{padding:12px 20px;text-align:left;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-slate-500);text-transform:uppercase;letter-spacing:.04em;background:var(--color-slate-50);border-bottom:1px solid var(--color-slate-200)}.table td{padding:16px 20px;font-size:var(--font-size-sm);color:var(--color-slate-700);border-bottom:1px solid var(--color-slate-100)}.table tr{transition:background var(--transition-fast)}.table tbody tr:hover{background:var(--color-slate-50)}.skeleton{background:linear-gradient(90deg,var(--color-slate-100) 25%,var(--color-slate-50) 50%,var(--color-slate-100) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-md)}.skeleton-text{height:1em;margin:.5em 0}.skeleton-circle{border-radius:var(--radius-full)}.empty-state{text-align:center;padding:var(--spacing-16) var(--spacing-6)}.empty-state-icon{width:72px;height:72px;background:var(--color-slate-100);border-radius:var(--radius-2xl);display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-6);color:var(--color-slate-400)}.empty-state-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-slate-800);margin-bottom:var(--spacing-2)}.empty-state-text{font-size:var(--font-size-sm);color:var(--color-slate-500);margin-bottom:var(--spacing-6);max-width:320px;margin-left:auto;margin-right:auto}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-slate-100);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:var(--color-slate-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-slate-400)}::selection{background:var(--color-primary-200);color:var(--color-primary-dark)}@media (max-width: 639px){:root{--font-size-5xl: 2.25rem;--font-size-6xl: 2.75rem;--font-size-7xl: 3.25rem}.container{padding:0 var(--spacing-4)}}@media (min-width: 640px) and (max-width: 1023px){:root{--font-size-5xl: 2.5rem;--font-size-6xl: 3rem}}.tooltip{position:relative}.tooltip-content{position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-8px);padding:8px 12px;background:var(--color-slate-900);color:#fff;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);white-space:nowrap;opacity:0;visibility:hidden;transition:all var(--transition-fast);z-index:var(--z-tooltip)}.tooltip-content:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:var(--color-slate-900)}.tooltip:hover .tooltip-content{opacity:1;visibility:visible;transform:translate(-50%) translateY(-4px)}.divider{display:flex;align-items:center;gap:var(--spacing-4);color:var(--color-slate-400);font-size:var(--font-size-sm)}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--color-slate-200)}.center{text-align:center;margin-top:5rem}