@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap";@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&display=swap";select{width:100%;padding:var(--space-3) var(--space-4);padding-right:var(--space-10);font-size:var(--text-sm);font-weight:var(--font-normal);background-color:var(--bg-primary);border:1.5px solid var(--border-primary);border-radius:var(--radius-lg);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' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%2394A3B8' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right var(--space-3) center;background-repeat:no-repeat;background-size:1.5em 1.5em;transition:var(--transition-all)}select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-alpha-15),0 0 15px #22c55e1a;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%2322c55e' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e")}.auth-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:var(--space-4);background:var(--bg-secondary)}.auth-loading p{font-size:var(--text-sm);color:var(--text-secondary);margin:0}.page-container{animation:fadeIn var(--duration-300) var(--ease-out)}.page-subtitle{font-size:var(--text-sm);color:var(--text-secondary);margin:var(--space-1) 0 0 0}.placeholder-card{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;padding:var(--space-8);text-align:center;background:var(--bg-primary);border-radius:var(--radius-2xl);border:2px dashed var(--border-primary);animation:fadeInUp var(--duration-300) var(--ease-out)}.placeholder-icon{font-size:64px;margin-bottom:var(--space-4);animation:float 3s ease-in-out infinite}.placeholder-card h2{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary);margin:0 0 var(--space-2) 0}.placeholder-card p{font-size:var(--text-base);color:var(--text-secondary);margin:0;max-width:400px}.Toastify__toast{font-family:var(--font-primary);font-size:var(--text-sm);border-radius:var(--radius-xl)!important;box-shadow:var(--shadow-xl)!important}.Toastify__toast-body{padding:var(--space-1) var(--space-2)}.Toastify__toast--success{background:linear-gradient(135deg,var(--color-success-500) 0%,var(--color-success-600) 100%)!important}.Toastify__toast--error{background:linear-gradient(135deg,var(--color-error-500) 0%,var(--color-error-600) 100%)!important}.Toastify__toast--warning{background:linear-gradient(135deg,var(--color-warning-500) 0%,var(--color-warning-600) 100%)!important}.Toastify__toast--info{background:linear-gradient(135deg,var(--color-info-500) 0%,var(--color-info-600) 100%)!important}.Toastify__progress-bar{height:3px}.success-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8);text-align:center}.success-state-icon{width:80px;height:80px;margin-bottom:var(--space-4);color:var(--color-success-500);animation:bounceIn var(--duration-500) var(--ease-bounce)}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8);text-align:center}.error-state-icon{width:80px;height:80px;margin-bottom:var(--space-4);color:var(--color-error-500);animation:shake var(--duration-500) var(--ease-out)}.loading-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background-color:#ffffffe6;backdrop-filter:blur(4px);z-index:var(--z-modal)}[data-theme=dark] .loading-overlay{background-color:#0f172ae6}.link{color:var(--color-primary-500);text-decoration:none;transition:color var(--duration-150) var(--ease-out)}.link:hover{color:var(--color-primary-600);text-decoration:underline}.text-primary-color{color:var(--color-primary-500)}.text-success{color:var(--color-success-500)}.text-warning{color:var(--color-warning-500)}.text-error{color:var(--color-error-500)}.divider{width:100%;height:1px;background-color:var(--border-primary);margin:var(--space-6) 0}.divider-vertical{width:1px;height:100%;background-color:var(--border-primary);margin:0 var(--space-4)}[data-theme=dark] .placeholder-card{background:var(--bg-primary);border-color:var(--border-primary)}@media (max-width: 640px){.placeholder-icon{font-size:48px}.placeholder-card h2{font-size:var(--text-xl)}.placeholder-card p{font-size:var(--text-sm)}}@media print{.no-print{display:none!important}.page-container{padding:0}.placeholder-card{border:1px solid #ccc}}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:#0a0a0a;border-radius:6px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#22c55e,#16a34a);border-radius:6px;border:2px solid #0a0a0a}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#16a34a,#15803d)}::-webkit-scrollbar-corner{background:#0a0a0a}*{scrollbar-width:thin;scrollbar-color:#22c55e #0a0a0a}::-webkit-scrollbar-thumb:vertical{border-radius:6px}::-webkit-scrollbar-thumb:horizontal{border-radius:6px}html,body,*{scrollbar-color:#22c55e #0a0a0a}:root{--color-primary: #22c55e;--color-primary-50: #f0fdf4;--color-primary-100: #dcfce7;--color-primary-200: #bbf7d0;--color-primary-300: #86efac;--color-primary-400: #4ade80;--color-primary-500: #22c55e;--color-primary-600: #16a34a;--color-primary-700: #15803d;--color-primary-800: #166534;--color-primary-900: #14532d;--color-primary-950: #052e16;--color-primary-light: #4ade80;--color-primary-dark: #16a34a;--color-primary-alpha: rgba(34, 197, 94, .1);--color-primary-alpha-15: rgba(34, 197, 94, .15);--color-primary-alpha-20: rgba(34, 197, 94, .2);--color-primary-alpha-30: rgba(34, 197, 94, .3);--color-primary-alpha-40: rgba(34, 197, 94, .4);--color-primary-alpha-50: rgba(34, 197, 94, .5);--color-secondary: #10b981;--color-secondary-50: #ecfdf5;--color-secondary-100: #d1fae5;--color-secondary-200: #a7f3d0;--color-secondary-300: #6ee7b7;--color-secondary-400: #34d399;--color-secondary-500: #10b981;--color-secondary-600: #059669;--color-secondary-700: #047857;--color-secondary-800: #065f46;--color-secondary-900: #064e3b;--color-secondary-light: #34d399;--color-secondary-dark: #059669;--color-secondary-alpha: rgba(16, 185, 129, .1);--color-secondary-alpha-20: rgba(16, 185, 129, .2);--color-accent: #84cc16;--color-accent-50: #f7fee7;--color-accent-100: #ecfccb;--color-accent-200: #d9f99d;--color-accent-300: #bef264;--color-accent-400: #a3e635;--color-accent-500: #84cc16;--color-accent-600: #65a30d;--color-accent-700: #4d7c0f;--color-accent-light: #a3e635;--color-accent-dark: #65a30d;--color-accent-alpha: rgba(132, 204, 22, .1);--color-accent-alpha-20: rgba(132, 204, 22, .2);--color-gray-25: #FCFCFD;--color-gray-50: #F8FAFC;--color-gray-100: #F1F5F9;--color-gray-200: #E2E8F0;--color-gray-300: #CBD5E1;--color-gray-400: #94A3B8;--color-gray-500: #64748B;--color-gray-600: #475569;--color-gray-700: #334155;--color-gray-800: #1E293B;--color-gray-900: #0F172A;--color-gray-950: #020617;--color-white: #FFFFFF;--color-black: #000000;--color-transparent: transparent;--color-success: #10B981;--color-success-50: #ECFDF5;--color-success-100: #D1FAE5;--color-success-200: #A7F3D0;--color-success-300: #6EE7B7;--color-success-400: #34D399;--color-success-500: #10B981;--color-success-600: #059669;--color-success-700: #047857;--color-success-light: #34D399;--color-success-dark: #059669;--color-success-alpha: rgba(16, 185, 129, .1);--color-success-alpha-20: rgba(16, 185, 129, .2);--color-success-bg: #ECFDF5;--color-warning: #F59E0B;--color-warning-50: #FFFBEB;--color-warning-100: #FEF3C7;--color-warning-200: #FDE68A;--color-warning-300: #FCD34D;--color-warning-400: #FBBF24;--color-warning-500: #F59E0B;--color-warning-600: #D97706;--color-warning-700: #B45309;--color-warning-light: #FBBF24;--color-warning-dark: #D97706;--color-warning-alpha: rgba(245, 158, 11, .1);--color-warning-alpha-20: rgba(245, 158, 11, .2);--color-warning-bg: #FFFBEB;--color-error: #F43F5E;--color-error-50: #FFF1F2;--color-error-100: #FFE4E6;--color-error-200: #FECDD3;--color-error-300: #FDA4AF;--color-error-400: #FB7185;--color-error-500: #F43F5E;--color-error-600: #E11D48;--color-error-700: #BE123C;--color-error-light: #FB7185;--color-error-dark: #E11D48;--color-error-alpha: rgba(244, 63, 94, .1);--color-error-alpha-20: rgba(244, 63, 94, .2);--color-error-bg: #FFF1F2;--color-info: #14b8a6;--color-info-50: #f0fdfa;--color-info-100: #ccfbf1;--color-info-200: #99f6e4;--color-info-300: #5eead4;--color-info-400: #2dd4bf;--color-info-500: #14b8a6;--color-info-600: #0d9488;--color-info-700: #0f766e;--color-info-light: #2dd4bf;--color-info-dark: #0d9488;--color-info-alpha: rgba(20, 184, 166, .1);--color-info-alpha-20: rgba(20, 184, 166, .2);--color-info-bg: #f0fdfa;--bg-primary: #FFFFFF;--bg-secondary: #F8FAFC;--bg-tertiary: #F1F5F9;--bg-quaternary: #E2E8F0;--bg-inverse: #0F172A;--bg-elevated: #FFFFFF;--bg-sunken: #F1F5F9;--bg-overlay: rgba(15, 23, 42, .5);--bg-backdrop: rgba(15, 23, 42, .75);--text-primary: #0F172A;--text-secondary: #475569;--text-tertiary: #94A3B8;--text-inverse: #FFFFFF;--text-muted: #94A3B8;--text-disabled: #CBD5E1;--text-link: #22c55e;--text-link-hover: #16a34a;--border-primary: #E2E8F0;--border-secondary: #F1F5F9;--border-tertiary: #CBD5E1;--border-focus: var(--color-primary);--border-hover: var(--color-primary-300);--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .03);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .06), 0 1px 2px -1px rgba(0, 0, 0, .06);--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-2xl: 0 25px 50px -12px rgba(0, 0, 0, .15);--shadow-3xl: 0 35px 60px -15px rgba(0, 0, 0, .2);--shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .04);--shadow-none: 0 0 #0000;--shadow-primary: 0 4px 14px 0 rgba(34, 197, 94, .25);--shadow-primary-sm: 0 2px 8px 0 rgba(34, 197, 94, .2);--shadow-primary-md: 0 6px 18px 0 rgba(34, 197, 94, .3);--shadow-primary-lg: 0 10px 25px -5px rgba(34, 197, 94, .35);--shadow-primary-xl: 0 15px 35px -5px rgba(34, 197, 94, .4);--shadow-secondary: 0 4px 14px 0 rgba(16, 185, 129, .25);--shadow-accent: 0 4px 14px 0 rgba(132, 204, 22, .25);--shadow-success: 0 4px 14px 0 rgba(16, 185, 129, .25);--shadow-warning: 0 4px 14px 0 rgba(245, 158, 11, .25);--shadow-error: 0 4px 14px 0 rgba(244, 63, 94, .25);--shadow-info: 0 4px 14px 0 rgba(20, 184, 166, .25);--shadow-card: 0 1px 3px rgba(0, 0, 0, .04), 0 4px 12px rgba(0, 0, 0, .06);--shadow-card-hover: 0 4px 12px rgba(34, 197, 94, .1), 0 8px 24px rgba(34, 197, 94, .15);--shadow-dropdown: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 10px 20px -2px rgba(0, 0, 0, .1);--shadow-modal: 0 20px 40px -8px rgba(0, 0, 0, .2), 0 10px 20px -5px rgba(0, 0, 0, .1);--shadow-floating: 0 8px 30px rgba(0, 0, 0, .12);--glow-primary: 0 0 20px rgba(34, 197, 94, .4);--glow-primary-sm: 0 0 10px rgba(34, 197, 94, .3);--glow-primary-lg: 0 0 40px rgba(34, 197, 94, .5);--glow-primary-xl: 0 0 60px rgba(34, 197, 94, .6);--glow-secondary: 0 0 20px rgba(16, 185, 129, .4);--glow-accent: 0 0 20px rgba(132, 204, 22, .4);--glow-success: 0 0 20px rgba(16, 185, 129, .4);--glow-warning: 0 0 20px rgba(245, 158, 11, .4);--glow-error: 0 0 20px rgba(244, 63, 94, .4);--glow-info: 0 0 20px rgba(20, 184, 166, .4);--radius-none: 0;--radius-xs: .125rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.25rem;--radius-3xl: 1.5rem;--radius-4xl: 2rem;--radius-full: 9999px;--space-0: 0;--space-px: 1px;--space-0-5: .125rem;--space-1: .25rem;--space-1-5: .375rem;--space-2: .5rem;--space-2-5: .625rem;--space-3: .75rem;--space-3-5: .875rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 1.75rem;--space-8: 2rem;--space-9: 2.25rem;--space-10: 2.5rem;--space-11: 2.75rem;--space-12: 3rem;--space-14: 3.5rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-28: 7rem;--space-32: 8rem;--space-36: 9rem;--space-40: 10rem;--space-48: 12rem;--space-56: 14rem;--space-64: 16rem;--space-72: 18rem;--space-80: 20rem;--space-96: 24rem;--font-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-heading: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-primary: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "SF Mono", "Consolas", monospace;--font-display: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--text-2xs: .625rem;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--text-7xl: 4.5rem;--text-8xl: 6rem;--text-9xl: 8rem;--font-thin: 100;--font-extralight: 200;--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--font-black: 900;--leading-3: .75rem;--leading-4: 1rem;--leading-5: 1.25rem;--leading-6: 1.5rem;--leading-7: 1.75rem;--leading-8: 2rem;--leading-9: 2.25rem;--leading-10: 2.5rem;--leading-none: 1;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2;--tracking-tighter: -.05em;--tracking-tight: -.025em;--tracking-normal: 0;--tracking-wide: .025em;--tracking-wider: .05em;--tracking-widest: .1em;--z-negative: -1;--z-0: 0;--z-10: 10;--z-20: 20;--z-30: 30;--z-40: 40;--z-50: 50;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-sidebar: 350;--z-overlay: 400;--z-modal: 500;--z-popover: 600;--z-tooltip: 700;--z-toast: 800;--z-notification: 850;--z-max: 9999;--transition-none: none;--transition-fastest: .1s;--transition-fast: .15s;--transition-normal: .2s;--transition-slow: .3s;--transition-slower: .5s;--transition-slowest: .7s;--duration-75: 75ms;--duration-100: .1s;--duration-150: .15s;--duration-200: .2s;--duration-300: .3s;--duration-500: .5s;--duration-700: .7s;--duration-1000: 1s;--ease-linear: linear;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--ease-elastic: cubic-bezier(.68, -.6, .32, 1.6);--ease-spring: cubic-bezier(.175, .885, .32, 1.275);--ease-smooth: cubic-bezier(.23, 1, .32, 1);--transition-all: all var(--transition-normal) var(--ease-in-out);--transition-colors: color var(--transition-normal) var(--ease-in-out), background-color var(--transition-normal) var(--ease-in-out), border-color var(--transition-normal) var(--ease-in-out), fill var(--transition-normal) var(--ease-in-out), stroke var(--transition-normal) var(--ease-in-out);--transition-opacity: opacity var(--transition-normal) var(--ease-in-out);--transition-shadow: box-shadow var(--transition-normal) var(--ease-in-out);--transition-transform: transform var(--transition-normal) var(--ease-in-out);--transition-size: width var(--transition-normal) var(--ease-in-out), height var(--transition-normal) var(--ease-in-out);--sidebar-width: 280px;--sidebar-width-collapsed: 80px;--sidebar-width-mobile: 300px;--sidebar-transition: var(--transition-slow);--header-height: 70px;--header-height-mobile: 60px;--content-max-width: 1400px;--content-max-width-xl: 1600px;--content-padding: var(--space-6);--content-padding-mobile: var(--space-4);--card-padding: var(--space-6);--card-padding-sm: var(--space-4);--card-padding-lg: var(--space-8);--card-radius: var(--radius-xl);--input-height-xs: 32px;--input-height-sm: 36px;--input-height-md: 44px;--input-height-lg: 52px;--input-height-xl: 60px;--btn-height-xs: 28px;--btn-height-sm: 34px;--btn-height-md: 42px;--btn-height-lg: 50px;--btn-height-xl: 58px;--avatar-2xs: 20px;--avatar-xs: 24px;--avatar-sm: 32px;--avatar-md: 40px;--avatar-lg: 48px;--avatar-xl: 64px;--avatar-2xl: 80px;--avatar-3xl: 96px;--icon-xs: 12px;--icon-sm: 16px;--icon-md: 20px;--icon-lg: 24px;--icon-xl: 32px;--icon-2xl: 40px;--gradient-primary: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);--gradient-primary-hover: linear-gradient(135deg, #4ade80 0%, #22c55e 100%);--gradient-primary-vertical: linear-gradient(180deg, #22c55e 0%, #16a34a 100%);--gradient-primary-radial: radial-gradient(circle, #4ade80 0%, #22c55e 50%, #16a34a 100%);--gradient-primary-soft: linear-gradient(135deg, #dcfce7 0%, #bbf7d0 100%);--gradient-primary-vibrant: linear-gradient(135deg, #4ade80 0%, #22c55e 35%, #16a34a 70%, #15803d 100%);--gradient-secondary: linear-gradient(135deg, #10b981 0%, #059669 100%);--gradient-secondary-hover: linear-gradient(135deg, #34d399 0%, #10b981 100%);--gradient-accent: linear-gradient(135deg, #84cc16 0%, #65a30d 100%);--gradient-accent-hover: linear-gradient(135deg, #a3e635 0%, #84cc16 100%);--gradient-accent-reverse: linear-gradient(135deg, #65a30d 0%, #84cc16 100%);--gradient-nature: linear-gradient(135deg, #22c55e 0%, #10b981 50%, #14b8a6 100%);--gradient-forest: linear-gradient(135deg, #15803d 0%, #16a34a 50%, #22c55e 100%);--gradient-spring: linear-gradient(135deg, #4ade80 0%, #22c55e 50%, #10b981 100%);--gradient-mint: linear-gradient(135deg, #a7f3d0 0%, #6ee7b7 50%, #34d399 100%);--gradient-emerald: linear-gradient(135deg, #059669 0%, #10b981 35%, #34d399 100%);--gradient-success: linear-gradient(135deg, #10B981 0%, #34D399 100%);--gradient-warning: linear-gradient(135deg, #F59E0B 0%, #FBBF24 100%);--gradient-error: linear-gradient(135deg, #F43F5E 0%, #FB7185 100%);--gradient-info: linear-gradient(135deg, #14b8a6 0%, #2dd4bf 100%);--gradient-hero: linear-gradient(135deg, #22c55e 0%, #16a34a 50%, #15803d 100%);--gradient-hero-light: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 50%, #bbf7d0 100%);--gradient-hero-vibrant: linear-gradient(135deg, #4ade80 0%, #22c55e 35%, #16a34a 70%, #15803d 100%);--gradient-hero-dark: linear-gradient(135deg, #166534 0%, #15803d 50%, #16a34a 100%);--gradient-card: linear-gradient(180deg, var(--bg-primary) 0%, var(--bg-secondary) 100%);--gradient-card-hover: linear-gradient(180deg, var(--color-primary-50) 0%, var(--bg-primary) 100%);--gradient-card-green: linear-gradient(180deg, #f0fdf4 0%, #ffffff 100%);--gradient-overlay: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .6) 100%);--gradient-overlay-light: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .9) 100%);--gradient-overlay-green: linear-gradient(180deg, rgba(34, 197, 94, 0) 0%, rgba(34, 197, 94, .1) 100%);--gradient-glass: linear-gradient(135deg, rgba(255, 255, 255, .1) 0%, rgba(255, 255, 255, .05) 100%);--gradient-glass-green: linear-gradient(135deg, rgba(34, 197, 94, .1) 0%, rgba(34, 197, 94, .05) 100%);--gradient-mesh: radial-gradient(at 40% 20%, rgba(34, 197, 94, .3) 0px, transparent 50%), radial-gradient(at 80% 0%, rgba(16, 185, 129, .2) 0px, transparent 50%), radial-gradient(at 0% 50%, rgba(34, 197, 94, .2) 0px, transparent 50%), radial-gradient(at 80% 50%, rgba(74, 222, 128, .15) 0px, transparent 50%), radial-gradient(at 0% 100%, rgba(22, 163, 74, .2) 0px, transparent 50%);--gradient-mesh-light: radial-gradient(at 40% 20%, rgba(34, 197, 94, .15) 0px, transparent 50%), radial-gradient(at 80% 0%, rgba(16, 185, 129, .1) 0px, transparent 50%), radial-gradient(at 0% 50%, rgba(34, 197, 94, .1) 0px, transparent 50%);--gradient-mesh-dark: radial-gradient(at 40% 20%, rgba(34, 197, 94, .4) 0px, transparent 50%), radial-gradient(at 80% 0%, rgba(16, 185, 129, .3) 0px, transparent 50%), radial-gradient(at 0% 50%, rgba(34, 197, 94, .3) 0px, transparent 50%);--gradient-shimmer: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, .4) 50%, transparent 100%);--gradient-shimmer-green: linear-gradient(90deg, transparent 0%, rgba(34, 197, 94, .2) 50%, transparent 100%);--gradient-page-bg: linear-gradient(135deg, #f0fdf4 0%, #ffffff 50%, #ecfdf5 100%);--gradient-sidebar-bg: linear-gradient(180deg, #0a0a0a 0%, #111111 100%);--glass-bg: rgba(255, 255, 255, .75);--glass-bg-light: rgba(255, 255, 255, .9);--glass-bg-dark: rgba(15, 23, 42, .75);--glass-bg-primary: rgba(34, 197, 94, .1);--glass-bg-primary-strong: rgba(34, 197, 94, .2);--glass-border: rgba(255, 255, 255, .2);--glass-border-light: rgba(255, 255, 255, .3);--glass-border-green: rgba(34, 197, 94, .2);--glass-blur: 10px;--glass-blur-lg: 20px;--glass-blur-xl: 40px;--scrollbar-width: 8px;--scrollbar-width-thin: 6px;--scrollbar-track: var(--bg-secondary);--scrollbar-thumb: var(--color-gray-300);--scrollbar-thumb-hover: var(--color-primary-400);--focus-ring-color: var(--color-primary-alpha-30);--focus-ring-width: 3px;--focus-ring-offset: 2px;--focus-ring-style: solid;--focus-ring: 0 0 0 var(--focus-ring-width) var(--focus-ring-color);--brand-name: "Xpert Solution";--brand-color: var(--color-primary);--brand-color-secondary: var(--color-secondary);--brand-gradient: var(--gradient-primary);--brand-gradient-vibrant: var(--gradient-hero-vibrant);--btn-primary-bg: var(--gradient-primary);--btn-primary-bg-hover: var(--gradient-primary-hover);--btn-primary-shadow: var(--shadow-primary);--btn-primary-shadow-hover: var(--shadow-primary-lg);--input-focus-border: var(--color-primary);--input-focus-ring: 0 0 0 3px rgba(34, 197, 94, .15);--input-focus-glow: 0 0 15px rgba(34, 197, 94, .1);--link-color: var(--color-primary-600);--link-color-hover: var(--color-primary-700);--link-underline: var(--color-primary-400);--badge-primary-bg: var(--color-primary-100);--badge-primary-text: var(--color-primary-700);--badge-primary-border: var(--color-primary-200);--active-bg: var(--color-primary-50);--active-border: var(--color-primary-500);--active-text: var(--color-primary-700);--selected-bg: var(--color-primary-100);--selected-border: var(--color-primary-300)}[data-theme=dark],.dark{--bg-primary: #0F172A;--bg-secondary: #1E293B;--bg-tertiary: #334155;--bg-quaternary: #475569;--bg-inverse: #F8FAFC;--bg-elevated: #1E293B;--bg-sunken: #0C1222;--bg-overlay: rgba(0, 0, 0, .6);--bg-backdrop: rgba(0, 0, 0, .8);--text-primary: #F1F5F9;--text-secondary: #94A3B8;--text-tertiary: #64748B;--text-inverse: #0F172A;--text-muted: #64748B;--text-disabled: #475569;--text-link: #4ade80;--text-link-hover: #86efac;--border-primary: #334155;--border-secondary: #1E293B;--border-tertiary: #475569;--border-hover: var(--color-primary-400);--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .4), 0 1px 2px -1px rgba(0, 0, 0, .4);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -2px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -4px rgba(0, 0, 0, .4);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .5), 0 8px 10px -6px rgba(0, 0, 0, .5);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .6);--shadow-card: 0 1px 3px rgba(0, 0, 0, .2), 0 4px 12px rgba(0, 0, 0, .3);--shadow-card-hover: 0 4px 12px rgba(34, 197, 94, .15), 0 8px 24px rgba(34, 197, 94, .2);--shadow-floating: 0 8px 30px rgba(0, 0, 0, .4);--shadow-primary: 0 4px 14px 0 rgba(34, 197, 94, .3);--shadow-primary-sm: 0 2px 8px 0 rgba(34, 197, 94, .25);--shadow-primary-md: 0 6px 18px 0 rgba(34, 197, 94, .35);--shadow-primary-lg: 0 10px 25px -5px rgba(34, 197, 94, .4);--shadow-primary-xl: 0 15px 35px -5px rgba(34, 197, 94, .45);--scrollbar-track: var(--bg-secondary);--scrollbar-thumb: var(--color-gray-600);--scrollbar-thumb-hover: var(--color-primary-500);--color-success-bg: rgba(16, 185, 129, .15);--color-warning-bg: rgba(245, 158, 11, .15);--color-error-bg: rgba(244, 63, 94, .15);--color-info-bg: rgba(20, 184, 166, .15);--glass-bg: rgba(15, 23, 42, .8);--glass-bg-light: rgba(30, 41, 59, .9);--glass-border: rgba(255, 255, 255, .1);--glass-border-light: rgba(255, 255, 255, .15);--glass-bg-primary: rgba(34, 197, 94, .15);--glass-bg-primary-strong: rgba(34, 197, 94, .25);--glass-border-green: rgba(34, 197, 94, .3);--gradient-card: linear-gradient(180deg, var(--bg-secondary) 0%, var(--bg-primary) 100%);--gradient-card-hover: linear-gradient(180deg, rgba(34, 197, 94, .1) 0%, var(--bg-secondary) 100%);--gradient-card-green: linear-gradient(180deg, rgba(34, 197, 94, .05) 0%, var(--bg-secondary) 100%);--gradient-hero-light: linear-gradient(135deg, #1E293B 0%, #0F172A 50%, #14532d 100%);--gradient-overlay-light: linear-gradient(180deg, rgba(15, 23, 42, 0) 0%, rgba(15, 23, 42, .95) 100%);--gradient-page-bg: linear-gradient(135deg, #0F172A 0%, #14532d 50%, #0F172A 100%);--gradient-mesh: radial-gradient(at 40% 20%, rgba(34, 197, 94, .4) 0px, transparent 50%), radial-gradient(at 80% 0%, rgba(16, 185, 129, .3) 0px, transparent 50%), radial-gradient(at 0% 50%, rgba(34, 197, 94, .3) 0px, transparent 50%), radial-gradient(at 80% 50%, rgba(74, 222, 128, .2) 0px, transparent 50%), radial-gradient(at 0% 100%, rgba(22, 163, 74, .3) 0px, transparent 50%);--glow-primary: 0 0 25px rgba(34, 197, 94, .5);--glow-primary-sm: 0 0 15px rgba(34, 197, 94, .4);--glow-primary-lg: 0 0 50px rgba(34, 197, 94, .6);--glow-primary-xl: 0 0 80px rgba(34, 197, 94, .7);--glow-secondary: 0 0 25px rgba(16, 185, 129, .5);--input-focus-ring: 0 0 0 3px rgba(34, 197, 94, .25);--input-focus-glow: 0 0 20px rgba(34, 197, 94, .15);--active-bg: rgba(34, 197, 94, .15);--active-border: var(--color-primary-400);--active-text: var(--color-primary-300);--selected-bg: rgba(34, 197, 94, .2);--selected-border: var(--color-primary-400);--badge-primary-bg: rgba(34, 197, 94, .2);--badge-primary-text: var(--color-primary-300);--badge-primary-border: rgba(34, 197, 94, .3)}@media (prefers-contrast: high){:root{--border-primary: var(--color-gray-400);--border-secondary: var(--color-gray-300);--text-secondary: var(--color-gray-700);--focus-ring-width: 4px;--color-primary: #15803d;--color-primary-light: #22c55e}}@media (prefers-reduced-motion: reduce){:root{--transition-fastest: 0ms;--transition-fast: 0ms;--transition-normal: 0ms;--transition-slow: 0ms;--transition-slower: 0ms;--transition-slowest: 0ms;--sidebar-transition: 0ms}}@media (max-width: 768px){:root{--sidebar-width: 100%;--content-padding: var(--space-4);--card-padding: var(--space-4);--header-height: var(--header-height-mobile)}}@media (max-width: 480px){:root{--content-padding: var(--space-3);--card-padding: var(--space-3);--text-4xl: 1.875rem;--text-5xl: 2.25rem;--text-6xl: 2.75rem}}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--radius-full);-webkit-transition:background var(--transition-normal) var(--ease-out);transition:background var(--transition-normal) var(--ease-out)}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}::selection{background-color:var(--color-primary-200);color:var(--color-primary-900)}::-moz-selection{background-color:var(--color-primary-200);color:var(--color-primary-900)}[data-theme=dark] ::selection{background-color:var(--color-primary-700);color:var(--color-primary-100)}[data-theme=dark] ::-moz-selection{background-color:var(--color-primary-700);color:var(--color-primary-100)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv11","ss01"}body{font-family:var(--font-primary);font-size:var(--text-base);font-weight:var(--font-normal);line-height:var(--leading-normal);color:var(--text-primary);background-color:var(--bg-secondary);min-height:100vh;overflow-x:hidden;letter-spacing:-.011em}#root{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--font-semibold);line-height:var(--leading-tight);color:var(--text-primary);margin:0;letter-spacing:-.02em}h1{font-size:var(--text-4xl);font-weight:var(--font-bold);letter-spacing:-.025em}h1.text-gradient,.text-gradient h1{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}h1.text-white,.text-white h1,.bg-gradient-primary h1,.bg-brand h1,.auth-branding h1{background:none;-webkit-background-clip:unset;-webkit-text-fill-color:#FFFFFF;background-clip:unset;color:#fff}h1.no-gradient{background:none;-webkit-text-fill-color:var(--text-primary);color:var(--text-primary)}h2{font-size:var(--text-3xl);font-weight:var(--font-semibold);letter-spacing:-.02em}h3{font-size:var(--text-2xl);font-weight:var(--font-semibold);letter-spacing:-.015em}h4{font-size:var(--text-xl);font-weight:var(--font-semibold);letter-spacing:-.01em}h5{font-size:var(--text-lg);font-weight:var(--font-medium)}h6{font-size:var(--text-base);font-weight:var(--font-medium)}p{margin:0;color:var(--text-secondary);line-height:var(--leading-relaxed)}.text-primary-color{color:var(--color-primary)}.text-secondary-color{color:var(--color-secondary)}.text-accent-color{color:var(--color-accent)}a{color:var(--color-primary);text-decoration:none;transition:var(--transition-colors);cursor:pointer;font-weight:var(--font-medium)}a:hover{color:var(--color-primary-dark)}a:active{color:var(--color-primary-700)}a:focus{outline:none}a:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}.link-subtle{color:var(--text-secondary);font-weight:var(--font-normal)}.link-subtle:hover{color:var(--color-primary)}.link-underline{position:relative}.link-underline:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--gradient-primary);transition:width var(--transition-normal) var(--ease-out);border-radius:var(--radius-full)}.link-underline:hover:after{width:100%}ul,ol{list-style:none;margin:0;padding:0}.styled-list{display:flex;flex-direction:column;gap:var(--space-2)}.styled-list li{position:relative;padding-left:var(--space-6);color:var(--text-secondary)}.styled-list li:before{content:"";position:absolute;left:0;top:.5em;width:8px;height:8px;background:var(--gradient-primary);border-radius:var(--radius-full)}.check-list li:before{content:"✓";position:absolute;left:0;top:0;width:auto;height:auto;background:none;color:var(--color-primary);font-weight:var(--font-bold)}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}img{border-style:none;-o-object-fit:cover;object-fit:cover}svg{overflow:hidden;vertical-align:middle}.img-overlay{position:relative;overflow:hidden;border-radius:var(--radius-lg)}.img-overlay:after{content:"";position:absolute;inset:0;background:var(--gradient-overlay);opacity:0;transition:opacity var(--transition-normal) var(--ease-out)}.img-overlay:hover:after{opacity:1}.img-overlay-green:after{background:linear-gradient(180deg,#22c55e00,#22c55e99)}input,button,textarea,select{font:inherit;color:inherit;margin:0}input,textarea{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-normal);line-height:var(--leading-normal);color:var(--text-primary);background-color:var(--bg-primary);border:1.5px solid var(--border-primary);border-radius:var(--radius-lg);transition:var(--transition-all)}input:hover:not(:disabled),textarea:hover:not(:disabled){border-color:var(--color-primary-300)}input:focus,textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-alpha-15),0 0 15px #22c55e1a}input::-moz-placeholder,textarea::-moz-placeholder{color:var(--text-muted);opacity:1;font-weight:var(--font-normal)}input::placeholder,textarea::placeholder{color:var(--text-muted);opacity:1;font-weight:var(--font-normal)}input:disabled,textarea:disabled{background-color:var(--bg-tertiary);cursor:not-allowed;opacity:.6}.input-lg{padding:var(--space-4) var(--space-5);font-size:var(--text-base);border-radius:var(--radius-xl)}.input-sm{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);border-radius:var(--radius-md)}.input-icon-wrapper{position:relative}.input-icon-wrapper input{padding-left:var(--space-11)}.input-icon-wrapper .input-icon{position:absolute;left:var(--space-4);top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none;transition:color var(--transition-normal) var(--ease-in-out)}.input-icon-wrapper:focus-within .input-icon{color:var(--color-primary)}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}select{width:100%;padding:var(--space-3) var(--space-4);padding-right:var(--space-10);font-size:var(--text-sm);font-weight:var(--font-normal);background-color:var(--bg-primary);border:1.5px solid var(--border-primary);border-radius:var(--radius-lg);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' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%2394A3B8' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right var(--space-3) center;background-repeat:no-repeat;background-size:1.5em 1.5em;transition:var(--transition-all)}select:hover:not(:disabled){border-color:var(--color-primary-300)}select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-alpha-15),0 0 15px #22c55e1a;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%2322c55e' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e")}input[type=checkbox],input[type=radio]{width:18px;height:18px;padding:0;cursor:pointer;accent-color:var(--color-primary);border-radius:var(--radius-sm)}input[type=checkbox]:focus-visible,input[type=radio]:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.checkbox-custom{display:flex;align-items:center;gap:var(--space-3);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.checkbox-custom input{position:absolute;opacity:0;width:0;height:0}.checkbox-custom .checkmark{width:20px;height:20px;border:2px solid var(--border-primary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;transition:var(--transition-all);flex-shrink:0}.checkbox-custom:hover .checkmark{border-color:var(--color-primary-400);box-shadow:0 0 8px #22c55e33}.checkbox-custom input:checked+.checkmark{background:var(--gradient-primary);border-color:var(--color-primary);box-shadow:var(--shadow-primary-sm)}.checkbox-custom input:checked+.checkmark svg{display:block;color:#fff}.checkbox-custom .checkmark svg{display:none;width:12px;height:12px}.toggle-switch{position:relative;width:48px;height:24px;background:var(--bg-tertiary);border-radius:var(--radius-full);cursor:pointer;transition:var(--transition-all)}.toggle-switch input{display:none}.toggle-switch .toggle-slider{position:absolute;top:2px;left:2px;width:20px;height:20px;background:var(--color-white);border-radius:var(--radius-full);transition:var(--transition-all);box-shadow:var(--shadow-sm)}.toggle-switch input:checked+.toggle-slider{transform:translate(24px)}.toggle-switch:has(input:checked){background:var(--gradient-primary);box-shadow:var(--shadow-primary-sm)}button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-family:var(--font-primary);font-size:var(--text-sm);font-weight:var(--font-semibold);line-height:var(--leading-normal);color:var(--text-primary);background-color:transparent;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition-all);-moz-user-select:none;user-select:none;-webkit-user-select:none;position:relative;overflow:hidden}button:focus{outline:none}button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}button:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#fff3;border-radius:50%;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease}button:active:before{width:300px;height:300px}.btn-primary{background:var(--gradient-primary);color:var(--color-white);box-shadow:var(--shadow-primary-sm)}.btn-primary:hover{background:var(--gradient-primary-hover);box-shadow:var(--shadow-primary);transform:translateY(-2px)}.btn-primary:active{transform:translateY(0);box-shadow:var(--shadow-primary-sm)}.btn-secondary{background:var(--color-primary-alpha);color:var(--color-primary);border:1.5px solid var(--color-primary-200)}.btn-secondary:hover{background:var(--color-primary-alpha-20);border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 4px 12px #22c55e26}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:var(--bg-tertiary);color:var(--color-primary)}.btn-outline{background:transparent;border:1.5px solid var(--border-primary);color:var(--text-primary)}.btn-outline:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-alpha);box-shadow:0 0 15px #22c55e1a}.btn-outline-primary{background:transparent;border:2px solid var(--color-primary);color:var(--color-primary)}.btn-outline-primary:hover{background:var(--color-primary);color:var(--color-white);box-shadow:var(--shadow-primary)}.btn-success{background:var(--gradient-success);color:var(--color-white);box-shadow:var(--shadow-success)}.btn-success:hover{box-shadow:0 6px 20px #10b98166;transform:translateY(-2px)}.btn-xs{padding:var(--space-1-5) var(--space-3);font-size:var(--text-xs);height:var(--btn-height-xs)}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);height:var(--btn-height-sm)}.btn-lg{padding:var(--space-4) var(--space-6);font-size:var(--text-base);height:var(--btn-height-lg)}.btn-xl{padding:var(--space-5) var(--space-8);font-size:var(--text-lg);height:var(--btn-height-xl)}.btn-icon{padding:var(--space-2);width:40px;height:40px}.btn-icon-sm{width:32px;height:32px;padding:var(--space-1-5)}.btn-icon-lg{width:48px;height:48px;padding:var(--space-3)}table{width:100%;border-collapse:collapse;border-spacing:0}th,td{padding:var(--space-4) var(--space-5);text-align:left;vertical-align:middle;border-bottom:1px solid var(--border-primary)}th{font-weight:var(--font-semibold);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--text-tertiary);background-color:var(--bg-tertiary)}tr{transition:background-color var(--transition-fast) var(--ease-in-out)}tbody tr:hover{background-color:var(--color-primary-alpha)}::-webkit-scrollbar{width:var(--scrollbar-width);height:var(--scrollbar-width)}::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--radius-full);border:2px solid var(--scrollbar-track);-webkit-transition:background var(--transition-normal) var(--ease-in-out);transition:background var(--transition-normal) var(--ease-in-out)}::-webkit-scrollbar-thumb:hover{background:var(--color-primary-400)}::-webkit-scrollbar-thumb:active{background:var(--color-primary)}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}.hide-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.hide-scrollbar::-webkit-scrollbar{display:none}.scrollbar-primary::-webkit-scrollbar-thumb{background:var(--color-primary-300)}.scrollbar-primary::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}::selection{background-color:var(--color-primary);color:var(--color-white)}::-moz-selection{background-color:var(--color-primary);color:var(--color-white)}:focus{outline:none}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.focus-ring:focus-visible{box-shadow:var(--focus-ring)}.skip-link{position:absolute;top:-40px;left:0;padding:var(--space-2) var(--space-4);background:var(--gradient-primary);color:var(--color-white);font-weight:var(--font-semibold);z-index:var(--z-max);transition:top var(--duration-200) var(--ease-out);border-radius:0 0 var(--radius-lg) 0}.skip-link:focus{top:0}hr{border:none;border-top:1px solid var(--border-primary);margin:var(--space-6) 0}hr.gradient{border:none;height:2px;background:var(--gradient-primary);border-radius:var(--radius-full)}abbr[title]{-webkit-text-decoration:underline dotted var(--color-primary);text-decoration:underline dotted var(--color-primary);cursor:help}code,kbd,pre,samp{font-family:var(--font-mono);font-size:.9em}code{padding:var(--space-1) var(--space-2);background-color:var(--color-primary-alpha);border-radius:var(--radius-md);color:var(--color-primary-700);font-weight:var(--font-medium)}pre{padding:var(--space-5);background-color:var(--color-gray-900);color:var(--color-gray-100);border-radius:var(--radius-xl);overflow-x:auto;border:1px solid var(--color-gray-800)}pre code{padding:0;background:none;color:inherit;font-weight:var(--font-normal)}kbd{padding:var(--space-1) var(--space-2);background:var(--gradient-card);border:1px solid var(--border-primary);border-radius:var(--radius-md);box-shadow:0 2px 0 var(--border-primary);font-size:var(--text-xs);font-weight:var(--font-medium)}blockquote{padding:var(--space-4) var(--space-5);margin:var(--space-4) 0;border-left:4px solid var(--color-primary);background:var(--color-primary-alpha);color:var(--text-secondary);font-style:italic;border-radius:0 var(--radius-lg) var(--radius-lg) 0}blockquote cite{display:block;margin-top:var(--space-2);font-size:var(--text-sm);font-style:normal;font-weight:var(--font-semibold);color:var(--color-primary)}progress{width:100%;height:8px;border:none;border-radius:var(--radius-full);background-color:var(--bg-tertiary);overflow:hidden}progress::-webkit-progress-bar{background-color:var(--bg-tertiary);border-radius:var(--radius-full)}progress::-webkit-progress-value{background:var(--gradient-primary);border-radius:var(--radius-full);-webkit-transition:width var(--transition-slow) var(--ease-out);transition:width var(--transition-slow) var(--ease-out)}progress::-moz-progress-bar{background:var(--gradient-primary);border-radius:var(--radius-full)}.progress-bar{width:100%;height:8px;background-color:var(--bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.progress-bar-fill{height:100%;background:var(--gradient-primary);border-radius:var(--radius-full);transition:width var(--transition-slow) var(--ease-out);position:relative}.progress-bar-fill:after{content:"";position:absolute;inset:0;background:var(--gradient-shimmer);animation:shimmer 2s infinite linear}.progress-bar-fill.shimmer-green:after{background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2-5);font-size:var(--text-xs);font-weight:var(--font-semibold);line-height:var(--leading-none);border-radius:var(--radius-full);white-space:nowrap}.badge-primary{background:var(--color-primary-alpha);color:var(--color-primary-700)}.badge-secondary{background:var(--color-secondary-alpha);color:var(--color-secondary-700)}.badge-accent{background:var(--color-accent-alpha);color:var(--color-accent-700)}.badge-success{background:var(--color-success-alpha);color:var(--color-success-700)}.badge-warning{background:var(--color-warning-alpha);color:var(--color-warning-700)}.badge-error{background:var(--color-error-alpha);color:var(--color-error-700)}.badge-info{background:var(--color-info-alpha);color:var(--color-info-700)}.badge-gradient{background:var(--gradient-primary);color:var(--color-white)}.badge-dot{position:relative;padding-left:var(--space-4)}.badge-dot:before{content:"";position:absolute;left:var(--space-2);top:50%;transform:translateY(-50%);width:6px;height:6px;background:currentColor;border-radius:var(--radius-full)}.badge-glow{box-shadow:var(--glow-primary-sm)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.not-sr-only{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:normal}.line-clamp-1{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-4{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.transition-none{transition:none!important}.transition-fast{transition-duration:var(--transition-fast)}.transition-slow{transition-duration:var(--transition-slow)}.hover-lift{transition:transform var(--transition-normal) var(--ease-out)}.hover-lift:hover{transform:translateY(-4px)}.hover-glow-green:hover{box-shadow:0 0 25px #22c55e66}.glass-primary{background:var(--glass-bg-primary);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border-green)}.glass-dark{background:var(--glass-bg-dark);backdrop-filter:blur(var(--glass-blur-lg));-webkit-backdrop-filter:blur(var(--glass-blur-lg));border:1px solid rgba(255,255,255,.1)}.gradient-border{position:relative;background:var(--bg-primary);border-radius:var(--radius-xl)}.gradient-border:before{content:"";position:absolute;inset:-2px;background:var(--gradient-primary);border-radius:calc(var(--radius-xl) + 2px);z-index:-1}@keyframes bounce{0%,to{transform:translateY(0);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:translateY(-25%);animation-timing-function:cubic-bezier(0,0,.2,1)}}@keyframes pulseGreen{0%,to{box-shadow:0 0 #22c55e66}50%{box-shadow:0 0 0 15px #22c55e00}}@keyframes glowGreen{0%,to{box-shadow:0 0 5px #22c55e33,0 0 20px #22c55e1a}50%{box-shadow:0 0 20px #22c55e66,0 0 40px #22c55e33}}.animate-pulse{animation:pulse 2s var(--ease-in-out) infinite}.animate-pulse-green{animation:pulseGreen 2s var(--ease-in-out) infinite}.animate-glow-green{animation:glowGreen 2s var(--ease-in-out) infinite}@media print{*,*:before,*:after{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}img{page-break-inside:avoid}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}.no-print{display:none!important}.print-break{page-break-before:always}}@media (max-width: 1024px){.lg-hidden{display:none!important}}@media (max-width: 768px){.md-hidden{display:none!important}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}}@media (max-width: 480px){.sm-hidden{display:none!important}h1{font-size:var(--text-2xl)}h2{font-size:var(--text-xl)}h3{font-size:var(--text-lg)}}[data-theme=dark] code,.dark code{background-color:#22c55e26;color:var(--color-primary-300)}[data-theme=dark] blockquote,.dark blockquote{background:#22c55e1a;border-left-color:var(--color-primary-400)}[data-theme=dark] kbd,.dark kbd{background:var(--bg-tertiary);border-color:var(--border-primary);box-shadow:0 2px 0 var(--border-primary)}[data-theme=dark] .badge-primary,.dark .badge-primary{background:var(--color-primary-alpha-20);color:var(--color-primary-300)}[data-theme=dark] .badge-secondary,.dark .badge-secondary{background:var(--color-secondary-alpha-20);color:var(--color-secondary-300)}[data-theme=dark] .badge-success,.dark .badge-success{background:var(--color-success-alpha-20);color:var(--color-success-400)}[data-theme=dark] .badge-warning,.dark .badge-warning{background:var(--color-warning-alpha-20);color:var(--color-warning-400)}[data-theme=dark] .badge-error,.dark .badge-error{background:var(--color-error-alpha-20);color:var(--color-error-400)}[data-theme=dark] .badge-info,.dark .badge-info{background:var(--color-info-alpha-20);color:var(--color-info-400)}[data-theme=dark] .btn-primary,.dark .btn-primary{box-shadow:0 4px 20px #22c55e4d}[data-theme=dark] .btn-primary:hover,.dark .btn-primary:hover{box-shadow:0 6px 30px #22c55e66}[data-theme=dark] .btn-secondary,.dark .btn-secondary{background:#22c55e26;border-color:#22c55e4d}[data-theme=dark] .btn-secondary:hover,.dark .btn-secondary:hover{background:#22c55e40;border-color:var(--color-primary)}[data-theme=dark] input:focus,[data-theme=dark] textarea:focus,[data-theme=dark] select:focus,.dark input:focus,.dark textarea:focus,.dark select:focus{box-shadow:0 0 0 3px #22c55e40,0 0 20px #22c55e26}[data-theme=dark] .glass-primary,.dark .glass-primary{background:#22c55e1a;border-color:#22c55e33}[data-theme=dark] .progress-bar,.dark .progress-bar{background-color:var(--bg-tertiary)}[data-theme=dark] tbody tr:hover,.dark tbody tr:hover{background-color:#22c55e1a}[data-theme=dark] .checkbox-custom:hover .checkmark,.dark .checkbox-custom:hover .checkmark{border-color:var(--color-primary-400);box-shadow:0 0 12px #22c55e4d}[data-theme=dark] .checkbox-custom input:checked+.checkmark,.dark .checkbox-custom input:checked+.checkmark{box-shadow:0 0 15px #22c55e66}[data-theme=dark] ::selection{background-color:var(--color-primary-600);color:var(--color-white)}[data-theme=dark] ::-moz-selection{background-color:var(--color-primary-600);color:var(--color-white)}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeInUpLarge{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDownLarge{0%{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInLeftLarge{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRightLarge{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes fadeOutUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}@keyframes fadeOutDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}@keyframes fadeOutLeft{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-20px)}}@keyframes fadeOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(20px)}}@keyframes slideInLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideOutLeft{0%{transform:translate(0);opacity:1}to{transform:translate(-100%);opacity:0}}@keyframes slideOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}@keyframes slideOutUp{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}@keyframes slideOutDown{0%{transform:translateY(0);opacity:1}to{transform:translateY(100%);opacity:0}}@keyframes slideUpFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDownFade{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes scaleInSmall{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes scaleOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}@keyframes scaleOutSmall{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@keyframes zoomIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes zoomInLarge{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}@keyframes zoomOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.5)}}@keyframes popIn{0%{opacity:0;transform:scale(.8)}50%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes popInBounce{0%{opacity:0;transform:scale(.5)}60%{opacity:1;transform:scale(1.1)}80%{transform:scale(.95)}to{transform:scale(1)}}@keyframes popOut{0%{opacity:1;transform:scale(1)}50%{transform:scale(1.05)}to{opacity:0;transform:scale(.8)}}@keyframes scaleUp{0%{transform:scale(1)}to{transform:scale(1.05)}}@keyframes scaleDown{0%{transform:scale(1)}to{transform:scale(.95)}}@keyframes spinReverse{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes spinSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spin3D{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}@keyframes rotateIn{0%{opacity:0;transform:rotate(-200deg)}to{opacity:1;transform:rotate(0)}}@keyframes rotateOut{0%{opacity:1;transform:rotate(0)}to{opacity:0;transform:rotate(200deg)}}@keyframes bounce{0%,20%,53%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateY(0)}40%,43%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translateY(-30px)}70%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translateY(-15px)}80%{transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateY(0)}90%{transform:translateY(-4px)}}@keyframes bounceLight{0%,to{transform:translateY(0);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:translateY(-15px);animation-timing-function:cubic-bezier(0,0,.2,1)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1)}}@keyframes bounceInUp{0%{opacity:0;transform:translateY(50px)}60%{opacity:1;transform:translateY(-10px)}80%{transform:translateY(5px)}to{transform:translateY(0)}}@keyframes bounceInDown{0%{opacity:0;transform:translateY(-50px)}60%{opacity:1;transform:translateY(10px)}80%{transform:translateY(-5px)}to{transform:translateY(0)}}@keyframes bounceInLeft{0%{opacity:0;transform:translate(-50px)}60%{opacity:1;transform:translate(10px)}80%{transform:translate(-5px)}to{transform:translate(0)}}@keyframes bounceInRight{0%{opacity:0;transform:translate(50px)}60%{opacity:1;transform:translate(-10px)}80%{transform:translate(5px)}to{transform:translate(0)}}@keyframes bounceOut{20%{transform:scale(.9)}50%,55%{opacity:1;transform:scale(1.1)}to{opacity:0;transform:scale(.3)}}@keyframes pulseSoft{0%,to{opacity:1}50%{opacity:.7}}@keyframes pulseScale{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes pulseScaleLarge{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes pulseShadow{0%,to{box-shadow:0 0 #0ea5e966}50%{box-shadow:0 0 0 15px #0ea5e900}}@keyframes pulseShadowSuccess{0%,to{box-shadow:0 0 #10b98166}50%{box-shadow:0 0 0 15px #10b98100}}@keyframes pulseShadowWarning{0%,to{box-shadow:0 0 #f59e0b66}50%{box-shadow:0 0 0 15px #f59e0b00}}@keyframes pulseShadowError{0%,to{box-shadow:0 0 #f43f5e66}50%{box-shadow:0 0 0 15px #f43f5e00}}@keyframes heartbeat{0%{transform:scale(1)}14%{transform:scale(1.1)}28%{transform:scale(1)}42%{transform:scale(1.1)}70%{transform:scale(1)}}@keyframes pingLarge{75%,to{transform:scale(2.5);opacity:0}}@keyframes rippleOut{0%{opacity:1;transform:scale(0)}to{opacity:0;transform:scale(2.5)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}@keyframes shakeLight{0%,to{transform:translate(0)}25%,75%{transform:translate(-3px)}50%{transform:translate(3px)}}@keyframes shakeX{0%,to{transform:translate(0)}25%{transform:translate(-10px)}50%{transform:translate(10px)}75%{transform:translate(-5px)}}@keyframes shakeY{0%,to{transform:translateY(0)}25%{transform:translateY(-10px)}50%{transform:translateY(10px)}75%{transform:translateY(-5px)}}@keyframes wiggle{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@keyframes wiggleMore{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}@keyframes wobble{0%,to{transform:translate(0) rotate(0)}15%{transform:translate(-25px) rotate(-5deg)}30%{transform:translate(20px) rotate(3deg)}45%{transform:translate(-15px) rotate(-3deg)}60%{transform:translate(10px) rotate(2deg)}75%{transform:translate(-5px) rotate(-1deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes shimmerSlide{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes loading{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes loadingBar{0%{width:0%;left:0}50%{width:100%;left:0}to{width:0%;left:100%}}@keyframes skeleton{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}@keyframes dotPulse{0%,80%,to{transform:scale(0);opacity:0}40%{transform:scale(1);opacity:1}}@keyframes dotsLoading{0%,20%{transform:translateY(0)}40%{transform:translateY(-10px)}60%,to{transform:translateY(0)}}@keyframes spinnerDash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}@keyframes wave{0%,60%,to{transform:initial}30%{transform:translateY(-15px)}}@keyframes waveHand{0%{transform:rotate(0)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}60%{transform:rotate(0)}to{transform:rotate(0)}}@keyframes oceanWave{0%{transform:translate(0) translateZ(0) scaleY(1)}50%{transform:translate(-25%) translateZ(0) scaleY(.8)}to{transform:translate(-50%) translateZ(0) scaleY(1)}}@keyframes floatSlow{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes floatLarge{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes floatRotate{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-5px) rotate(1deg)}50%{transform:translateY(-10px) rotate(0)}75%{transform:translateY(-5px) rotate(-1deg)}}@keyframes floatShadow{0%,to{transform:translateY(0);box-shadow:0 10px 30px -10px #0ea5e94d}50%{transform:translateY(-10px);box-shadow:0 20px 40px -15px #0ea5e966}}@keyframes hover{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-5px) scale(1.02)}}@keyframes swing{20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}to{transform:rotate(0)}}@keyframes swingLight{20%{transform:rotate(8deg)}40%{transform:rotate(-5deg)}60%{transform:rotate(3deg)}80%{transform:rotate(-2deg)}to{transform:rotate(0)}}@keyframes pendulum{0%,to{transform:rotate(-15deg)}50%{transform:rotate(15deg)}}@keyframes flipInX{0%{transform:perspective(400px) rotateX(90deg);opacity:0}40%{transform:perspective(400px) rotateX(-10deg)}70%{transform:perspective(400px) rotateX(10deg)}to{transform:perspective(400px) rotateX(0);opacity:1}}@keyframes flipInY{0%{transform:perspective(400px) rotateY(90deg);opacity:0}40%{transform:perspective(400px) rotateY(-10deg)}70%{transform:perspective(400px) rotateY(10deg)}to{transform:perspective(400px) rotateY(0);opacity:1}}@keyframes flipOutX{0%{transform:perspective(400px) rotateX(0);opacity:1}to{transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutY{0%{transform:perspective(400px) rotateY(0);opacity:1}to{transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flip{0%{transform:perspective(400px) rotateY(0)}to{transform:perspective(400px) rotateY(360deg)}}@keyframes jello{0%,11.1%,to{transform:none}22.2%{transform:skew(-12.5deg) skewY(-12.5deg)}33.3%{transform:skew(6.25deg) skewY(6.25deg)}44.4%{transform:skew(-3.125deg) skewY(-3.125deg)}55.5%{transform:skew(1.5625deg) skewY(1.5625deg)}66.6%{transform:skew(-.78125deg) skewY(-.78125deg)}77.7%{transform:skew(.390625deg) skewY(.390625deg)}88.8%{transform:skew(-.1953125deg) skewY(-.1953125deg)}}@keyframes tada{0%{transform:scale(1) rotate(0)}10%,20%{transform:scale(.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale(1.1) rotate(3deg)}40%,60%,80%{transform:scale(1.1) rotate(-3deg)}to{transform:scale(1) rotate(0)}}@keyframes rubberBand{0%{transform:scaleX(1)}30%{transform:scaleX(1.25) scaleY(.75)}40%{transform:scaleX(.75) scaleY(1.25)}50%{transform:scaleX(1.15) scaleY(.85)}65%{transform:scaleX(.95) scaleY(1.05)}75%{transform:scaleX(1.05) scaleY(.95)}to{transform:scaleX(1)}}@keyframes headShake{0%{transform:translate(0)}6.5%{transform:translate(-6px) rotateY(-9deg)}18.5%{transform:translate(5px) rotateY(7deg)}31.5%{transform:translate(-3px) rotateY(-5deg)}43.5%{transform:translate(2px) rotateY(3deg)}50%{transform:translate(0)}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes rubber{0%{transform:scale(1)}30%{transform:scale(1.25,.75)}40%{transform:scale(.75,1.25)}50%{transform:scale(1.15,.85)}65%{transform:scale(.95,1.05)}75%{transform:scale(1.05,.95)}to{transform:scale(1)}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes gradientX{0%,to{background-size:200% 200%;background-position:left center}50%{background-size:200% 200%;background-position:right center}}@keyframes gradientY{0%,to{background-size:200% 200%;background-position:center top}50%{background-size:200% 200%;background-position:center bottom}}@keyframes gradientDiagonal{0%{background-position:0% 0%}50%{background-position:100% 100%}to{background-position:0% 0%}}@keyframes meshGradient{0%,to{background-position:0% 0%}25%{background-position:100% 0%}50%{background-position:100% 100%}75%{background-position:0% 100%}}@keyframes colorShift{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(360deg)}}@keyframes glow{0%,to{box-shadow:0 0 5px #0ea5e966,0 0 10px #0ea5e94d}50%{box-shadow:0 0 20px #0ea5e999,0 0 30px #0ea5e966}}@keyframes glowSoft{0%,to{box-shadow:0 0 5px #0ea5e933,0 0 10px #0ea5e91a}50%{box-shadow:0 0 15px #0ea5e94d,0 0 20px #0ea5e933}}@keyframes glowIntense{0%,to{box-shadow:0 0 10px #0ea5e980,0 0 20px #0ea5e966,0 0 30px #0ea5e94d}50%{box-shadow:0 0 30px #0ea5e9b3,0 0 50px #0ea5e980,0 0 70px #0ea5e966}}@keyframes glowPrimary{0%,to{box-shadow:0 0 5px var(--color-primary-400),0 0 15px var(--color-primary-alpha-30)}50%{box-shadow:0 0 20px var(--color-primary-400),0 0 40px var(--color-primary-alpha-40)}}@keyframes glowSecondary{0%,to{box-shadow:0 0 5px #22d3ee66,0 0 15px #22d3ee33}50%{box-shadow:0 0 20px #22d3ee99,0 0 40px #22d3ee4d}}@keyframes glowSuccess{0%,to{box-shadow:0 0 5px #10b98166,0 0 10px #10b9814d}50%{box-shadow:0 0 20px #10b98199,0 0 30px #10b98166}}@keyframes glowWarning{0%,to{box-shadow:0 0 5px #f59e0b66,0 0 10px #f59e0b4d}50%{box-shadow:0 0 20px #f59e0b99,0 0 30px #f59e0b66}}@keyframes glowError{0%,to{box-shadow:0 0 5px #f43f5e66,0 0 10px #f43f5e4d}50%{box-shadow:0 0 20px #f43f5e99,0 0 30px #f43f5e66}}@keyframes neonPulse{0%,to{text-shadow:0 0 5px rgba(14,165,233,.5),0 0 10px rgba(14,165,233,.5),0 0 15px rgba(14,165,233,.5),0 0 20px rgba(14,165,233,.5)}50%{text-shadow:0 0 10px rgba(14,165,233,.8),0 0 20px rgba(14,165,233,.8),0 0 30px rgba(14,165,233,.8),0 0 40px rgba(14,165,233,.8)}}@keyframes ripple{0%{transform:scale(0);opacity:1}to{transform:scale(4);opacity:0}}@keyframes rippleSmall{0%{transform:scale(0);opacity:1}to{transform:scale(2);opacity:0}}@keyframes rippleLarge{0%{transform:scale(0);opacity:.6}to{transform:scale(6);opacity:0}}@keyframes buttonRipple{to{transform:scale(4);opacity:0}}@keyframes progress{0%{width:0%}to{width:100%}}@keyframes progressIndeterminate{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes progressStripe{0%{background-position:1rem 0}to{background-position:0 0}}@keyframes countdown{0%{stroke-dashoffset:0}to{stroke-dashoffset:100}}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink{50%{border-color:transparent}}@keyframes blinkCaret{0%,to{opacity:1}50%{opacity:0}}@keyframes typewriter{0%{max-width:0}to{max-width:100%}}@keyframes morphBlob{0%,to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}25%{border-radius:30% 60% 70% 40%/50% 60% 30%}50%{border-radius:50% 60% 40% 50%/40% 50% 70% 60%}75%{border-radius:60% 50% 50%/60% 40% 50%}}@keyframes morphSquareCircle{0%,to{border-radius:10%}50%{border-radius:50%}}@keyframes confetti{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}@keyframes sparkle{0%,to{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1)}}@keyframes twinkle{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}@keyframes shootingStar{0%{transform:translate(0) translateY(0) rotate(-45deg);opacity:1}to{transform:translate(300px) translateY(300px) rotate(-45deg);opacity:0}}@keyframes radar{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes scanLine{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}@keyframes rotate3D{0%{transform:perspective(500px) rotateY(0)}to{transform:perspective(500px) rotateY(360deg)}}@keyframes tilt3D{0%,to{transform:perspective(500px) rotateX(0) rotateY(0)}25%{transform:perspective(500px) rotateX(5deg) rotateY(5deg)}50%{transform:perspective(500px) rotateX(0) rotateY(-5deg)}75%{transform:perspective(500px) rotateX(-5deg) rotateY(0)}}@keyframes cardFlip{0%{transform:perspective(1000px) rotateY(0)}to{transform:perspective(1000px) rotateY(180deg)}}.animate-fadeIn{animation:fadeIn var(--duration-300) var(--ease-out) forwards}.animate-fadeOut{animation:fadeOut var(--duration-300) var(--ease-out) forwards}.animate-fadeInUp{animation:fadeInUp var(--duration-300) var(--ease-out) forwards}.animate-fadeInUpLarge{animation:fadeInUpLarge var(--duration-500) var(--ease-out) forwards}.animate-fadeInDown{animation:fadeInDown var(--duration-300) var(--ease-out) forwards}.animate-fadeInDownLarge{animation:fadeInDownLarge var(--duration-500) var(--ease-out) forwards}.animate-fadeInLeft{animation:fadeInLeft var(--duration-300) var(--ease-out) forwards}.animate-fadeInLeftLarge{animation:fadeInLeftLarge var(--duration-500) var(--ease-out) forwards}.animate-fadeInRight{animation:fadeInRight var(--duration-300) var(--ease-out) forwards}.animate-fadeInRightLarge{animation:fadeInRightLarge var(--duration-500) var(--ease-out) forwards}.animate-fadeOutUp{animation:fadeOutUp var(--duration-300) var(--ease-out) forwards}.animate-fadeOutDown{animation:fadeOutDown var(--duration-300) var(--ease-out) forwards}.animate-fadeOutLeft{animation:fadeOutLeft var(--duration-300) var(--ease-out) forwards}.animate-fadeOutRight{animation:fadeOutRight var(--duration-300) var(--ease-out) forwards}.animate-slideInLeft{animation:slideInLeft var(--duration-300) var(--ease-out) forwards}.animate-slideInRight{animation:slideInRight var(--duration-300) var(--ease-out) forwards}.animate-slideInUp{animation:slideInUp var(--duration-300) var(--ease-out) forwards}.animate-slideInDown{animation:slideInDown var(--duration-300) var(--ease-out) forwards}.animate-slideOutLeft{animation:slideOutLeft var(--duration-300) var(--ease-out) forwards}.animate-slideOutRight{animation:slideOutRight var(--duration-300) var(--ease-out) forwards}.animate-slideOutUp{animation:slideOutUp var(--duration-300) var(--ease-out) forwards}.animate-slideOutDown{animation:slideOutDown var(--duration-300) var(--ease-out) forwards}.animate-slideUpFade{animation:slideUpFade var(--duration-200) var(--ease-out) forwards}.animate-slideDownFade{animation:slideDownFade var(--duration-200) var(--ease-out) forwards}.animate-scaleIn{animation:scaleIn var(--duration-300) var(--ease-out) forwards}.animate-scaleInSmall{animation:scaleInSmall var(--duration-200) var(--ease-out) forwards}.animate-scaleOut{animation:scaleOut var(--duration-300) var(--ease-out) forwards}.animate-scaleOutSmall{animation:scaleOutSmall var(--duration-200) var(--ease-out) forwards}.animate-zoomIn{animation:zoomIn var(--duration-300) var(--ease-out) forwards}.animate-zoomInLarge{animation:zoomInLarge var(--duration-500) var(--ease-out) forwards}.animate-zoomOut{animation:zoomOut var(--duration-300) var(--ease-out) forwards}.animate-popIn{animation:popIn var(--duration-300) var(--ease-bounce) forwards}.animate-popInBounce{animation:popInBounce var(--duration-500) var(--ease-bounce) forwards}.animate-popOut{animation:popOut var(--duration-300) var(--ease-in) forwards}.animate-spinSlow{animation:spinSlow 2s linear infinite}.animate-spinFast{animation:spin .5s linear infinite}.animate-spinReverse{animation:spinReverse 1s linear infinite}.animate-spin3D{animation:spin3D 2s linear infinite}.animate-pingLarge{animation:pingLarge 1.5s cubic-bezier(0,0,.2,1) infinite}.animate-pulseSoft{animation:pulseSoft 2s cubic-bezier(.4,0,.6,1) infinite}.animate-pulseScale{animation:pulseScale 2s cubic-bezier(.4,0,.6,1) infinite}.animate-pulseScaleLarge{animation:pulseScaleLarge 2s cubic-bezier(.4,0,.6,1) infinite}.animate-pulseShadow{animation:pulseShadow 2s infinite}.animate-pulseShadowSuccess{animation:pulseShadowSuccess 2s infinite}.animate-pulseShadowWarning{animation:pulseShadowWarning 2s infinite}.animate-pulseShadowError{animation:pulseShadowError 2s infinite}.animate-bounceLight{animation:bounceLight 1s infinite}.animate-float{animation:float 3s ease-in-out infinite}.animate-floatSlow{animation:floatSlow 4s ease-in-out infinite}.animate-floatLarge{animation:floatLarge 3s ease-in-out infinite}.animate-floatRotate{animation:floatRotate 4s ease-in-out infinite}.animate-floatShadow{animation:floatShadow 3s ease-in-out infinite}.animate-hover{animation:hover 2s ease-in-out infinite}.animate-wiggle{animation:wiggle .3s ease-in-out infinite}.animate-wiggleMore{animation:wiggleMore .3s ease-in-out infinite}.animate-wobble{animation:wobble 1s ease-in-out}.animate-heartbeat{animation:heartbeat 1.5s ease-in-out infinite}.animate-pendulum{animation:pendulum 2s ease-in-out infinite;transform-origin:top center}.animate-bounceIn{animation:bounceIn var(--duration-500) var(--ease-bounce) forwards}.animate-bounceInUp{animation:bounceInUp var(--duration-500) var(--ease-bounce) forwards}.animate-bounceInDown{animation:bounceInDown var(--duration-500) var(--ease-bounce) forwards}.animate-bounceInLeft{animation:bounceInLeft var(--duration-500) var(--ease-bounce) forwards}.animate-bounceInRight{animation:bounceInRight var(--duration-500) var(--ease-bounce) forwards}.animate-bounceOut{animation:bounceOut var(--duration-500) var(--ease-in) forwards}.animate-shake{animation:shake .5s ease-in-out}.animate-shakeLight{animation:shakeLight .4s ease-in-out}.animate-shakeX{animation:shakeX .5s ease-in-out}.animate-shakeY{animation:shakeY .5s ease-in-out}.animate-swing{animation:swing 1s ease-in-out;transform-origin:top center}.animate-swingLight{animation:swingLight .8s ease-in-out;transform-origin:top center}.animate-tada{animation:tada 1s ease-in-out}.animate-jello{animation:jello 1s ease-in-out}.animate-rubberBand{animation:rubberBand 1s ease-in-out}.animate-headShake{animation:headShake 1s ease-in-out}.animate-flash{animation:flash 1s ease-in-out}.animate-flipInX{animation:flipInX var(--duration-500) var(--ease-out) forwards}.animate-flipInY{animation:flipInY var(--duration-500) var(--ease-out) forwards}.animate-flipOutX{animation:flipOutX var(--duration-500) var(--ease-in) forwards}.animate-flipOutY{animation:flipOutY var(--duration-500) var(--ease-in) forwards}.animate-flip{animation:flip 1s ease-in-out infinite}.animate-rotateIn{animation:rotateIn var(--duration-500) var(--ease-out) forwards}.animate-rotateOut{animation:rotateOut var(--duration-500) var(--ease-in) forwards}.animate-rotate3D{animation:rotate3D 3s linear infinite}.animate-tilt3D{animation:tilt3D 3s ease-in-out infinite}.animate-cardFlip{animation:cardFlip .6s ease-in-out forwards}.animate-shimmer{background:linear-gradient(90deg,var(--color-gray-200) 0%,var(--color-gray-100) 20%,var(--color-gray-200) 40%,var(--color-gray-200) 100%);background-size:200% 100%;animation:shimmer 1.5s infinite linear}.animate-shimmerDark{background:linear-gradient(90deg,var(--color-gray-700) 0%,var(--color-gray-600) 20%,var(--color-gray-700) 40%,var(--color-gray-700) 100%);background-size:200% 100%;animation:shimmer 1.5s infinite linear}.animate-shimmerPrimary{background:linear-gradient(90deg,var(--color-primary-100) 0%,var(--color-primary-50) 20%,var(--color-primary-100) 40%,var(--color-primary-100) 100%);background-size:200% 100%;animation:shimmer 1.5s infinite linear}.animate-loading{animation:loading 1.5s infinite}.animate-loadingBar{animation:loadingBar 2s infinite}.animate-progressIndeterminate{animation:progressIndeterminate 1.5s infinite linear}.animate-progressStripe{animation:progressStripe 1s linear infinite}.animate-glow{animation:glow 2s ease-in-out infinite}.animate-glowSoft{animation:glowSoft 2s ease-in-out infinite}.animate-glowIntense{animation:glowIntense 2s ease-in-out infinite}.animate-glowPrimary{animation:glowPrimary 2s ease-in-out infinite}.animate-glowSecondary{animation:glowSecondary 2s ease-in-out infinite}.animate-glowSuccess{animation:glowSuccess 2s ease-in-out infinite}.animate-glowWarning{animation:glowWarning 2s ease-in-out infinite}.animate-glowError{animation:glowError 2s ease-in-out infinite}.animate-neonPulse{animation:neonPulse 2s ease-in-out infinite}.animate-gradientShift{background-size:200% 200%;animation:gradientShift 3s ease infinite}.animate-gradientX{animation:gradientX 3s ease infinite}.animate-gradientY{animation:gradientY 3s ease infinite}.animate-gradientDiagonal{background-size:200% 200%;animation:gradientDiagonal 3s ease infinite}.animate-meshGradient{background-size:200% 200%;animation:meshGradient 10s ease infinite}.animate-colorShift{animation:colorShift 10s linear infinite}.animate-ripple{animation:ripple .6s linear}.animate-rippleSmall{animation:rippleSmall .4s linear}.animate-rippleLarge{animation:rippleLarge .8s linear}.animate-rippleOut{animation:rippleOut 1s ease-out forwards}.animate-wave{animation:wave 1.5s ease-in-out infinite}.animate-waveHand{animation:waveHand 2.5s infinite;transform-origin:70% 70%}.animate-oceanWave{animation:oceanWave 8s linear infinite}.animate-morphBlob{animation:morphBlob 8s ease-in-out infinite}.animate-morphSquareCircle{animation:morphSquareCircle 2s ease-in-out infinite}.animate-confetti{animation:confetti 3s ease-out forwards}.animate-sparkle{animation:sparkle 1.5s ease-in-out infinite}.animate-twinkle{animation:twinkle 2s ease-in-out infinite}.animate-shootingStar{animation:shootingStar 1s linear forwards}.animate-radar{animation:radar 2s linear infinite}.animate-scanLine{animation:scanLine 2s linear infinite}.animate-typing{overflow:hidden;white-space:nowrap;animation:typing 3.5s steps(40,end)}.animate-typing-cursor{border-right:3px solid var(--color-primary);animation:blink .7s step-end infinite}.animate-typewriter{overflow:hidden;white-space:nowrap;animation:typewriter 4s steps(44) forwards}.animate-blinkCaret{animation:blinkCaret 1s step-end infinite}.animation-delay-0{animation-delay:0ms}.animation-delay-75{animation-delay:75ms}.animation-delay-100{animation-delay:.1s}.animation-delay-150{animation-delay:.15s}.animation-delay-200{animation-delay:.2s}.animation-delay-300{animation-delay:.3s}.animation-delay-400{animation-delay:.4s}.animation-delay-500{animation-delay:.5s}.animation-delay-600{animation-delay:.6s}.animation-delay-700{animation-delay:.7s}.animation-delay-800{animation-delay:.8s}.animation-delay-900{animation-delay:.9s}.animation-delay-1000{animation-delay:1s}.animation-delay-1500{animation-delay:1.5s}.animation-delay-2000{animation-delay:2s}.stagger-9{animation-delay:.9s}.stagger-10{animation-delay:1s}.animation-duration-75{animation-duration:75ms}.animation-duration-100{animation-duration:.1s}.animation-duration-150{animation-duration:.15s}.animation-duration-200{animation-duration:.2s}.animation-duration-300{animation-duration:.3s}.animation-duration-400{animation-duration:.4s}.animation-duration-500{animation-duration:.5s}.animation-duration-600{animation-duration:.6s}.animation-duration-700{animation-duration:.7s}.animation-duration-800{animation-duration:.8s}.animation-duration-1000{animation-duration:1s}.animation-duration-1500{animation-duration:1.5s}.animation-duration-2000{animation-duration:2s}.animation-duration-3000{animation-duration:3s}.animation-duration-5000{animation-duration:5s}.animate-once{animation-iteration-count:1}.animate-twice{animation-iteration-count:2}.animate-thrice{animation-iteration-count:3}.animate-infinite{animation-iteration-count:infinite}.animation-normal{animation-direction:normal}.animation-reverse{animation-direction:reverse}.animation-alternate{animation-direction:alternate}.animation-alternate-reverse{animation-direction:alternate-reverse}.animation-fill-none{animation-fill-mode:none}.animation-fill-forwards{animation-fill-mode:forwards}.animation-fill-backwards{animation-fill-mode:backwards}.animation-fill-both{animation-fill-mode:both}.animation-running{animation-play-state:running}.animation-paused{animation-play-state:paused}.animation-ease-linear{animation-timing-function:linear}.animation-ease-in{animation-timing-function:var(--ease-in)}.animation-ease-out{animation-timing-function:var(--ease-out)}.animation-ease-in-out{animation-timing-function:var(--ease-in-out)}.animation-ease-bounce{animation-timing-function:var(--ease-bounce)}.animation-ease-elastic{animation-timing-function:var(--ease-elastic)}.animation-ease-spring{animation-timing-function:var(--ease-spring)}.animation-ease-smooth{animation-timing-function:var(--ease-smooth)}.transition-none{transition:none}.transition-all{transition:var(--transition-all)}.transition-fast{transition-duration:var(--transition-fast);transition-timing-function:var(--ease-in-out)}.transition-normal{transition-duration:var(--transition-normal);transition-timing-function:var(--ease-in-out)}.transition-slow{transition-duration:var(--transition-slow);transition-timing-function:var(--ease-in-out)}.transition-slower{transition-duration:var(--transition-slower);transition-timing-function:var(--ease-in-out)}.transition-colors{transition:var(--transition-colors)}.transition-opacity{transition:var(--transition-opacity)}.transition-shadow{transition:var(--transition-shadow)}.transition-transform{transition:var(--transition-transform)}.hover-lift-sm{transition:transform var(--transition-normal) var(--ease-out)}.hover-lift-sm:hover{transform:translateY(-2px)}.hover-lift-lg{transition:transform var(--transition-normal) var(--ease-out),box-shadow var(--transition-normal) var(--ease-out)}.hover-lift-lg:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl)}.hover-grow{transition:transform var(--transition-normal) var(--ease-out)}.hover-grow:hover{transform:scale(1.05)}.hover-grow-sm{transition:transform var(--transition-normal) var(--ease-out)}.hover-grow-sm:hover{transform:scale(1.02)}.hover-grow-lg{transition:transform var(--transition-normal) var(--ease-out)}.hover-grow-lg:hover{transform:scale(1.1)}.hover-shrink{transition:transform var(--transition-normal) var(--ease-out)}.hover-shrink:hover{transform:scale(.95)}.hover-rotate{transition:transform var(--transition-normal) var(--ease-out)}.hover-rotate:hover{transform:rotate(5deg)}.hover-rotate-6{transition:transform var(--transition-normal) var(--ease-out)}.hover-rotate-6:hover{transform:rotate(6deg)}.hover-rotate-12{transition:transform var(--transition-normal) var(--ease-out)}.hover-rotate-12:hover{transform:rotate(12deg)}.hover-rotate-180{transition:transform var(--transition-normal) var(--ease-out)}.hover-rotate-180:hover{transform:rotate(180deg)}.hover-glow{transition:box-shadow var(--duration-300) var(--ease-out)}.hover-glow:hover{box-shadow:0 0 20px #0ea5e966}.hover-glow-sm{transition:box-shadow var(--duration-300) var(--ease-out)}.hover-glow-sm:hover{box-shadow:0 0 10px #0ea5e94d}.hover-glow-lg{transition:box-shadow var(--duration-300) var(--ease-out)}.hover-glow-lg:hover{box-shadow:0 0 40px #0ea5e980}.hover-glow-primary{transition:box-shadow var(--duration-300) var(--ease-out)}.hover-glow-primary:hover{box-shadow:var(--glow-primary)}.hover-glow-secondary{transition:box-shadow var(--duration-300) var(--ease-out)}.hover-glow-secondary:hover{box-shadow:var(--glow-secondary)}.hover-glow-success{transition:box-shadow var(--duration-300) var(--ease-out)}.hover-glow-success:hover{box-shadow:var(--glow-success)}.hover-glow-warning{transition:box-shadow var(--duration-300) var(--ease-out)}.hover-glow-warning:hover{box-shadow:var(--glow-warning)}.hover-glow-error{transition:box-shadow var(--duration-300) var(--ease-out)}.hover-glow-error:hover{box-shadow:var(--glow-error)}.hover-shadow{transition:box-shadow var(--duration-300) var(--ease-out)}.hover-shadow:hover{box-shadow:var(--shadow-lg)}.hover-shadow-xl{transition:box-shadow var(--duration-300) var(--ease-out)}.hover-shadow-xl:hover{box-shadow:var(--shadow-xl)}.hover-shadow-primary{transition:box-shadow var(--duration-300) var(--ease-out)}.hover-shadow-primary:hover{box-shadow:var(--shadow-primary-lg)}.hover-brightness{transition:filter var(--duration-300) var(--ease-out)}.hover-brightness-dim{transition:filter var(--duration-300) var(--ease-out)}.hover-brightness-dim:hover{filter:brightness(.9)}.hover-border-primary{transition:border-color var(--duration-300) var(--ease-out)}.hover-border-primary:hover{border-color:var(--color-primary)}.hover-card{transition:transform var(--transition-normal) var(--ease-out),box-shadow var(--transition-normal) var(--ease-out),border-color var(--transition-normal) var(--ease-out)}.hover-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-hover);border-color:var(--color-primary-200)}.hover-interactive{transition:all var(--transition-normal) var(--ease-out)}.hover-interactive:hover{transform:translateY(-2px) scale(1.01);box-shadow:var(--shadow-md)}.active-scale{transition:transform var(--transition-fast) var(--ease-out)}.active-scale-sm{transition:transform var(--transition-fast) var(--ease-out)}.active-scale-sm:active{transform:scale(.99)}.active-scale-lg{transition:transform var(--transition-fast) var(--ease-out)}.active-scale-lg:active{transform:scale(.95)}.active-brightness{transition:filter var(--transition-fast) var(--ease-out)}.active-shadow{transition:box-shadow var(--transition-fast) var(--ease-out)}.active-shadow:active{box-shadow:var(--shadow-inner)}.skeleton{position:relative;overflow:hidden;background-color:var(--color-gray-200);border-radius:var(--radius-md)}.skeleton:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmerSlide 1.5s infinite}[data-theme=dark] .skeleton,.dark .skeleton{background-color:var(--color-gray-700)}[data-theme=dark] .skeleton:after,.dark .skeleton:after{background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent)}.skeleton-text{height:1em;margin-bottom:.5em;border-radius:var(--radius-sm)}.skeleton-text:last-child{width:70%}.skeleton-text-sm{height:.75em}.skeleton-text-lg{height:1.25em}.skeleton-title{height:1.5em;width:60%;margin-bottom:1em}.skeleton-paragraph{height:4em}.skeleton-circle{border-radius:var(--radius-full)}.skeleton-avatar-2xs{width:20px;height:20px;border-radius:var(--radius-full)}.skeleton-avatar-xs{width:24px;height:24px;border-radius:var(--radius-full)}.skeleton-avatar-sm{width:32px;height:32px;border-radius:var(--radius-full)}.skeleton-avatar-md{width:40px;height:40px;border-radius:var(--radius-full)}.skeleton-avatar-lg{width:48px;height:48px;border-radius:var(--radius-full)}.skeleton-avatar-xl{width:64px;height:64px;border-radius:var(--radius-full)}.skeleton-avatar-2xl{width:80px;height:80px;border-radius:var(--radius-full)}.skeleton-button{height:40px;width:100px;border-radius:var(--radius-lg)}.skeleton-button-sm{height:32px;width:80px;border-radius:var(--radius-md)}.skeleton-button-lg{height:48px;width:120px;border-radius:var(--radius-lg)}.skeleton-card{height:200px;border-radius:var(--radius-xl)}.skeleton-image{width:100%;height:0;padding-bottom:56.25%;border-radius:var(--radius-lg)}.skeleton-thumbnail{width:100px;height:100px;border-radius:var(--radius-md)}.skeleton-input{height:44px;border-radius:var(--radius-lg)}.skeleton-badge{width:60px;height:24px;border-radius:var(--radius-full)}.spinner{width:24px;height:24px;border:3px solid var(--color-primary-200);border-top-color:var(--color-primary);border-radius:var(--radius-full);animation:spin .8s linear infinite}.spinner-sm{width:16px;height:16px;border-width:2px}.spinner-lg{width:32px;height:32px;border-width:4px}.spinner-xl{width:48px;height:48px;border-width:5px}.spinner-white{border-color:#ffffff4d;border-top-color:#fff}.spinner-dots{display:flex;gap:4px}.spinner-dots span{width:8px;height:8px;background-color:var(--color-primary);border-radius:var(--radius-full);animation:dotsLoading 1.4s infinite ease-in-out both}.spinner-dots span:nth-child(1){animation-delay:-.32s}.spinner-dots span:nth-child(2){animation-delay:-.16s}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.animate-spin,.animate-spinSlow,.animate-spinFast,.animate-spinReverse,.animate-ping,.animate-pingLarge,.animate-pulse,.animate-pulseSoft,.animate-pulseScale,.animate-pulseShadow,.animate-bounce,.animate-bounceLight,.animate-float,.animate-floatSlow,.animate-floatLarge,.animate-floatRotate,.animate-floatShadow,.animate-hover,.animate-wiggle,.animate-wiggleMore,.animate-heartbeat,.animate-pendulum,.animate-shimmer,.animate-shimmerDark,.animate-shimmerPrimary,.animate-glow,.animate-glowSoft,.animate-glowIntense,.animate-gradientShift,.animate-meshGradient,.animate-morphBlob,.animate-wave,.animate-oceanWave,.animate-twinkle,.animate-sparkle,.animate-radar{animation:none!important}.skeleton:after{animation:none!important;background:#fff3!important}.spinner{animation:none!important;border-color:var(--color-primary)!important}}.scroll-animate{opacity:0;transition:opacity var(--transition-slow) var(--ease-out),transform var(--transition-slow) var(--ease-out)}.scroll-animate.scroll-fade-in{opacity:0}.scroll-animate.scroll-fade-up{transform:translateY(30px)}.scroll-animate.scroll-fade-down{transform:translateY(-30px)}.scroll-animate.scroll-fade-left{transform:translate(-30px)}.scroll-animate.scroll-fade-right{transform:translate(30px)}.scroll-animate.scroll-scale{transform:scale(.9)}.scroll-animate.scroll-rotate{transform:rotate(-5deg)}.scroll-animate.is-visible{opacity:1;transform:translateY(0) translate(0) scale(1) rotate(0)}.scroll-stagger>.scroll-animate:nth-child(1){transition-delay:.1s}.scroll-stagger>.scroll-animate:nth-child(2){transition-delay:.2s}.scroll-stagger>.scroll-animate:nth-child(3){transition-delay:.3s}.scroll-stagger>.scroll-animate:nth-child(4){transition-delay:.4s}.scroll-stagger>.scroll-animate:nth-child(5){transition-delay:.5s}.scroll-stagger>.scroll-animate:nth-child(6){transition-delay:.6s}.scroll-stagger>.scroll-animate:nth-child(7){transition-delay:.7s}.scroll-stagger>.scroll-animate:nth-child(8){transition-delay:.8s}.page-enter{opacity:0;transform:translateY(10px)}.page-enter-active{opacity:1;transform:translateY(0);transition:opacity var(--transition-slow) var(--ease-out),transform var(--transition-slow) var(--ease-out)}.page-exit{opacity:1;transform:translateY(0)}.page-exit-active{opacity:0;transform:translateY(-10px);transition:opacity var(--transition-slow) var(--ease-in),transform var(--transition-slow) var(--ease-in)}.page-slide-left-enter{transform:translate(100%)}.page-slide-left-enter-active{transform:translate(0);transition:transform var(--transition-slow) var(--ease-out)}.page-slide-left-exit{transform:translate(0)}.page-slide-left-exit-active{transform:translate(-100%);transition:transform var(--transition-slow) var(--ease-in)}.page-slide-right-enter{transform:translate(-100%)}.page-slide-right-enter-active{transform:translate(0);transition:transform var(--transition-slow) var(--ease-out)}.page-slide-right-exit{transform:translate(0)}.page-slide-right-exit-active{transform:translate(100%);transition:transform var(--transition-slow) var(--ease-in)}.modal-overlay-enter{opacity:0}.modal-overlay-enter-active{opacity:1;transition:opacity var(--transition-normal) var(--ease-out)}.modal-overlay-exit{opacity:1}.modal-overlay-exit-active{opacity:0;transition:opacity var(--transition-normal) var(--ease-in)}.modal-content-enter{opacity:0;transform:scale(.95) translateY(10px)}.modal-content-enter-active{opacity:1;transform:scale(1) translateY(0);transition:opacity var(--transition-normal) var(--ease-out),transform var(--transition-normal) var(--ease-out)}.modal-content-exit{opacity:1;transform:scale(1) translateY(0)}.modal-content-exit-active{opacity:0;transform:scale(.95) translateY(10px);transition:opacity var(--transition-fast) var(--ease-in),transform var(--transition-fast) var(--ease-in)}.modal-slide-enter{opacity:0;transform:translateY(100%)}.modal-slide-enter-active{opacity:1;transform:translateY(0);transition:opacity var(--transition-slow) var(--ease-out),transform var(--transition-slow) var(--ease-out)}.modal-slide-exit{opacity:1;transform:translateY(0)}.modal-slide-exit-active{opacity:0;transform:translateY(100%);transition:opacity var(--transition-slow) var(--ease-in),transform var(--transition-slow) var(--ease-in)}.toast-enter{opacity:0;transform:translate(100%) scale(.9)}.toast-enter-active{opacity:1;transform:translate(0) scale(1);transition:all var(--transition-normal) var(--ease-spring)}.toast-exit{opacity:1;transform:translate(0) scale(1)}.toast-exit-active{opacity:0;transform:translate(100%) scale(.9);transition:all var(--transition-normal) var(--ease-in)}.toast-top-enter{opacity:0;transform:translateY(-100%)}.toast-top-enter-active{opacity:1;transform:translateY(0);transition:all var(--transition-normal) var(--ease-bounce)}.toast-top-exit-active{opacity:0;transform:translateY(-100%);transition:all var(--transition-normal) var(--ease-in)}.toast-bottom-enter{opacity:0;transform:translateY(100%)}.toast-bottom-enter-active{opacity:1;transform:translateY(0);transition:all var(--transition-normal) var(--ease-bounce)}.toast-bottom-exit-active{opacity:0;transform:translateY(100%);transition:all var(--transition-normal) var(--ease-in)}.dropdown-enter{opacity:0;transform:scaleY(.95) translateY(-5px);transform-origin:top center}.dropdown-enter-active{opacity:1;transform:scaleY(1) translateY(0);transition:all var(--transition-fast) var(--ease-out)}.dropdown-exit{opacity:1;transform:scaleY(1) translateY(0)}.dropdown-exit-active{opacity:0;transform:scaleY(.95) translateY(-5px);transition:all var(--transition-fast) var(--ease-in)}.dropdown-up-enter{opacity:0;transform:scaleY(.95) translateY(5px);transform-origin:bottom center}.dropdown-up-enter-active{opacity:1;transform:scaleY(1) translateY(0);transition:all var(--transition-fast) var(--ease-out)}.accordion-content{overflow:hidden;transition:max-height var(--transition-slow) var(--ease-in-out),opacity var(--transition-slow) var(--ease-in-out)}.accordion-content.collapsed{max-height:0;opacity:0}.accordion-content.expanded{max-height:1000px;opacity:1}.tooltip-enter{opacity:0;transform:scale(.95)}.tooltip-enter-active{opacity:1;transform:scale(1);transition:all var(--transition-fast) var(--ease-out)}.tooltip-exit{opacity:1;transform:scale(1)}.tooltip-exit-active{opacity:0;transform:scale(.95);transition:all var(--transition-fast) var(--ease-in)}.tab-content-enter{opacity:0;transform:translate(10px)}.tab-content-enter-active{opacity:1;transform:translate(0);transition:all var(--transition-normal) var(--ease-out)}.tab-content-exit{opacity:1;transform:translate(0)}.tab-content-exit-active{opacity:0;transform:translate(-10px);transition:all var(--transition-normal) var(--ease-in)}.tab-indicator{transition:transform var(--transition-normal) var(--ease-spring),width var(--transition-normal) var(--ease-spring)}.list-item-enter{opacity:0;transform:translate(-10px)}.list-item-enter-active{opacity:1;transform:translate(0);transition:all var(--transition-normal) var(--ease-out)}.list-item-exit{opacity:1;transform:translate(0)}.list-item-exit-active{opacity:0;transform:translate(-10px);transition:all var(--transition-normal) var(--ease-in)}.list-item-move{transition:transform var(--transition-slow) var(--ease-out)}.btn-ripple{position:relative;overflow:hidden}.btn-ripple:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#ffffff4d;border-radius:var(--radius-full);transform:translate(-50%,-50%);transition:width .5s ease-out,height .5s ease-out}.btn-ripple:active:after{width:300px;height:300px}.btn-icon-rotate:hover .icon{transform:rotate(90deg);transition:transform var(--transition-normal) var(--ease-out)}.btn-icon-rotate .icon{transition:transform var(--transition-normal) var(--ease-out)}.btn-arrow-slide:hover .arrow{transform:translate(5px)}.btn-arrow-slide .arrow{transition:transform var(--transition-normal) var(--ease-out)}.checkbox-check{transform-origin:bottom left;stroke-dasharray:30;stroke-dashoffset:30;transition:stroke-dashoffset var(--transition-normal) var(--ease-out)}.checkbox-checked .checkbox-check{stroke-dashoffset:0}.toggle-thumb{transition:transform var(--transition-normal) var(--ease-bounce)}.toggle-checked .toggle-thumb{transform:translate(100%)}.switch-track{transition:background-color var(--transition-normal) var(--ease-out)}.switch-thumb{transition:transform var(--transition-normal) var(--ease-spring),background-color var(--transition-normal) var(--ease-out)}.switch-checked .switch-thumb{transform:translate(100%)}.flip-card{perspective:1000px}.flip-card-inner{transition:transform .6s;transform-style:preserve-3d}.flip-card:hover .flip-card-inner,.flip-card.flipped .flip-card-inner{transform:rotateY(180deg)}.flip-card-front,.flip-card-back{backface-visibility:hidden}.flip-card-back{transform:rotateY(180deg)}.counter-animate{display:inline-block;transition:transform var(--transition-fast) var(--ease-out)}.counter-animate.counting{transform:scale(1.2)}.notification-dot{animation:pulseShadow 2s infinite}.notification-dot-static{animation:none}.hamburger-line{transition:transform var(--transition-normal) var(--ease-out),opacity var(--transition-normal) var(--ease-out)}.hamburger-open .hamburger-line:nth-child(1){transform:translateY(8px) rotate(45deg)}.hamburger-open .hamburger-line:nth-child(2){opacity:0}.hamburger-open .hamburger-line:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.inline-grid{display:inline-grid}.contents{display:contents}.flow-root{display:flow-root}.table-cell{display:table-cell}.flex-row-reverse{flex-direction:row-reverse}.flex-col-reverse{flex-direction:column-reverse}.flex-nowrap{flex-wrap:nowrap}.flex-wrap-reverse{flex-wrap:wrap-reverse}.flex-auto{flex:1 1 auto}.flex-initial{flex:0 1 auto}.flex-none{flex:none}.grow{flex-grow:1}.grow-0{flex-grow:0}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.basis-0{flex-basis:0}.basis-auto{flex-basis:auto}.basis-full{flex-basis:100%}.basis-1\/2{flex-basis:50%}.basis-1\/3{flex-basis:33.333333%}.basis-2\/3{flex-basis:66.666667%}.basis-1\/4{flex-basis:25%}.basis-3\/4{flex-basis:75%}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.justify-items-start{justify-items:start}.justify-items-end{justify-items:end}.justify-items-center{justify-items:center}.justify-items-stretch{justify-items:stretch}.justify-self-auto{justify-self:auto}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.justify-self-center{justify-self:center}.justify-self-stretch{justify-self:stretch}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.content-start{align-content:flex-start}.content-end{align-content:flex-end}.content-center{align-content:center}.content-between{align-content:space-between}.content-around{align-content:space-around}.content-evenly{align-content:space-evenly}.content-baseline{align-content:baseline}.content-stretch{align-content:stretch}.self-auto{align-self:auto}.self-start{align-self:flex-start}.self-end{align-self:flex-end}.self-center{align-self:center}.self-stretch{align-self:stretch}.self-baseline{align-self:baseline}.place-content-center{place-content:center}.place-content-start{place-content:start}.place-content-end{place-content:end}.place-content-between{place-content:space-between}.place-content-around{place-content:space-around}.place-content-evenly{place-content:space-evenly}.place-content-stretch{place-content:stretch}.place-items-start{place-items:start}.place-items-end{place-items:end}.place-items-center{place-items:center}.place-items-stretch{place-items:stretch}.gap-0{gap:0}.gap-px{gap:1px}.gap-0-5{gap:var(--space-0-5)}.gap-1{gap:var(--space-1)}.gap-1-5{gap:var(--space-1-5)}.gap-2{gap:var(--space-2)}.gap-2-5{gap:var(--space-2-5)}.gap-3{gap:var(--space-3)}.gap-3-5{gap:var(--space-3-5)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.gap-6{gap:var(--space-6)}.gap-7{gap:var(--space-7)}.gap-8{gap:var(--space-8)}.gap-9{gap:var(--space-9)}.gap-10{gap:var(--space-10)}.gap-11{gap:var(--space-11)}.gap-12{gap:var(--space-12)}.gap-14{gap:var(--space-14)}.gap-16{gap:var(--space-16)}.gap-20{gap:var(--space-20)}.gap-x-0{-moz-column-gap:0;column-gap:0}.gap-x-1{-moz-column-gap:var(--space-1);column-gap:var(--space-1)}.gap-x-2{-moz-column-gap:var(--space-2);column-gap:var(--space-2)}.gap-x-3{-moz-column-gap:var(--space-3);column-gap:var(--space-3)}.gap-x-4{-moz-column-gap:var(--space-4);column-gap:var(--space-4)}.gap-x-5{-moz-column-gap:var(--space-5);column-gap:var(--space-5)}.gap-x-6{-moz-column-gap:var(--space-6);column-gap:var(--space-6)}.gap-x-8{-moz-column-gap:var(--space-8);column-gap:var(--space-8)}.gap-x-10{-moz-column-gap:var(--space-10);column-gap:var(--space-10)}.gap-x-12{-moz-column-gap:var(--space-12);column-gap:var(--space-12)}.gap-y-0{row-gap:0}.gap-y-1{row-gap:var(--space-1)}.gap-y-2{row-gap:var(--space-2)}.gap-y-3{row-gap:var(--space-3)}.gap-y-4{row-gap:var(--space-4)}.gap-y-5{row-gap:var(--space-5)}.gap-y-6{row-gap:var(--space-6)}.gap-y-8{row-gap:var(--space-8)}.gap-y-10{row-gap:var(--space-10)}.gap-y-12{row-gap:var(--space-12)}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.grid-cols-none{grid-template-columns:none}.grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.grid-rows-5{grid-template-rows:repeat(5,minmax(0,1fr))}.grid-rows-6{grid-template-rows:repeat(6,minmax(0,1fr))}.grid-rows-none{grid-template-rows:none}.col-auto{grid-column:auto}.col-span-1{grid-column:span 1 / span 1}.col-span-3{grid-column:span 3 / span 3}.col-span-4{grid-column:span 4 / span 4}.col-span-5{grid-column:span 5 / span 5}.col-span-6{grid-column:span 6 / span 6}.col-span-7{grid-column:span 7 / span 7}.col-span-8{grid-column:span 8 / span 8}.col-span-9{grid-column:span 9 / span 9}.col-span-10{grid-column:span 10 / span 10}.col-span-11{grid-column:span 11 / span 11}.col-span-12{grid-column:span 12 / span 12}.col-span-full{grid-column:1 / -1}.row-auto{grid-row:auto}.row-span-1{grid-row:span 1 / span 1}.row-span-2{grid-row:span 2 / span 2}.row-span-3{grid-row:span 3 / span 3}.row-span-4{grid-row:span 4 / span 4}.row-span-5{grid-row:span 5 / span 5}.row-span-6{grid-row:span 6 / span 6}.row-span-full{grid-row:1 / -1}.col-start-1{grid-column-start:1}.col-start-2{grid-column-start:2}.col-start-3{grid-column-start:3}.col-start-4{grid-column-start:4}.col-start-auto{grid-column-start:auto}.col-end-1{grid-column-end:1}.col-end-2{grid-column-end:2}.col-end-3{grid-column-end:3}.col-end-4{grid-column-end:4}.col-end-auto{grid-column-end:auto}.grid-flow-row{grid-auto-flow:row}.grid-flow-col{grid-auto-flow:column}.grid-flow-dense{grid-auto-flow:dense}.grid-flow-row-dense{grid-auto-flow:row dense}.grid-flow-col-dense{grid-auto-flow:column dense}.m-0{margin:0}.m-px{margin:1px}.m-0-5{margin:var(--space-0-5)}.m-1{margin:var(--space-1)}.m-1-5{margin:var(--space-1-5)}.m-2{margin:var(--space-2)}.m-2-5{margin:var(--space-2-5)}.m-3{margin:var(--space-3)}.m-3-5{margin:var(--space-3-5)}.m-4{margin:var(--space-4)}.m-5{margin:var(--space-5)}.m-6{margin:var(--space-6)}.m-7{margin:var(--space-7)}.m-8{margin:var(--space-8)}.m-9{margin:var(--space-9)}.m-10{margin:var(--space-10)}.m-11{margin:var(--space-11)}.m-12{margin:var(--space-12)}.m-14{margin:var(--space-14)}.m-16{margin:var(--space-16)}.m-20{margin:var(--space-20)}.mx-0{margin-left:0;margin-right:0}.mx-px{margin-left:1px;margin-right:1px}.mx-1{margin-left:var(--space-1);margin-right:var(--space-1)}.mx-2{margin-left:var(--space-2);margin-right:var(--space-2)}.mx-3{margin-left:var(--space-3);margin-right:var(--space-3)}.mx-4{margin-left:var(--space-4);margin-right:var(--space-4)}.mx-5{margin-left:var(--space-5);margin-right:var(--space-5)}.mx-6{margin-left:var(--space-6);margin-right:var(--space-6)}.mx-8{margin-left:var(--space-8);margin-right:var(--space-8)}.mx-10{margin-left:var(--space-10);margin-right:var(--space-10)}.mx-12{margin-left:var(--space-12);margin-right:var(--space-12)}.my-0{margin-top:0;margin-bottom:0}.my-px{margin-top:1px;margin-bottom:1px}.my-1{margin-top:var(--space-1);margin-bottom:var(--space-1)}.my-2{margin-top:var(--space-2);margin-bottom:var(--space-2)}.my-3{margin-top:var(--space-3);margin-bottom:var(--space-3)}.my-4{margin-top:var(--space-4);margin-bottom:var(--space-4)}.my-5{margin-top:var(--space-5);margin-bottom:var(--space-5)}.my-6{margin-top:var(--space-6);margin-bottom:var(--space-6)}.my-8{margin-top:var(--space-8);margin-bottom:var(--space-8)}.my-10{margin-top:var(--space-10);margin-bottom:var(--space-10)}.my-12{margin-top:var(--space-12);margin-bottom:var(--space-12)}.my-auto{margin-top:auto;margin-bottom:auto}.mt-px{margin-top:1px}.mt-0-5{margin-top:var(--space-0-5)}.mt-1{margin-top:var(--space-1)}.mt-1-5{margin-top:var(--space-1-5)}.mt-2{margin-top:var(--space-2)}.mt-2-5{margin-top:var(--space-2-5)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-5{margin-top:var(--space-5)}.mt-6{margin-top:var(--space-6)}.mt-7{margin-top:var(--space-7)}.mt-8{margin-top:var(--space-8)}.mt-9{margin-top:var(--space-9)}.mt-10{margin-top:var(--space-10)}.mt-11{margin-top:var(--space-11)}.mt-12{margin-top:var(--space-12)}.mt-14{margin-top:var(--space-14)}.mt-16{margin-top:var(--space-16)}.mt-20{margin-top:var(--space-20)}.mt-24{margin-top:var(--space-24)}.mt-auto{margin-top:auto}.mb-0{margin-bottom:0}.mb-px{margin-bottom:1px}.mb-0-5{margin-bottom:var(--space-0-5)}.mb-1{margin-bottom:var(--space-1)}.mb-1-5{margin-bottom:var(--space-1-5)}.mb-2{margin-bottom:var(--space-2)}.mb-2-5{margin-bottom:var(--space-2-5)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-5{margin-bottom:var(--space-5)}.mb-6{margin-bottom:var(--space-6)}.mb-7{margin-bottom:var(--space-7)}.mb-8{margin-bottom:var(--space-8)}.mb-9{margin-bottom:var(--space-9)}.mb-10{margin-bottom:var(--space-10)}.mb-11{margin-bottom:var(--space-11)}.mb-12{margin-bottom:var(--space-12)}.mb-14{margin-bottom:var(--space-14)}.mb-16{margin-bottom:var(--space-16)}.mb-20{margin-bottom:var(--space-20)}.mb-24{margin-bottom:var(--space-24)}.mb-auto{margin-bottom:auto}.ml-0{margin-left:0}.ml-px{margin-left:1px}.ml-0-5{margin-left:var(--space-0-5)}.ml-1{margin-left:var(--space-1)}.ml-1-5{margin-left:var(--space-1-5)}.ml-2{margin-left:var(--space-2)}.ml-2-5{margin-left:var(--space-2-5)}.ml-3{margin-left:var(--space-3)}.ml-4{margin-left:var(--space-4)}.ml-5{margin-left:var(--space-5)}.ml-6{margin-left:var(--space-6)}.ml-8{margin-left:var(--space-8)}.ml-10{margin-left:var(--space-10)}.ml-12{margin-left:var(--space-12)}.ml-auto{margin-left:auto}.mr-0{margin-right:0}.mr-px{margin-right:1px}.mr-0-5{margin-right:var(--space-0-5)}.mr-1{margin-right:var(--space-1)}.mr-1-5{margin-right:var(--space-1-5)}.mr-2{margin-right:var(--space-2)}.mr-2-5{margin-right:var(--space-2-5)}.mr-3{margin-right:var(--space-3)}.mr-4{margin-right:var(--space-4)}.mr-5{margin-right:var(--space-5)}.mr-6{margin-right:var(--space-6)}.mr-8{margin-right:var(--space-8)}.mr-10{margin-right:var(--space-10)}.mr-12{margin-right:var(--space-12)}.mr-auto{margin-right:auto}.-m-1{margin:calc(-1 * var(--space-1))}.-m-2{margin:calc(-1 * var(--space-2))}.-m-3{margin:calc(-1 * var(--space-3))}.-m-4{margin:calc(-1 * var(--space-4))}.-mt-1{margin-top:calc(-1 * var(--space-1))}.-mt-2{margin-top:calc(-1 * var(--space-2))}.-mt-3{margin-top:calc(-1 * var(--space-3))}.-mt-4{margin-top:calc(-1 * var(--space-4))}.-mt-6{margin-top:calc(-1 * var(--space-6))}.-mt-8{margin-top:calc(-1 * var(--space-8))}.-mb-1{margin-bottom:calc(-1 * var(--space-1))}.-mb-2{margin-bottom:calc(-1 * var(--space-2))}.-mb-3{margin-bottom:calc(-1 * var(--space-3))}.-mb-4{margin-bottom:calc(-1 * var(--space-4))}.-ml-1{margin-left:calc(-1 * var(--space-1))}.-ml-2{margin-left:calc(-1 * var(--space-2))}.-ml-3{margin-left:calc(-1 * var(--space-3))}.-ml-4{margin-left:calc(-1 * var(--space-4))}.-mr-1{margin-right:calc(-1 * var(--space-1))}.-mr-2{margin-right:calc(-1 * var(--space-2))}.-mr-3{margin-right:calc(-1 * var(--space-3))}.-mr-4{margin-right:calc(-1 * var(--space-4))}.p-0{padding:0}.p-px{padding:1px}.p-0-5{padding:var(--space-0-5)}.p-1{padding:var(--space-1)}.p-1-5{padding:var(--space-1-5)}.p-2{padding:var(--space-2)}.p-2-5{padding:var(--space-2-5)}.p-3{padding:var(--space-3)}.p-3-5{padding:var(--space-3-5)}.p-4{padding:var(--space-4)}.p-5{padding:var(--space-5)}.p-6{padding:var(--space-6)}.p-7{padding:var(--space-7)}.p-8{padding:var(--space-8)}.p-9{padding:var(--space-9)}.p-10{padding:var(--space-10)}.p-11{padding:var(--space-11)}.p-12{padding:var(--space-12)}.p-14{padding:var(--space-14)}.p-16{padding:var(--space-16)}.p-20{padding:var(--space-20)}.px-0{padding-left:0;padding-right:0}.px-px{padding-left:1px;padding-right:1px}.px-0-5{padding-left:var(--space-0-5);padding-right:var(--space-0-5)}.px-1{padding-left:var(--space-1);padding-right:var(--space-1)}.px-1-5{padding-left:var(--space-1-5);padding-right:var(--space-1-5)}.px-2{padding-left:var(--space-2);padding-right:var(--space-2)}.px-2-5{padding-left:var(--space-2-5);padding-right:var(--space-2-5)}.px-3{padding-left:var(--space-3);padding-right:var(--space-3)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.px-5{padding-left:var(--space-5);padding-right:var(--space-5)}.px-6{padding-left:var(--space-6);padding-right:var(--space-6)}.px-7{padding-left:var(--space-7);padding-right:var(--space-7)}.px-8{padding-left:var(--space-8);padding-right:var(--space-8)}.px-10{padding-left:var(--space-10);padding-right:var(--space-10)}.px-12{padding-left:var(--space-12);padding-right:var(--space-12)}.py-0{padding-top:0;padding-bottom:0}.py-px{padding-top:1px;padding-bottom:1px}.py-0-5{padding-top:var(--space-0-5);padding-bottom:var(--space-0-5)}.py-1{padding-top:var(--space-1);padding-bottom:var(--space-1)}.py-1-5{padding-top:var(--space-1-5);padding-bottom:var(--space-1-5)}.py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.py-2-5{padding-top:var(--space-2-5);padding-bottom:var(--space-2-5)}.py-3{padding-top:var(--space-3);padding-bottom:var(--space-3)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.py-5{padding-top:var(--space-5);padding-bottom:var(--space-5)}.py-6{padding-top:var(--space-6);padding-bottom:var(--space-6)}.py-7{padding-top:var(--space-7);padding-bottom:var(--space-7)}.py-8{padding-top:var(--space-8);padding-bottom:var(--space-8)}.py-10{padding-top:var(--space-10);padding-bottom:var(--space-10)}.py-12{padding-top:var(--space-12);padding-bottom:var(--space-12)}.pt-px{padding-top:1px}.pt-0-5{padding-top:var(--space-0-5)}.pt-1{padding-top:var(--space-1)}.pt-1-5{padding-top:var(--space-1-5)}.pt-2{padding-top:var(--space-2)}.pt-2-5{padding-top:var(--space-2-5)}.pt-3{padding-top:var(--space-3)}.pt-4{padding-top:var(--space-4)}.pt-5{padding-top:var(--space-5)}.pt-6{padding-top:var(--space-6)}.pt-8{padding-top:var(--space-8)}.pt-10{padding-top:var(--space-10)}.pt-12{padding-top:var(--space-12)}.pb-0{padding-bottom:0}.pb-px{padding-bottom:1px}.pb-0-5{padding-bottom:var(--space-0-5)}.pb-1{padding-bottom:var(--space-1)}.pb-1-5{padding-bottom:var(--space-1-5)}.pb-2{padding-bottom:var(--space-2)}.pb-2-5{padding-bottom:var(--space-2-5)}.pb-3{padding-bottom:var(--space-3)}.pb-4{padding-bottom:var(--space-4)}.pb-5{padding-bottom:var(--space-5)}.pb-6{padding-bottom:var(--space-6)}.pb-8{padding-bottom:var(--space-8)}.pb-10{padding-bottom:var(--space-10)}.pb-12{padding-bottom:var(--space-12)}.pl-0{padding-left:0}.pl-px{padding-left:1px}.pl-1{padding-left:var(--space-1)}.pl-2{padding-left:var(--space-2)}.pl-3{padding-left:var(--space-3)}.pl-4{padding-left:var(--space-4)}.pl-5{padding-left:var(--space-5)}.pl-6{padding-left:var(--space-6)}.pl-8{padding-left:var(--space-8)}.pl-10{padding-left:var(--space-10)}.pr-0{padding-right:0}.pr-px{padding-right:1px}.pr-1{padding-right:var(--space-1)}.pr-2{padding-right:var(--space-2)}.pr-3{padding-right:var(--space-3)}.pr-4{padding-right:var(--space-4)}.pr-5{padding-right:var(--space-5)}.pr-6{padding-right:var(--space-6)}.pr-8{padding-right:var(--space-8)}.pr-10{padding-right:var(--space-10)}.w-auto{width:auto}.w-screen{width:100vw}.w-svw{width:100svw}.w-lvw{width:100lvw}.w-dvw{width:100dvw}.w-min{width:-moz-min-content;width:min-content}.w-max{width:-moz-max-content;width:max-content}.w-fit{width:-moz-fit-content;width:fit-content}.w-0{width:0}.w-px{width:1px}.w-0-5{width:var(--space-0-5)}.w-1{width:var(--space-1)}.w-1-5{width:var(--space-1-5)}.w-2{width:var(--space-2)}.w-2-5{width:var(--space-2-5)}.w-3{width:var(--space-3)}.w-3-5{width:var(--space-3-5)}.w-4{width:var(--space-4)}.w-5{width:var(--space-5)}.w-6{width:var(--space-6)}.w-7{width:var(--space-7)}.w-8{width:var(--space-8)}.w-9{width:var(--space-9)}.w-10{width:var(--space-10)}.w-11{width:var(--space-11)}.w-12{width:var(--space-12)}.w-14{width:var(--space-14)}.w-16{width:var(--space-16)}.w-20{width:var(--space-20)}.w-24{width:var(--space-24)}.w-28{width:var(--space-28)}.w-32{width:var(--space-32)}.w-36{width:var(--space-36)}.w-40{width:var(--space-40)}.w-48{width:var(--space-48)}.w-56{width:var(--space-56)}.w-64{width:var(--space-64)}.w-72{width:var(--space-72)}.w-80{width:var(--space-80)}.w-96{width:var(--space-96)}.w-1\/3{width:33.333333%}.w-1\/4{width:25%}.w-2\/4{width:50%}.w-1\/5{width:20%}.w-4\/5{width:80%}.w-1\/6{width:16.666667%}.w-5\/6{width:83.333333%}.w-1\/12{width:8.333333%}.w-5\/12{width:41.666667%}.w-7\/12{width:58.333333%}.w-11\/12{width:91.666667%}.min-w-0{min-width:0}.min-w-full{min-width:100%}.min-w-min{min-width:-moz-min-content;min-width:min-content}.min-w-fit{min-width:-moz-fit-content;min-width:fit-content}.max-w-0{max-width:0}.max-w-none{max-width:none}.max-w-xs{max-width:320px}.max-w-sm{max-width:384px}.max-w-md{max-width:448px}.max-w-lg{max-width:512px}.max-w-xl{max-width:576px}.max-w-2xl{max-width:672px}.max-w-3xl{max-width:768px}.max-w-4xl{max-width:896px}.max-w-5xl{max-width:1024px}.max-w-6xl{max-width:1152px}.max-w-7xl{max-width:1280px}.max-w-min{max-width:-moz-min-content;max-width:min-content}.max-w-max{max-width:-moz-max-content;max-width:max-content}.max-w-fit{max-width:-moz-fit-content;max-width:fit-content}.max-w-prose{max-width:65ch}.max-w-screen-sm{max-width:640px}.max-w-screen-md{max-width:768px}.max-w-screen-lg{max-width:1024px}.max-w-screen-xl{max-width:1280px}.max-w-screen-2xl{max-width:1536px}.h-screen{height:100vh}.h-svh{height:100svh}.h-lvh{height:100lvh}.h-dvh{height:100dvh}.h-min{height:-moz-min-content;height:min-content}.h-max{height:-moz-max-content;height:max-content}.h-fit{height:-moz-fit-content;height:fit-content}.h-0{height:0}.h-px{height:1px}.h-0-5{height:var(--space-0-5)}.h-1{height:var(--space-1)}.h-1-5{height:var(--space-1-5)}.h-2{height:var(--space-2)}.h-2-5{height:var(--space-2-5)}.h-3{height:var(--space-3)}.h-3-5{height:var(--space-3-5)}.h-4{height:var(--space-4)}.h-5{height:var(--space-5)}.h-6{height:var(--space-6)}.h-7{height:var(--space-7)}.h-8{height:var(--space-8)}.h-9{height:var(--space-9)}.h-10{height:var(--space-10)}.h-11{height:var(--space-11)}.h-12{height:var(--space-12)}.h-14{height:var(--space-14)}.h-16{height:var(--space-16)}.h-20{height:var(--space-20)}.h-24{height:var(--space-24)}.h-28{height:var(--space-28)}.h-32{height:var(--space-32)}.h-36{height:var(--space-36)}.h-40{height:var(--space-40)}.h-48{height:var(--space-48)}.h-56{height:var(--space-56)}.h-64{height:var(--space-64)}.h-72{height:var(--space-72)}.h-80{height:var(--space-80)}.h-96{height:var(--space-96)}.h-1\/2{height:50%}.h-1\/3{height:33.333333%}.h-2\/3{height:66.666667%}.h-1\/4{height:25%}.h-3\/4{height:75%}.h-1\/5{height:20%}.h-2\/5{height:40%}.h-3\/5{height:60%}.h-4\/5{height:80%}.min-h-0{min-height:0}.min-h-full{min-height:100%}.min-h-svh{min-height:100svh}.min-h-lvh{min-height:100lvh}.min-h-dvh{min-height:100dvh}.min-h-min{min-height:-moz-min-content;min-height:min-content}.min-h-fit{min-height:-moz-fit-content;min-height:fit-content}.max-h-0{max-height:0}.max-h-none{max-height:none}.max-h-full{max-height:100%}.max-h-screen{max-height:100vh}.max-h-svh{max-height:100svh}.max-h-lvh{max-height:100lvh}.max-h-dvh{max-height:100dvh}.max-h-min{max-height:-moz-min-content;max-height:min-content}.max-h-max{max-height:-moz-max-content;max-height:max-content}.max-h-fit{max-height:-moz-fit-content;max-height:fit-content}.size-0{width:0;height:0}.size-1{width:var(--space-1);height:var(--space-1)}.size-2{width:var(--space-2);height:var(--space-2)}.size-3{width:var(--space-3);height:var(--space-3)}.size-4{width:var(--space-4);height:var(--space-4)}.size-5{width:var(--space-5);height:var(--space-5)}.size-6{width:var(--space-6);height:var(--space-6)}.size-7{width:var(--space-7);height:var(--space-7)}.size-8{width:var(--space-8);height:var(--space-8)}.size-9{width:var(--space-9);height:var(--space-9)}.size-10{width:var(--space-10);height:var(--space-10)}.size-11{width:var(--space-11);height:var(--space-11)}.size-12{width:var(--space-12);height:var(--space-12)}.size-14{width:var(--space-14);height:var(--space-14)}.size-16{width:var(--space-16);height:var(--space-16)}.size-20{width:var(--space-20);height:var(--space-20)}.size-24{width:var(--space-24);height:var(--space-24)}.size-full{width:100%;height:100%}.font-sans{font-family:var(--font-sans)}.font-mono{font-family:var(--font-mono)}.font-heading{font-family:var(--font-heading)}.font-display{font-family:var(--font-display)}.text-2xs{font-size:var(--text-2xs);line-height:var(--leading-tight)}.text-xs{font-size:var(--text-xs);line-height:var(--leading-normal)}.text-sm{font-size:var(--text-sm);line-height:var(--leading-normal)}.text-base{font-size:var(--text-base);line-height:var(--leading-normal)}.text-lg{font-size:var(--text-lg);line-height:var(--leading-relaxed)}.text-xl{font-size:var(--text-xl);line-height:var(--leading-relaxed)}.text-2xl{font-size:var(--text-2xl);line-height:var(--leading-snug)}.text-3xl{font-size:var(--text-3xl);line-height:var(--leading-snug)}.text-4xl{font-size:var(--text-4xl);line-height:var(--leading-tight)}.text-5xl{font-size:var(--text-5xl);line-height:var(--leading-tight)}.text-6xl{font-size:var(--text-6xl);line-height:var(--leading-none)}.text-7xl{font-size:var(--text-7xl);line-height:var(--leading-none)}.text-8xl{font-size:var(--text-8xl);line-height:var(--leading-none)}.text-9xl{font-size:var(--text-9xl);line-height:var(--leading-none)}.font-thin{font-weight:var(--font-thin)}.font-extralight{font-weight:var(--font-extralight)}.font-light{font-weight:var(--font-light)}.font-normal{font-weight:var(--font-normal)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.font-extrabold{font-weight:var(--font-extrabold)}.font-black{font-weight:var(--font-black)}.italic{font-style:italic}.not-italic{font-style:normal}.text-justify{text-align:justify}.text-end{text-align:end}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-muted{color:var(--text-muted)}.text-disabled{color:var(--text-disabled)}.text-inverse{color:var(--text-inverse)}.text-link{color:var(--text-link)}.text-brand{color:var(--color-primary)}.text-brand-light{color:var(--color-primary-light)}.text-brand-dark{color:var(--color-primary-dark)}.text-brand-50{color:var(--color-primary-50)}.text-brand-100{color:var(--color-primary-100)}.text-brand-200{color:var(--color-primary-200)}.text-brand-300{color:var(--color-primary-300)}.text-brand-400{color:var(--color-primary-400)}.text-brand-500{color:var(--color-primary-500)}.text-brand-600{color:var(--color-primary-600)}.text-brand-700{color:var(--color-primary-700)}.text-brand-800{color:var(--color-primary-800)}.text-brand-900{color:var(--color-primary-900)}.text-success{color:var(--color-success)}.text-success-dark{color:var(--color-success-dark)}.text-warning{color:var(--color-warning)}.text-warning-dark{color:var(--color-warning-dark)}.text-error{color:var(--color-error)}.text-error-dark{color:var(--color-error-dark)}.text-info{color:var(--color-info)}.text-info-dark{color:var(--color-info-dark)}.text-white{color:var(--color-white)}.text-black{color:var(--color-black)}.text-gray-50{color:var(--color-gray-50)}.text-gray-100{color:var(--color-gray-100)}.text-gray-200{color:var(--color-gray-200)}.text-gray-300{color:var(--color-gray-300)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-gray-900{color:var(--color-gray-900)}.text-gray-950{color:var(--color-gray-950)}.text-gradient{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-hero{background:var(--gradient-hero);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-secondary{background:var(--gradient-secondary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-ocean{background:var(--gradient-ocean);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.leading-3{line-height:var(--leading-3)}.leading-4{line-height:var(--leading-4)}.leading-5{line-height:var(--leading-5)}.leading-6{line-height:var(--leading-6)}.leading-7{line-height:var(--leading-7)}.leading-8{line-height:var(--leading-8)}.leading-9{line-height:var(--leading-9)}.leading-10{line-height:var(--leading-10)}.leading-none{line-height:var(--leading-none)}.leading-tight{line-height:var(--leading-tight)}.leading-snug{line-height:var(--leading-snug)}.leading-normal{line-height:var(--leading-normal)}.leading-relaxed{line-height:var(--leading-relaxed)}.leading-loose{line-height:var(--leading-loose)}.tracking-tighter{letter-spacing:var(--tracking-tighter)}.tracking-tight{letter-spacing:var(--tracking-tight)}.tracking-normal{letter-spacing:var(--tracking-normal)}.tracking-wide{letter-spacing:var(--tracking-wide)}.tracking-wider{letter-spacing:var(--tracking-wider)}.tracking-widest{letter-spacing:var(--tracking-widest)}.normal-case{text-transform:none}.underline{text-decoration:underline}.overline{text-decoration:overline}.line-through{text-decoration:line-through}.no-underline{text-decoration:none}.decoration-solid{text-decoration-style:solid}.decoration-double{text-decoration-style:double}.decoration-dotted{text-decoration-style:dotted}.decoration-dashed{text-decoration-style:dashed}.decoration-wavy{text-decoration-style:wavy}.decoration-auto{text-decoration-thickness:auto}.decoration-from-font{text-decoration-thickness:from-font}.decoration-0{text-decoration-thickness:0px}.decoration-1{text-decoration-thickness:1px}.decoration-2{text-decoration-thickness:2px}.decoration-4{text-decoration-thickness:4px}.underline-offset-auto{text-underline-offset:auto}.underline-offset-0{text-underline-offset:0px}.underline-offset-1{text-underline-offset:1px}.underline-offset-2{text-underline-offset:2px}.underline-offset-4{text-underline-offset:4px}.underline-offset-8{text-underline-offset:8px}.whitespace-normal{white-space:normal}.whitespace-pre{white-space:pre}.whitespace-pre-line{white-space:pre-line}.whitespace-break-spaces{white-space:break-spaces}.break-normal{word-break:normal;overflow-wrap:normal}.break-keep{word-break:keep-all}.hyphens-none{hyphens:none}.hyphens-manual{hyphens:manual}.hyphens-auto{hyphens:auto}.bg-current{background-color:currentColor}.bg-white{background-color:var(--color-white)}.bg-black{background-color:var(--color-black)}.bg-primary{background-color:var(--bg-primary)}.bg-secondary{background-color:var(--bg-secondary)}.bg-tertiary{background-color:var(--bg-tertiary)}.bg-quaternary{background-color:var(--bg-quaternary)}.bg-inverse{background-color:var(--bg-inverse)}.bg-elevated{background-color:var(--bg-elevated)}.bg-sunken{background-color:var(--bg-sunken)}.bg-overlay{background-color:var(--bg-overlay)}.bg-backdrop{background-color:var(--bg-backdrop)}.bg-brand{background-color:var(--color-primary)}.bg-brand-light{background-color:var(--color-primary-light)}.bg-brand-dark{background-color:var(--color-primary-dark)}.bg-brand-50{background-color:var(--color-primary-50)}.bg-brand-100{background-color:var(--color-primary-100)}.bg-brand-200{background-color:var(--color-primary-200)}.bg-brand-300{background-color:var(--color-primary-300)}.bg-brand-400{background-color:var(--color-primary-400)}.bg-brand-500{background-color:var(--color-primary-500)}.bg-brand-600{background-color:var(--color-primary-600)}.bg-brand-700{background-color:var(--color-primary-700)}.bg-brand-800{background-color:var(--color-primary-800)}.bg-brand-900{background-color:var(--color-primary-900)}.bg-brand-alpha{background-color:var(--color-primary-alpha)}.bg-brand-alpha-20{background-color:var(--color-primary-alpha-20)}.bg-brand-alpha-30{background-color:var(--color-primary-alpha-30)}.bg-cyan{background-color:var(--color-secondary)}.bg-cyan-light{background-color:var(--color-secondary-light)}.bg-cyan-dark{background-color:var(--color-secondary-dark)}.bg-cyan-50{background-color:var(--color-secondary-50)}.bg-cyan-100{background-color:var(--color-secondary-100)}.bg-cyan-500{background-color:var(--color-secondary-500)}.bg-success{background-color:var(--color-success)}.bg-success-light{background-color:var(--color-success-bg)}.bg-success-50{background-color:var(--color-success-50)}.bg-success-alpha{background-color:var(--color-success-alpha)}.bg-warning{background-color:var(--color-warning)}.bg-warning-light{background-color:var(--color-warning-bg)}.bg-warning-50{background-color:var(--color-warning-50)}.bg-warning-alpha{background-color:var(--color-warning-alpha)}.bg-error{background-color:var(--color-error)}.bg-error-light{background-color:var(--color-error-bg)}.bg-error-50{background-color:var(--color-error-50)}.bg-error-alpha{background-color:var(--color-error-alpha)}.bg-info{background-color:var(--color-info)}.bg-info-light{background-color:var(--color-info-bg)}.bg-info-50{background-color:var(--color-info-50)}.bg-info-alpha{background-color:var(--color-info-alpha)}.bg-gray-25{background-color:var(--color-gray-25)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-gray-300{background-color:var(--color-gray-300)}.bg-gray-400{background-color:var(--color-gray-400)}.bg-gray-500{background-color:var(--color-gray-500)}.bg-gray-600{background-color:var(--color-gray-600)}.bg-gray-700{background-color:var(--color-gray-700)}.bg-gray-800{background-color:var(--color-gray-800)}.bg-gray-900{background-color:var(--color-gray-900)}.bg-gray-950{background-color:var(--color-gray-950)}.bg-gradient-primary{background:var(--gradient-primary)}.bg-gradient-primary-hover{background:var(--gradient-primary-hover)}.bg-gradient-primary-vertical{background:var(--gradient-primary-vertical)}.bg-gradient-secondary{background:var(--gradient-secondary)}.bg-gradient-accent{background:var(--gradient-accent)}.bg-gradient-hero{background:var(--gradient-hero)}.bg-gradient-hero-light{background:var(--gradient-hero-light)}.bg-gradient-hero-vibrant{background:var(--gradient-hero-vibrant)}.bg-gradient-ocean{background:var(--gradient-ocean)}.bg-gradient-success{background:var(--gradient-success)}.bg-gradient-warning{background:var(--gradient-warning)}.bg-gradient-error{background:var(--gradient-error)}.bg-gradient-info{background:var(--gradient-info)}.bg-gradient-card{background:var(--gradient-card)}.bg-gradient-card-hover{background:var(--gradient-card-hover)}.bg-gradient-overlay{background:var(--gradient-overlay)}.bg-gradient-glass{background:var(--gradient-glass)}.bg-gradient-mesh{background:var(--gradient-mesh)}.bg-gradient-mesh-light{background:var(--gradient-mesh-light)}.bg-gradient-shimmer{background:var(--gradient-shimmer)}.bg-gradient-to-tr{background-image:linear-gradient(to top right,var(--tw-gradient-stops))}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.bg-gradient-to-bl{background-image:linear-gradient(to bottom left,var(--tw-gradient-stops))}.bg-gradient-to-l{background-image:linear-gradient(to left,var(--tw-gradient-stops))}.bg-gradient-to-tl{background-image:linear-gradient(to top left,var(--tw-gradient-stops))}.bg-bottom{background-position:bottom}.bg-center{background-position:center}.bg-left{background-position:left}.bg-left-bottom{background-position:left bottom}.bg-left-top{background-position:left top}.bg-right{background-position:right}.bg-right-bottom{background-position:right bottom}.bg-right-top{background-position:right top}.bg-top{background-position:top}.bg-auto{background-size:auto}.bg-cover{background-size:cover}.bg-contain{background-size:contain}.bg-repeat{background-repeat:repeat}.bg-no-repeat{background-repeat:no-repeat}.bg-repeat-x{background-repeat:repeat-x}.bg-repeat-y{background-repeat:repeat-y}.bg-repeat-round{background-repeat:round}.bg-repeat-space{background-repeat:space}.bg-fixed{background-attachment:fixed}.bg-local{background-attachment:local}.bg-scroll{background-attachment:scroll}.bg-origin-border{background-origin:border-box}.bg-origin-padding{background-origin:padding-box}.bg-origin-content{background-origin:content-box}.bg-clip-border{background-clip:border-box}.bg-clip-padding{background-clip:padding-box}.bg-clip-content{background-clip:content-box}.border{border-width:1px;border-style:solid;border-color:var(--border-primary)}.border-0{border-width:0}.border-8{border-width:8px}.border-x{border-left-width:1px;border-right-width:1px;border-style:solid;border-color:var(--border-primary)}.border-x-0{border-left-width:0;border-right-width:0}.border-x-2{border-left-width:2px;border-right-width:2px}.border-x-4{border-left-width:4px;border-right-width:4px}.border-y{border-top-width:1px;border-bottom-width:1px;border-style:solid;border-color:var(--border-primary)}.border-y-0{border-top-width:0;border-bottom-width:0}.border-y-2{border-top-width:2px;border-bottom-width:2px}.border-y-4{border-top-width:4px;border-bottom-width:4px}.border-t{border-top-width:1px;border-top-style:solid;border-top-color:var(--border-primary)}.border-t-0{border-top-width:0}.border-t-2{border-top-width:2px}.border-t-4{border-top-width:4px}.border-r{border-right-width:1px;border-right-style:solid;border-right-color:var(--border-primary)}.border-r-0{border-right-width:0}.border-r-2{border-right-width:2px}.border-r-4{border-right-width:4px}.border-b{border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:var(--border-primary)}.border-b-0{border-bottom-width:0}.border-b-2{border-bottom-width:2px}.border-b-4{border-bottom-width:4px}.border-l{border-left-width:1px;border-left-style:solid;border-left-color:var(--border-primary)}.border-l-0{border-left-width:0}.border-l-2{border-left-width:2px}.border-l-4{border-left-width:4px}.border-transparent{border-color:transparent}.border-white{border-color:var(--color-white)}.border-black{border-color:var(--color-black)}.border-primary{border-color:var(--border-primary)}.border-secondary{border-color:var(--border-secondary)}.border-tertiary{border-color:var(--border-tertiary)}.border-focus{border-color:var(--border-focus)}.border-hover{border-color:var(--border-hover)}.border-brand{border-color:var(--color-primary)}.border-brand-light{border-color:var(--color-primary-light)}.border-brand-dark{border-color:var(--color-primary-dark)}.border-brand-50{border-color:var(--color-primary-50)}.border-brand-100{border-color:var(--color-primary-100)}.border-brand-200{border-color:var(--color-primary-200)}.border-brand-300{border-color:var(--color-primary-300)}.border-brand-400{border-color:var(--color-primary-400)}.border-brand-500{border-color:var(--color-primary-500)}.border-brand-600{border-color:var(--color-primary-600)}.border-brand-700{border-color:var(--color-primary-700)}.border-success{border-color:var(--color-success)}.border-success-light{border-color:var(--color-success-light)}.border-warning{border-color:var(--color-warning)}.border-warning-light{border-color:var(--color-warning-light)}.border-error{border-color:var(--color-error)}.border-error-light{border-color:var(--color-error-light)}.border-info{border-color:var(--color-info)}.border-info-light{border-color:var(--color-info-light)}.border-gray-50{border-color:var(--color-gray-50)}.border-gray-100{border-color:var(--color-gray-100)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-gray-400{border-color:var(--color-gray-400)}.border-gray-500{border-color:var(--color-gray-500)}.border-gray-600{border-color:var(--color-gray-600)}.border-gray-700{border-color:var(--color-gray-700)}.border-gray-800{border-color:var(--color-gray-800)}.border-gray-900{border-color:var(--color-gray-900)}.border-solid{border-style:solid}.border-dotted{border-style:dotted}.border-double{border-style:double}.border-hidden{border-style:hidden}.border-none{border-style:none}.rounded-none{border-radius:var(--radius-none)}.rounded-xs{border-radius:var(--radius-xs)}.rounded-sm{border-radius:var(--radius-sm)}.rounded,.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-4xl{border-radius:var(--radius-4xl)}.rounded-full{border-radius:var(--radius-full)}.rounded-t-none{border-top-left-radius:0;border-top-right-radius:0}.rounded-t,.rounded-t-md{border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md)}.rounded-t-lg{border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg)}.rounded-t-xl{border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl)}.rounded-t-2xl{border-top-left-radius:var(--radius-2xl);border-top-right-radius:var(--radius-2xl)}.rounded-t-3xl{border-top-left-radius:var(--radius-3xl);border-top-right-radius:var(--radius-3xl)}.rounded-t-full{border-top-left-radius:var(--radius-full);border-top-right-radius:var(--radius-full)}.rounded-r-none{border-top-right-radius:0;border-bottom-right-radius:0}.rounded-r,.rounded-r-md{border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.rounded-r-lg{border-top-right-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg)}.rounded-r-xl{border-top-right-radius:var(--radius-xl);border-bottom-right-radius:var(--radius-xl)}.rounded-r-2xl{border-top-right-radius:var(--radius-2xl);border-bottom-right-radius:var(--radius-2xl)}.rounded-r-full{border-top-right-radius:var(--radius-full);border-bottom-right-radius:var(--radius-full)}.rounded-b-none{border-bottom-left-radius:0;border-bottom-right-radius:0}.rounded-b,.rounded-b-md{border-bottom-left-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.rounded-b-lg{border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg)}.rounded-b-xl{border-bottom-left-radius:var(--radius-xl);border-bottom-right-radius:var(--radius-xl)}.rounded-b-2xl{border-bottom-left-radius:var(--radius-2xl);border-bottom-right-radius:var(--radius-2xl)}.rounded-b-full{border-bottom-left-radius:var(--radius-full);border-bottom-right-radius:var(--radius-full)}.rounded-l-none{border-top-left-radius:0;border-bottom-left-radius:0}.rounded-l,.rounded-l-md{border-top-left-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md)}.rounded-l-lg{border-top-left-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-lg)}.rounded-l-xl{border-top-left-radius:var(--radius-xl);border-bottom-left-radius:var(--radius-xl)}.rounded-l-2xl{border-top-left-radius:var(--radius-2xl);border-bottom-left-radius:var(--radius-2xl)}.rounded-l-full{border-top-left-radius:var(--radius-full);border-bottom-left-radius:var(--radius-full)}.rounded-tl-none{border-top-left-radius:0}.rounded-tl{border-top-left-radius:var(--radius-md)}.rounded-tl-lg{border-top-left-radius:var(--radius-lg)}.rounded-tl-xl{border-top-left-radius:var(--radius-xl)}.rounded-tl-full{border-top-left-radius:var(--radius-full)}.rounded-tr-none{border-top-right-radius:0}.rounded-tr{border-top-right-radius:var(--radius-md)}.rounded-tr-lg{border-top-right-radius:var(--radius-lg)}.rounded-tr-xl{border-top-right-radius:var(--radius-xl)}.rounded-tr-full{border-top-right-radius:var(--radius-full)}.rounded-br-none{border-bottom-right-radius:0}.rounded-br{border-bottom-right-radius:var(--radius-md)}.rounded-br-lg{border-bottom-right-radius:var(--radius-lg)}.rounded-br-xl{border-bottom-right-radius:var(--radius-xl)}.rounded-br-full{border-bottom-right-radius:var(--radius-full)}.rounded-bl-none{border-bottom-left-radius:0}.rounded-bl{border-bottom-left-radius:var(--radius-md)}.rounded-bl-lg{border-bottom-left-radius:var(--radius-lg)}.rounded-bl-xl{border-bottom-left-radius:var(--radius-xl)}.rounded-bl-full{border-bottom-left-radius:var(--radius-full)}.shadow-none{box-shadow:var(--shadow-none)}.shadow-xs{box-shadow:var(--shadow-xs)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow,.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-2xl{box-shadow:var(--shadow-2xl)}.shadow-3xl{box-shadow:var(--shadow-3xl)}.shadow-inner{box-shadow:var(--shadow-inner)}.shadow-primary{box-shadow:var(--shadow-primary)}.shadow-primary-sm{box-shadow:var(--shadow-primary-sm)}.shadow-primary-md{box-shadow:var(--shadow-primary-md)}.shadow-primary-lg{box-shadow:var(--shadow-primary-lg)}.shadow-primary-xl{box-shadow:var(--shadow-primary-xl)}.shadow-secondary{box-shadow:var(--shadow-secondary)}.shadow-success{box-shadow:var(--shadow-success)}.shadow-warning{box-shadow:var(--shadow-warning)}.shadow-error{box-shadow:var(--shadow-error)}.shadow-card{box-shadow:var(--shadow-card)}.shadow-card-hover{box-shadow:var(--shadow-card-hover)}.shadow-dropdown{box-shadow:var(--shadow-dropdown)}.shadow-modal{box-shadow:var(--shadow-modal)}.shadow-floating{box-shadow:var(--shadow-floating)}.glow{box-shadow:var(--glow-primary)}.glow-sm{box-shadow:var(--glow-primary-sm)}.glow-lg{box-shadow:var(--glow-primary-lg)}.glow-primary{box-shadow:var(--glow-primary)}.glow-secondary{box-shadow:var(--glow-secondary)}.glow-success{box-shadow:var(--glow-success)}.glow-warning{box-shadow:var(--glow-warning)}.glow-error{box-shadow:var(--glow-error)}.ring{box-shadow:0 0 0 3px var(--color-primary-alpha-30)}.ring-0{box-shadow:0 0 0 0 var(--color-primary-alpha-30)}.ring-1{box-shadow:0 0 0 1px var(--color-primary-alpha-30)}.ring-2{box-shadow:0 0 0 2px var(--color-primary-alpha-30)}.ring-4{box-shadow:0 0 0 4px var(--color-primary-alpha-30)}.ring-8{box-shadow:0 0 0 8px var(--color-primary-alpha-30)}.ring-primary{box-shadow:0 0 0 3px var(--color-primary-alpha-30)}.ring-secondary{box-shadow:0 0 0 3px var(--color-secondary-alpha-20)}.ring-success{box-shadow:0 0 0 3px var(--color-success-alpha-20)}.ring-warning{box-shadow:0 0 0 3px var(--color-warning-alpha-20)}.ring-error{box-shadow:0 0 0 3px var(--color-error-alpha-20)}.ring-white{box-shadow:0 0 0 3px #ffffff4d}.ring-black{box-shadow:0 0 0 3px #0000001a}.ring-inset{--tw-ring-inset: inset}.ring-offset-0{--tw-ring-offset-width: 0px}.ring-offset-1{--tw-ring-offset-width: 1px}.ring-offset-2{--tw-ring-offset-width: 2px}.ring-offset-4{--tw-ring-offset-width: 4px}.ring-offset-8{--tw-ring-offset-width: 8px}.inset-px{inset:1px}.inset-0-5{inset:var(--space-0-5)}.inset-1{inset:var(--space-1)}.inset-2{inset:var(--space-2)}.inset-3{inset:var(--space-3)}.inset-4{inset:var(--space-4)}.inset-auto{inset:auto}.inset-x-0{left:0;right:0}.inset-x-auto{left:auto;right:auto}.inset-y-0{top:0;bottom:0}.inset-y-auto{top:auto;bottom:auto}.top-px{top:1px}.top-0-5{top:var(--space-0-5)}.top-1{top:var(--space-1)}.top-1-5{top:var(--space-1-5)}.top-2{top:var(--space-2)}.top-2-5{top:var(--space-2-5)}.top-3{top:var(--space-3)}.top-4{top:var(--space-4)}.top-5{top:var(--space-5)}.top-6{top:var(--space-6)}.top-8{top:var(--space-8)}.top-10{top:var(--space-10)}.top-12{top:var(--space-12)}.top-16{top:var(--space-16)}.top-20{top:var(--space-20)}.top-auto{top:auto}.top-2\/3{top:66.666667%}.top-1\/4{top:25%}.top-3\/4{top:75%}.-top-px{top:-1px}.-top-0-5{top:calc(-1 * var(--space-0-5))}.-top-1{top:calc(-1 * var(--space-1))}.-top-2{top:calc(-1 * var(--space-2))}.-top-3{top:calc(-1 * var(--space-3))}.-top-4{top:calc(-1 * var(--space-4))}.-top-6{top:calc(-1 * var(--space-6))}.-top-8{top:calc(-1 * var(--space-8))}.right-px{right:1px}.right-0-5{right:var(--space-0-5)}.right-1{right:var(--space-1)}.right-1-5{right:var(--space-1-5)}.right-2{right:var(--space-2)}.right-2-5{right:var(--space-2-5)}.right-3{right:var(--space-3)}.right-4{right:var(--space-4)}.right-5{right:var(--space-5)}.right-6{right:var(--space-6)}.right-8{right:var(--space-8)}.right-10{right:var(--space-10)}.right-12{right:var(--space-12)}.right-16{right:var(--space-16)}.right-20{right:var(--space-20)}.right-auto{right:auto}.right-full{right:100%}.-right-px{right:-1px}.-right-1{right:calc(-1 * var(--space-1))}.-right-2{right:calc(-1 * var(--space-2))}.-right-3{right:calc(-1 * var(--space-3))}.-right-4{right:calc(-1 * var(--space-4))}.bottom-px{bottom:1px}.bottom-0-5{bottom:var(--space-0-5)}.bottom-1{bottom:var(--space-1)}.bottom-1-5{bottom:var(--space-1-5)}.bottom-2{bottom:var(--space-2)}.bottom-2-5{bottom:var(--space-2-5)}.bottom-3{bottom:var(--space-3)}.bottom-4{bottom:var(--space-4)}.bottom-5{bottom:var(--space-5)}.bottom-6{bottom:var(--space-6)}.bottom-8{bottom:var(--space-8)}.bottom-10{bottom:var(--space-10)}.bottom-12{bottom:var(--space-12)}.bottom-16{bottom:var(--space-16)}.bottom-20{bottom:var(--space-20)}.bottom-auto{bottom:auto}.bottom-full{bottom:100%}.-bottom-px{bottom:-1px}.-bottom-1{bottom:calc(-1 * var(--space-1))}.-bottom-2{bottom:calc(-1 * var(--space-2))}.-bottom-3{bottom:calc(-1 * var(--space-3))}.-bottom-4{bottom:calc(-1 * var(--space-4))}.left-px{left:1px}.left-0-5{left:var(--space-0-5)}.left-1{left:var(--space-1)}.left-1-5{left:var(--space-1-5)}.left-2{left:var(--space-2)}.left-2-5{left:var(--space-2-5)}.left-3{left:var(--space-3)}.left-4{left:var(--space-4)}.left-5{left:var(--space-5)}.left-6{left:var(--space-6)}.left-8{left:var(--space-8)}.left-10{left:var(--space-10)}.left-12{left:var(--space-12)}.left-16{left:var(--space-16)}.left-20{left:var(--space-20)}.left-auto{left:auto}.left-full{left:100%}.-left-px{left:-1px}.-left-1{left:calc(-1 * var(--space-1))}.-left-2{left:calc(-1 * var(--space-2))}.-left-3{left:calc(-1 * var(--space-3))}.-left-4{left:calc(-1 * var(--space-4))}.z-0{z-index:var(--z-0)}.z-10{z-index:var(--z-10)}.z-20{z-index:var(--z-20)}.z-30{z-index:var(--z-30)}.z-40{z-index:var(--z-40)}.z-50{z-index:var(--z-50)}.z-dropdown{z-index:var(--z-dropdown)}.z-sticky{z-index:var(--z-sticky)}.z-fixed{z-index:var(--z-fixed)}.z-sidebar{z-index:var(--z-sidebar)}.z-overlay{z-index:var(--z-overlay)}.z-modal{z-index:var(--z-modal)}.z-popover{z-index:var(--z-popover)}.z-tooltip{z-index:var(--z-tooltip)}.z-toast{z-index:var(--z-toast)}.z-notification{z-index:var(--z-notification)}.z-max{z-index:var(--z-max)}.z-auto{z-index:auto}.-z-10{z-index:-10}.-z-1{z-index:-1}.overflow-clip{overflow:clip}.overflow-visible{overflow:visible}.overflow-scroll{overflow:scroll}.overflow-x-hidden{overflow-x:hidden}.overflow-x-clip{overflow-x:clip}.overflow-x-visible{overflow-x:visible}.overflow-x-scroll{overflow-x:scroll}.overflow-y-hidden{overflow-y:hidden}.overflow-y-clip{overflow-y:clip}.overflow-y-visible{overflow-y:visible}.overflow-y-scroll{overflow-y:scroll}.overscroll-auto{overscroll-behavior:auto}.overscroll-contain{overscroll-behavior:contain}.overscroll-none{overscroll-behavior:none}.overscroll-x-auto{overscroll-behavior-x:auto}.overscroll-x-contain{overscroll-behavior-x:contain}.overscroll-x-none{overscroll-behavior-x:none}.overscroll-y-auto{overscroll-behavior-y:auto}.overscroll-y-contain{overscroll-behavior-y:contain}.overscroll-y-none{overscroll-behavior-y:none}.opacity-10{opacity:.1}.opacity-15{opacity:.15}.opacity-70{opacity:.7}.opacity-95{opacity:.95}.blur-none{filter:blur(0)}.blur-sm{filter:blur(4px)}.blur{filter:blur(8px)}.blur-md{filter:blur(12px)}.blur-lg{filter:blur(16px)}.blur-xl{filter:blur(24px)}.blur-2xl{filter:blur(40px)}.blur-3xl{filter:blur(64px)}.backdrop-blur-none{backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0)}.backdrop-blur-sm{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.backdrop-blur{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.backdrop-blur-md{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.backdrop-blur-lg{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.backdrop-blur-xl{backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.backdrop-blur-2xl{backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px)}.backdrop-blur-3xl{backdrop-filter:blur(64px);-webkit-backdrop-filter:blur(64px)}.brightness-0{filter:brightness(0)}.brightness-50{filter:brightness(.5)}.brightness-75{filter:brightness(.75)}.brightness-90{filter:brightness(.9)}.brightness-95{filter:brightness(.95)}.brightness-100{filter:brightness(1)}.brightness-105{filter:brightness(1.05)}.brightness-110{filter:brightness(1.1)}.brightness-125{filter:brightness(1.25)}.brightness-150{filter:brightness(1.5)}.brightness-200{filter:brightness(2)}.contrast-0{filter:contrast(0)}.contrast-50{filter:contrast(.5)}.contrast-75{filter:contrast(.75)}.contrast-100{filter:contrast(1)}.contrast-125{filter:contrast(1.25)}.contrast-150{filter:contrast(1.5)}.contrast-200{filter:contrast(2)}.saturate-0{filter:saturate(0)}.saturate-50{filter:saturate(.5)}.saturate-100{filter:saturate(1)}.saturate-150{filter:saturate(1.5)}.saturate-200{filter:saturate(2)}.grayscale-0{filter:grayscale(0)}.grayscale{filter:grayscale(100%)}.invert-0{filter:invert(0)}.invert{filter:invert(100%)}.sepia-0{filter:sepia(0)}.sepia{filter:sepia(100%)}.drop-shadow-sm{filter:drop-shadow(0 1px 1px rgba(0,0,0,.05))}.drop-shadow{filter:drop-shadow(0 1px 2px rgba(0,0,0,.1)) drop-shadow(0 1px 1px rgba(0,0,0,.06))}.drop-shadow-md{filter:drop-shadow(0 4px 3px rgba(0,0,0,.07)) drop-shadow(0 2px 2px rgba(0,0,0,.06))}.drop-shadow-lg{filter:drop-shadow(0 10px 8px rgba(0,0,0,.04)) drop-shadow(0 4px 3px rgba(0,0,0,.1))}.drop-shadow-xl{filter:drop-shadow(0 20px 13px rgba(0,0,0,.03)) drop-shadow(0 8px 5px rgba(0,0,0,.08))}.drop-shadow-2xl{filter:drop-shadow(0 25px 25px rgba(0,0,0,.15))}.drop-shadow-none{filter:drop-shadow(0 0 #0000)}.cursor-auto{cursor:auto}.cursor-default{cursor:default}.cursor-wait{cursor:wait}.cursor-text{cursor:text}.cursor-move{cursor:move}.cursor-help{cursor:help}.cursor-not-allowed{cursor:not-allowed}.cursor-none{cursor:none}.cursor-context-menu{cursor:context-menu}.cursor-progress{cursor:progress}.cursor-cell{cursor:cell}.cursor-crosshair{cursor:crosshair}.cursor-vertical-text{cursor:vertical-text}.cursor-alias{cursor:alias}.cursor-copy{cursor:copy}.cursor-no-drop{cursor:no-drop}.cursor-grab{cursor:grab}.cursor-grabbing{cursor:grabbing}.cursor-all-scroll{cursor:all-scroll}.cursor-col-resize{cursor:col-resize}.cursor-row-resize{cursor:row-resize}.cursor-n-resize{cursor:n-resize}.cursor-e-resize{cursor:e-resize}.cursor-s-resize{cursor:s-resize}.cursor-w-resize{cursor:w-resize}.cursor-ne-resize{cursor:ne-resize}.cursor-nw-resize{cursor:nw-resize}.cursor-se-resize{cursor:se-resize}.cursor-sw-resize{cursor:sw-resize}.cursor-ew-resize{cursor:ew-resize}.cursor-ns-resize{cursor:ns-resize}.cursor-nesw-resize{cursor:nesw-resize}.cursor-nwse-resize{cursor:nwse-resize}.cursor-zoom-in{cursor:zoom-in}.cursor-zoom-out{cursor:zoom-out}.select-none{-moz-user-select:none;user-select:none;-webkit-user-select:none}.select-text{-webkit-user-select:text;-moz-user-select:text;user-select:text}.select-all{-webkit-user-select:all;-moz-user-select:all;user-select:all}.select-auto{-webkit-user-select:auto;-moz-user-select:auto;user-select:auto}.invisible{visibility:hidden}.collapse{visibility:collapse}.object-fill{-o-object-fit:fill;object-fit:fill}.object-none{-o-object-fit:none;object-fit:none}.object-scale-down{-o-object-fit:scale-down;object-fit:scale-down}.object-bottom{-o-object-position:bottom;object-position:bottom}.object-center{-o-object-position:center;object-position:center}.object-left{-o-object-position:left;object-position:left}.object-left-bottom{-o-object-position:left bottom;object-position:left bottom}.object-left-top{-o-object-position:left top;object-position:left top}.object-right{-o-object-position:right;object-position:right}.object-right-bottom{-o-object-position:right bottom;object-position:right bottom}.object-right-top{-o-object-position:right top;object-position:right top}.object-top{-o-object-position:top;object-position:top}.aspect-auto{aspect-ratio:auto}.aspect-square{aspect-ratio:1 / 1}.aspect-4\/3{aspect-ratio:4 / 3}.aspect-3\/2{aspect-ratio:3 / 2}.aspect-2\/1{aspect-ratio:2 / 1}.aspect-21\/9{aspect-ratio:21 / 9}.aspect-portrait{aspect-ratio:3 / 4}.aspect-golden{aspect-ratio:1.618 / 1}.rotate-0{transform:rotate(0)}.rotate-1{transform:rotate(1deg)}.rotate-2{transform:rotate(2deg)}.rotate-3{transform:rotate(3deg)}.rotate-6{transform:rotate(6deg)}.rotate-12{transform:rotate(12deg)}.rotate-45{transform:rotate(45deg)}.rotate-90{transform:rotate(90deg)}.rotate-180{transform:rotate(180deg)}.-rotate-1{transform:rotate(-1deg)}.-rotate-2{transform:rotate(-2deg)}.-rotate-3{transform:rotate(-3deg)}.-rotate-6{transform:rotate(-6deg)}.-rotate-12{transform:rotate(-12deg)}.-rotate-45{transform:rotate(-45deg)}.-rotate-90{transform:rotate(-90deg)}.-rotate-180{transform:rotate(-180deg)}.scale-0{transform:scale(0)}.scale-50{transform:scale(.5)}.scale-75{transform:scale(.75)}.scale-90{transform:scale(.9)}.scale-95{transform:scale(.95)}.scale-100{transform:scale(1)}.scale-105{transform:scale(1.05)}.scale-110{transform:scale(1.1)}.scale-125{transform:scale(1.25)}.scale-150{transform:scale(1.5)}.scale-x-0{transform:scaleX(0)}.scale-x-50{transform:scaleX(.5)}.scale-x-75{transform:scaleX(.75)}.scale-x-100{transform:scaleX(1)}.scale-x-125{transform:scaleX(1.25)}.scale-x-150{transform:scaleX(1.5)}.scale-y-0{transform:scaleY(0)}.scale-y-50{transform:scaleY(.5)}.scale-y-75{transform:scaleY(.75)}.scale-y-100{transform:scaleY(1)}.scale-y-125{transform:scaleY(1.25)}.scale-y-150{transform:scaleY(1.5)}.translate-x-0{transform:translate(0)}.translate-x-px{transform:translate(1px)}.translate-x-0-5{transform:translate(var(--space-0-5))}.translate-x-1{transform:translate(var(--space-1))}.translate-x-2{transform:translate(var(--space-2))}.translate-x-3{transform:translate(var(--space-3))}.translate-x-4{transform:translate(var(--space-4))}.translate-x-5{transform:translate(var(--space-5))}.translate-x-6{transform:translate(var(--space-6))}.translate-x-8{transform:translate(var(--space-8))}.translate-x-10{transform:translate(var(--space-10))}.translate-x-12{transform:translate(var(--space-12))}.translate-x-1\/2{transform:translate(50%)}.translate-x-1\/3{transform:translate(33.333333%)}.translate-x-2\/3{transform:translate(66.666667%)}.translate-x-1\/4{transform:translate(25%)}.translate-x-3\/4{transform:translate(75%)}.translate-x-full{transform:translate(100%)}.-translate-x-px{transform:translate(-1px)}.-translate-x-0-5{transform:translate(calc(-1 * var(--space-0-5)))}.-translate-x-1{transform:translate(calc(-1 * var(--space-1)))}.-translate-x-2{transform:translate(calc(-1 * var(--space-2)))}.-translate-x-3{transform:translate(calc(-1 * var(--space-3)))}.-translate-x-4{transform:translate(calc(-1 * var(--space-4)))}.-translate-x-1\/2{transform:translate(-50%)}.-translate-x-1\/3{transform:translate(-33.333333%)}.-translate-x-1\/4{transform:translate(-25%)}.-translate-x-full{transform:translate(-100%)}.translate-y-0{transform:translateY(0)}.translate-y-px{transform:translateY(1px)}.translate-y-0-5{transform:translateY(var(--space-0-5))}.translate-y-1{transform:translateY(var(--space-1))}.translate-y-2{transform:translateY(var(--space-2))}.translate-y-3{transform:translateY(var(--space-3))}.translate-y-4{transform:translateY(var(--space-4))}.translate-y-5{transform:translateY(var(--space-5))}.translate-y-6{transform:translateY(var(--space-6))}.translate-y-8{transform:translateY(var(--space-8))}.translate-y-10{transform:translateY(var(--space-10))}.translate-y-12{transform:translateY(var(--space-12))}.translate-y-1\/2{transform:translateY(50%)}.translate-y-1\/3{transform:translateY(33.333333%)}.translate-y-1\/4{transform:translateY(25%)}.translate-y-full{transform:translateY(100%)}.-translate-y-px{transform:translateY(-1px)}.-translate-y-0-5{transform:translateY(calc(-1 * var(--space-0-5)))}.-translate-y-1{transform:translateY(calc(-1 * var(--space-1)))}.-translate-y-2{transform:translateY(calc(-1 * var(--space-2)))}.-translate-y-3{transform:translateY(calc(-1 * var(--space-3)))}.-translate-y-4{transform:translateY(calc(-1 * var(--space-4)))}.-translate-y-1\/2{transform:translateY(-50%)}.-translate-y-1\/3{transform:translateY(-33.333333%)}.-translate-y-1\/4{transform:translateY(-25%)}.-translate-y-full{transform:translateY(-100%)}.skew-x-0{transform:skew(0)}.skew-x-1{transform:skew(1deg)}.skew-x-2{transform:skew(2deg)}.skew-x-3{transform:skew(3deg)}.skew-x-6{transform:skew(6deg)}.skew-x-12{transform:skew(12deg)}.-skew-x-1{transform:skew(-1deg)}.-skew-x-2{transform:skew(-2deg)}.-skew-x-3{transform:skew(-3deg)}.-skew-x-6{transform:skew(-6deg)}.-skew-x-12{transform:skew(-12deg)}.skew-y-0{transform:skewY(0)}.skew-y-1{transform:skewY(1deg)}.skew-y-2{transform:skewY(2deg)}.skew-y-3{transform:skewY(3deg)}.skew-y-6{transform:skewY(6deg)}.skew-y-12{transform:skewY(12deg)}.-skew-y-1{transform:skewY(-1deg)}.-skew-y-2{transform:skewY(-2deg)}.-skew-y-3{transform:skewY(-3deg)}.-skew-y-6{transform:skewY(-6deg)}.-skew-y-12{transform:skewY(-12deg)}.origin-center{transform-origin:center}.origin-top{transform-origin:top}.origin-top-right{transform-origin:top right}.origin-right{transform-origin:right}.origin-bottom-right{transform-origin:bottom right}.origin-bottom{transform-origin:bottom}.origin-bottom-left{transform-origin:bottom left}.origin-left{transform-origin:left}.origin-top-left{transform-origin:top left}.transition-none{transition-property:none}.transition-all{transition-property:all;transition-timing-function:var(--ease-in-out);transition-duration:var(--transition-normal)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:var(--ease-in-out);transition-duration:var(--transition-normal)}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:var(--ease-in-out);transition-duration:var(--transition-normal)}.transition-opacity{transition-property:opacity;transition-timing-function:var(--ease-in-out);transition-duration:var(--transition-normal)}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--ease-in-out);transition-duration:var(--transition-normal)}.transition-transform{transition-property:transform;transition-timing-function:var(--ease-in-out);transition-duration:var(--transition-normal)}.duration-0{transition-duration:0ms}.duration-75{transition-duration:var(--duration-75)}.duration-100{transition-duration:var(--duration-100)}.duration-150{transition-duration:var(--duration-150)}.duration-200{transition-duration:var(--duration-200)}.duration-300{transition-duration:var(--duration-300)}.duration-500{transition-duration:var(--duration-500)}.duration-700{transition-duration:var(--duration-700)}.duration-1000{transition-duration:var(--duration-1000)}.ease-linear{transition-timing-function:var(--ease-linear)}.ease-in{transition-timing-function:var(--ease-in)}.ease-out{transition-timing-function:var(--ease-out)}.ease-in-out{transition-timing-function:var(--ease-in-out)}.ease-bounce{transition-timing-function:var(--ease-bounce)}.ease-elastic{transition-timing-function:var(--ease-elastic)}.ease-spring{transition-timing-function:var(--ease-spring)}.ease-smooth{transition-timing-function:var(--ease-smooth)}.delay-0{transition-delay:0ms}.delay-75{transition-delay:75ms}.delay-100{transition-delay:.1s}.delay-150{transition-delay:.15s}.delay-200{transition-delay:.2s}.delay-300{transition-delay:.3s}.delay-500{transition-delay:.5s}.delay-700{transition-delay:.7s}.delay-1000{transition-delay:1s}.animate-none{animation:none}.animate-bounce{animation:bounce 1s infinite}.animate-fade-in{animation:fadeIn var(--transition-slow) var(--ease-out)}.animate-fade-in-up{animation:fadeInUp var(--transition-slow) var(--ease-out)}.animate-fade-in-down{animation:fadeInDown var(--transition-slow) var(--ease-out)}.animate-slide-in-left{animation:slideInLeft var(--transition-slow) var(--ease-out)}.animate-slide-in-right{animation:slideInRight var(--transition-slow) var(--ease-out)}.animate-scale-in{animation:scaleIn var(--transition-slow) var(--ease-out)}.animate-float{animation:float 3s var(--ease-in-out) infinite}.animate-shimmer{animation:shimmer 2s infinite linear}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:translateY(0);animation-timing-function:cubic-bezier(0,0,.2,1)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.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}.stagger-7{animation-delay:.7s}.stagger-8{animation-delay:.8s}.touch-auto{touch-action:auto}.touch-none{touch-action:none}.touch-pan-x{touch-action:pan-x}.touch-pan-left{touch-action:pan-left}.touch-pan-right{touch-action:pan-right}.touch-pan-y{touch-action:pan-y}.touch-pan-up{touch-action:pan-up}.touch-pan-down{touch-action:pan-down}.touch-pinch-zoom{touch-action:pinch-zoom}.touch-manipulation{touch-action:manipulation}.resize-y{resize:vertical}.resize-x{resize:horizontal}.scroll-auto{scroll-behavior:auto}.snap-start{scroll-snap-align:start}.snap-end{scroll-snap-align:end}.snap-center{scroll-snap-align:center}.snap-align-none{scroll-snap-align:none}.snap-normal{scroll-snap-stop:normal}.snap-always{scroll-snap-stop:always}.snap-none{scroll-snap-type:none}.snap-x{scroll-snap-type:x var(--tw-scroll-snap-strictness)}.snap-y{scroll-snap-type:y var(--tw-scroll-snap-strictness)}.snap-both{scroll-snap-type:both var(--tw-scroll-snap-strictness)}.snap-mandatory{--tw-scroll-snap-strictness: mandatory}.snap-proximity{--tw-scroll-snap-strictness: proximity}.will-change-auto{will-change:auto}.will-change-scroll{will-change:scroll-position}.will-change-contents{will-change:contents}.will-change-transform{will-change:transform}.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-light{background:var(--glass-bg-light);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border-light)}.glass-dark{background:var(--glass-bg-dark);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border)}.glass-primary{background:var(--glass-bg-primary);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--color-primary-alpha-20)}.gradient-border{position:relative;background:var(--bg-primary)}.gradient-border:before{content:"";position:absolute;inset:0;padding:2px;background:var(--gradient-primary);border-radius:inherit;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:xor;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;pointer-events:none}.gradient-border-2:before{padding:2px}.gradient-border-3:before{padding:3px}.gradient-border-4:before{padding:4px}.hover-lift{transition:transform var(--transition-normal) var(--ease-out),box-shadow var(--transition-normal) var(--ease-out)}.hover-lift:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.hover-scale{transition:transform var(--transition-normal) var(--ease-out)}.hover-scale:hover{transform:scale(1.02)}.hover-scale-sm{transition:transform var(--transition-normal) var(--ease-out)}.hover-scale-sm:hover{transform:scale(1.01)}.hover-scale-lg{transition:transform var(--transition-normal) var(--ease-out)}.hover-scale-lg:hover{transform:scale(1.05)}.hover-glow{transition:box-shadow var(--transition-normal) var(--ease-out)}.hover-glow:hover{box-shadow:var(--glow-primary)}.hover-glow-lg{transition:box-shadow var(--transition-normal) var(--ease-out)}.hover-glow-lg:hover{box-shadow:var(--glow-primary-lg)}.hover-brightness{transition:filter var(--transition-normal) var(--ease-out)}.hover-brightness:hover{filter:brightness(1.1)}.active-scale:active{transform:scale(.98)}.active-brightness:active{filter:brightness(.95)}.container-sm{max-width:640px}.container-md{max-width:768px}.container-lg{max-width:1024px}.container-xl{max-width:1280px}.container-2xl{max-width:1536px}.container-full{max-width:100%}.container-prose{max-width:65ch}.outline-dashed{outline-style:dashed}.outline-dotted{outline-style:dotted}.outline-double{outline-style:double}.outline-0{outline-width:0px}.outline-1{outline-width:1px}.outline-2{outline-width:2px}.outline-4{outline-width:4px}.outline-8{outline-width:8px}.outline-offset-0{outline-offset:0px}.outline-offset-1{outline-offset:1px}.outline-offset-2{outline-offset:2px}.outline-offset-4{outline-offset:4px}.outline-offset-8{outline-offset:8px}.outline-primary{outline-color:var(--color-primary)}.outline-secondary{outline-color:var(--color-secondary)}.outline-success{outline-color:var(--color-success)}.outline-warning{outline-color:var(--color-warning)}.outline-error{outline-color:var(--color-error)}.outline-white{outline-color:var(--color-white)}.outline-black{outline-color:var(--color-black)}.divide-x>*+*{border-left-width:1px;border-left-style:solid;border-left-color:var(--border-primary)}.divide-x-0>*+*{border-left-width:0}.divide-x-2>*+*{border-left-width:2px}.divide-x-4>*+*{border-left-width:4px}.divide-y>*+*{border-top-width:1px;border-top-style:solid;border-top-color:var(--border-primary)}.divide-y-0>*+*{border-top-width:0}.divide-y-2>*+*{border-top-width:2px}.divide-y-4>*+*{border-top-width:4px}.divide-primary>*+*{border-color:var(--border-primary)}.divide-secondary>*+*{border-color:var(--border-secondary)}.divide-brand>*+*{border-color:var(--color-primary-200)}.divide-solid>*+*{border-style:solid}.divide-dashed>*+*{border-style:dashed}.divide-dotted>*+*{border-style:dotted}.divide-none>*+*{border-style:none}.space-x-0>*+*{margin-left:0}.space-x-1>*+*{margin-left:var(--space-1)}.space-x-2>*+*{margin-left:var(--space-2)}.space-x-3>*+*{margin-left:var(--space-3)}.space-x-4>*+*{margin-left:var(--space-4)}.space-x-5>*+*{margin-left:var(--space-5)}.space-x-6>*+*{margin-left:var(--space-6)}.space-x-8>*+*{margin-left:var(--space-8)}.space-x-10>*+*{margin-left:var(--space-10)}.space-y-0>*+*{margin-top:0}.space-y-1>*+*{margin-top:var(--space-1)}.space-y-2>*+*{margin-top:var(--space-2)}.space-y-3>*+*{margin-top:var(--space-3)}.space-y-4>*+*{margin-top:var(--space-4)}.space-y-5>*+*{margin-top:var(--space-5)}.space-y-6>*+*{margin-top:var(--space-6)}.space-y-8>*+*{margin-top:var(--space-8)}.space-y-10>*+*{margin-top:var(--space-10)}.-space-x-1>*+*{margin-left:calc(-1 * var(--space-1))}.-space-x-2>*+*{margin-left:calc(-1 * var(--space-2))}.-space-x-3>*+*{margin-left:calc(-1 * var(--space-3))}.-space-x-4>*+*{margin-left:calc(-1 * var(--space-4))}.-space-y-1>*+*{margin-top:calc(-1 * var(--space-1))}.-space-y-2>*+*{margin-top:calc(-1 * var(--space-2))}.-space-y-3>*+*{margin-top:calc(-1 * var(--space-3))}.-space-y-4>*+*{margin-top:calc(-1 * var(--space-4))}.space-x-reverse>*+*{margin-right:0;margin-left:0}.space-y-reverse>*+*{margin-bottom:0;margin-top:0}@media (max-width: 639px){.sm\:hidden{display:none!important}.sm\:block{display:block!important}.sm\:flex{display:flex!important}}@media (min-width: 640px) and (max-width: 767px){.sm-only\:hidden{display:none!important}}@media (max-width: 767px){.md\:hidden{display:none!important}.md\:block{display:block!important}.md\:flex{display:flex!important}}@media (min-width: 768px) and (max-width: 1023px){.md-only\:hidden{display:none!important}}@media (max-width: 1023px){.lg\:hidden{display:none!important}.lg\:block{display:block!important}.lg\:flex{display:flex!important}}@media (min-width: 1024px) and (max-width: 1279px){.lg-only\:hidden{display:none!important}}@media (max-width: 1279px){.xl\:hidden{display:none!important}.xl\:block{display:block!important}.xl\:flex{display:flex!important}}@media (min-width: 1280px){.xl-up\:hidden{display:none!important}.xl-up\:block{display:block!important}}.hidden-mobile{display:none}.hidden-tablet,.hidden-desktop{display:block}@media (min-width: 640px){.hidden-mobile{display:block}}@media (min-width: 768px){.hidden-tablet{display:none}}@media (min-width: 1024px){.hidden-desktop{display:none}}.show-sm-only{display:none}@media (max-width: 639px){.show-sm-only{display:block}}.show-md-only{display:none}@media (min-width: 640px) and (max-width: 1023px){.show-md-only{display:block}}.show-lg-only{display:none}@media (min-width: 1024px){.show-lg-only{display:block}}.container{width:100%;margin-left:auto;margin-right:auto;padding-left:var(--content-padding);padding-right:var(--content-padding)}.container-fluid{width:100%;padding-left:var(--content-padding);padding-right:var(--content-padding)}.container-xs{max-width:480px;margin-left:auto;margin-right:auto}.container-sm{max-width:640px;margin-left:auto;margin-right:auto}.container-md{max-width:768px;margin-left:auto;margin-right:auto}.container-lg{max-width:1024px;margin-left:auto;margin-right:auto}.container-xl{max-width:1280px;margin-left:auto;margin-right:auto}.container-2xl{max-width:1536px;margin-left:auto;margin-right:auto}.container-prose{max-width:65ch;margin-left:auto;margin-right:auto}@media (max-width: 767px){:root{--content-padding: var(--space-4);--card-padding: var(--space-4);--header-height: 60px}}@media (max-width: 479px){:root{--content-padding: var(--space-3);--card-padding: var(--space-3)}}.hidden{display:none!important}.block{display:block!important}.inline-block{display:inline-block!important}.inline{display:inline!important}.flex{display:flex!important}.inline-flex{display:inline-flex!important}.grid{display:grid!important}@media (max-width: 479px){.xs\:hidden{display:none!important}.xs\:block{display:block!important}.xs\:flex{display:flex!important}.xs\:grid{display:grid!important}}@media (min-width: 480px){.sm\:hidden{display:none!important}.sm\:block{display:block!important}.sm\:flex{display:flex!important}.sm\:grid{display:grid!important}}@media (min-width: 640px){.md\:hidden{display:none!important}.md\:block{display:block!important}.md\:flex{display:flex!important}.md\:grid{display:grid!important}}@media (min-width: 768px){.lg\:hidden{display:none!important}.lg\:block{display:block!important}.lg\:flex{display:flex!important}.lg\:grid{display:grid!important}}@media (min-width: 1024px){.xl\:hidden{display:none!important}.xl\:block{display:block!important}.xl\:flex{display:flex!important}.xl\:grid{display:grid!important}}@media (min-width: 1280px){.\32xl\:hidden{display:none!important}.\32xl\:block{display:block!important}.\32xl\:flex{display:flex!important}.\32xl\:grid{display:grid!important}}@media (max-width: 639px){.sm-down\:hidden{display:none!important}.sm-down\:block{display:block!important}.sm-down\:flex{display:flex!important}}@media (max-width: 767px){.md-down\:hidden{display:none!important}.md-down\:block{display:block!important}.md-down\:flex{display:flex!important}}@media (max-width: 1023px){.lg-down\:hidden{display:none!important}.lg-down\:block{display:block!important}.lg-down\:flex{display:flex!important}}@media (max-width: 1279px){.xl-down\:hidden{display:none!important}.xl-down\:block{display:block!important}.xl-down\:flex{display:flex!important}}@media (max-width: 767px){.md-down\:flex-col{flex-direction:column!important}.md-down\:flex-col-reverse{flex-direction:column-reverse!important}.md-down\:flex-row{flex-direction:row!important}.md-down\:flex-wrap{flex-wrap:wrap!important}.md-down\:flex-nowrap{flex-wrap:nowrap!important}.md-down\:justify-start{justify-content:flex-start!important}.md-down\:justify-center{justify-content:center!important}.md-down\:justify-end{justify-content:flex-end!important}.md-down\:justify-between{justify-content:space-between!important}.md-down\:items-start{align-items:flex-start!important}.md-down\:items-center{align-items:center!important}.md-down\:items-end{align-items:flex-end!important}.md-down\:items-stretch{align-items:stretch!important}}@media (min-width: 768px){.lg\:flex-row{flex-direction:row!important}.lg\:flex-col{flex-direction:column!important}.lg\:flex-row-reverse{flex-direction:row-reverse!important}.lg\:flex-col-reverse{flex-direction:column-reverse!important}.lg\:justify-start{justify-content:flex-start!important}.lg\:justify-center{justify-content:center!important}.lg\:justify-end{justify-content:flex-end!important}.lg\:justify-between{justify-content:space-between!important}.lg\:items-start{align-items:flex-start!important}.lg\:items-center{align-items:center!important}.lg\:items-end{align-items:flex-end!important}}@media (min-width: 1024px){.xl\:flex-row{flex-direction:row!important}.xl\:flex-col{flex-direction:column!important}}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}@media (min-width: 480px){.sm\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width: 640px){.md\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (min-width: 768px){.lg\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (min-width: 1024px){.xl\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.xl\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (min-width: 1280px){.\32xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.\32xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.\32xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.\32xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.\32xl\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (max-width: 767px){.md-down\:gap-2{gap:var(--space-2)!important}.md-down\:gap-3{gap:var(--space-3)!important}.md-down\:gap-4{gap:var(--space-4)!important}.md-down\:gap-6{gap:var(--space-6)!important}}@media (min-width: 768px){.lg\:gap-4{gap:var(--space-4)!important}.lg\:gap-6{gap:var(--space-6)!important}.lg\:gap-8{gap:var(--space-8)!important}.lg\:gap-10{gap:var(--space-10)!important}}@media (min-width: 1024px){.xl\:gap-6{gap:var(--space-6)!important}.xl\:gap-8{gap:var(--space-8)!important}.xl\:gap-10{gap:var(--space-10)!important}.xl\:gap-12{gap:var(--space-12)!important}}@media (max-width: 767px){.md-down\:p-2{padding:var(--space-2)!important}.md-down\:p-3{padding:var(--space-3)!important}.md-down\:p-4{padding:var(--space-4)!important}.md-down\:px-3{padding-left:var(--space-3)!important;padding-right:var(--space-3)!important}.md-down\:px-4{padding-left:var(--space-4)!important;padding-right:var(--space-4)!important}.md-down\:py-3{padding-top:var(--space-3)!important;padding-bottom:var(--space-3)!important}.md-down\:py-4{padding-top:var(--space-4)!important;padding-bottom:var(--space-4)!important}}@media (min-width: 768px){.lg\:p-6{padding:var(--space-6)!important}.lg\:p-8{padding:var(--space-8)!important}.lg\:px-6{padding-left:var(--space-6)!important;padding-right:var(--space-6)!important}.lg\:px-8{padding-left:var(--space-8)!important;padding-right:var(--space-8)!important}.lg\:py-6{padding-top:var(--space-6)!important;padding-bottom:var(--space-6)!important}.lg\:py-8{padding-top:var(--space-8)!important;padding-bottom:var(--space-8)!important}}@media (min-width: 1024px){.xl\:p-8{padding:var(--space-8)!important}.xl\:p-10{padding:var(--space-10)!important}.xl\:px-8{padding-left:var(--space-8)!important;padding-right:var(--space-8)!important}.xl\:px-10{padding-left:var(--space-10)!important;padding-right:var(--space-10)!important}}@media (max-width: 767px){.md-down\:m-0{margin:0!important}.md-down\:mx-auto{margin-left:auto!important;margin-right:auto!important}.md-down\:my-4{margin-top:var(--space-4)!important;margin-bottom:var(--space-4)!important}.md-down\:mt-4{margin-top:var(--space-4)!important}.md-down\:mb-4{margin-bottom:var(--space-4)!important}}@media (min-width: 768px){.lg\:mt-0{margin-top:0!important}.lg\:mb-0{margin-bottom:0!important}.lg\:ml-4{margin-left:var(--space-4)!important}.lg\:mr-4{margin-right:var(--space-4)!important}.lg\:my-6{margin-top:var(--space-6)!important;margin-bottom:var(--space-6)!important}}@media (max-width: 767px){.md-down\:w-full{width:100%!important}.md-down\:w-auto{width:auto!important}.md-down\:max-w-full{max-width:100%!important}}@media (min-width: 768px){.lg\:w-auto{width:auto!important}.lg\:w-1\/2{width:50%!important}.lg\:w-1\/3{width:33.333333%!important}.lg\:w-2\/3{width:66.666667%!important}.lg\:w-1\/4{width:25%!important}.lg\:w-3\/4{width:75%!important}}@media (min-width: 1024px){.xl\:w-auto{width:auto!important}.xl\:w-1\/2{width:50%!important}.xl\:w-1\/3{width:33.333333%!important}.xl\:w-1\/4{width:25%!important}.xl\:w-1\/5{width:20%!important}}@media (max-width: 767px){.md-down\:text-center{text-align:center!important}.md-down\:text-left{text-align:left!important}.md-down\:text-right{text-align:right!important}}@media (min-width: 768px){.lg\:text-left{text-align:left!important}.lg\:text-center{text-align:center!important}.lg\:text-right{text-align:right!important}}@media (max-width: 767px){.md-down\:text-sm{font-size:var(--text-sm)!important}.md-down\:text-base{font-size:var(--text-base)!important}.md-down\:text-lg{font-size:var(--text-lg)!important}.md-down\:text-xl{font-size:var(--text-xl)!important}.md-down\:text-2xl{font-size:var(--text-2xl)!important}}@media (min-width: 768px){.lg\:text-lg{font-size:var(--text-lg)!important}.lg\:text-xl{font-size:var(--text-xl)!important}.lg\:text-2xl{font-size:var(--text-2xl)!important}.lg\:text-3xl{font-size:var(--text-3xl)!important}.lg\:text-4xl{font-size:var(--text-4xl)!important}}@media (min-width: 1024px){.xl\:text-xl{font-size:var(--text-xl)!important}.xl\:text-2xl{font-size:var(--text-2xl)!important}.xl\:text-3xl{font-size:var(--text-3xl)!important}.xl\:text-4xl{font-size:var(--text-4xl)!important}.xl\:text-5xl{font-size:var(--text-5xl)!important}}@media (max-width: 767px){.md-down\:order-first{order:-9999!important}.md-down\:order-last{order:9999!important}.md-down\:order-1{order:1!important}.md-down\:order-2{order:2!important}.md-down\:order-3{order:3!important}}@media (min-width: 768px){.lg\:order-first{order:-9999!important}.lg\:order-last{order:9999!important}.lg\:order-none{order:0!important}.lg\:order-1{order:1!important}.lg\:order-2{order:2!important}}@media (max-width: 767px){.md-down\:static{position:static!important}.md-down\:relative{position:relative!important}.md-down\:absolute{position:absolute!important}.md-down\:fixed{position:fixed!important}.md-down\:sticky{position:sticky!important}}@media (min-width: 768px){.lg\:static{position:static!important}.lg\:relative{position:relative!important}.lg\:absolute{position:absolute!important}.lg\:fixed{position:fixed!important}.lg\:sticky{position:sticky!important}}@media (max-width: 767px){.md-down\:overflow-hidden{overflow:hidden!important}.md-down\:overflow-auto{overflow:auto!important}.md-down\:overflow-x-auto{overflow-x:auto!important}.md-down\:overflow-y-auto{overflow-y:auto!important}}.dashboard-grid{display:grid;gap:var(--space-6)}@media (max-width: 479px){.dashboard-grid{grid-template-columns:1fr;gap:var(--space-4)}}@media (min-width: 480px) and (max-width: 767px){.dashboard-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-4)}}@media (min-width: 768px) and (max-width: 1023px){.dashboard-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px) and (max-width: 1279px){.dashboard-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1280px){.dashboard-grid{grid-template-columns:repeat(4,1fr)}}.stats-grid{display:grid;gap:var(--space-4)}@media (max-width: 479px){.stats-grid{grid-template-columns:1fr}}@media (min-width: 480px) and (max-width: 767px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 768px){.stats-grid{grid-template-columns:repeat(4,1fr)}}.desktop-only,.tablet-only{display:none!important}@media (min-width: 768px) and (max-width: 1023px){.tablet-only{display:block!important}}.show-xs-only,.show-sm-only,.show-md-only,.show-lg-only,.show-xl-only{display:none!important}@media (max-width: 479px){.show-xs-only{display:block!important}}@media (min-width: 480px) and (max-width: 639px){.show-sm-only{display:block!important}}@media (min-width: 640px) and (max-width: 767px){.show-md-only{display:block!important}}@media (min-width: 768px) and (max-width: 1023px){.show-lg-only{display:block!important}}@media (min-width: 1024px) and (max-width: 1279px){.show-xl-only{display:block!important}}@media (hover: none) and (pointer: coarse){.btn,.nav-link,.dropdown-item{min-height:44px;min-width:44px}.overflow-auto,.overflow-x-auto,.overflow-y-auto{-webkit-overflow-scrolling:touch}}@supports (padding: env(safe-area-inset-top)){.header{padding-top:env(safe-area-inset-top)}.footer{padding-bottom:env(safe-area-inset-bottom)}.sidebar{padding-left:env(safe-area-inset-left)}.modal{padding-bottom:env(safe-area-inset-bottom)}}@media print{.sidebar,.header,.footer,.no-print{display:none!important}.main-content{margin:0!important;padding:0!important;width:100%!important}.card{-moz-column-break-inside:avoid;break-inside:avoid;border:1px solid #ddd!important;box-shadow:none!important}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:root{--mobile-padding: var(--space-4);--mobile-gap: var(--space-3);--mobile-text-scale: .85}@media (max-width: 767px){.header-nav{padding:var(--space-3) var(--mobile-padding)}.header-nav .nav-links{display:none}.mobile-menu-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-md);background:var(--color-primary-alpha-20);border:1px solid var(--color-primary-alpha-30);transition:all .3s ease}.mobile-menu-btn:hover{background:var(--color-primary-alpha-30);transform:scale(1.05)}.mobile-menu-btn:active{transform:scale(.95)}}@media (max-width: 767px){.mobile-menu{position:fixed;top:0;left:0;width:100%;max-width:400px;height:100vh;background:var(--color-gray-900);z-index:9999;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);overflow-y:auto;-webkit-overflow-scrolling:touch}.mobile-menu.active{transform:translate(0)}.mobile-menu-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background:#00000080;backdrop-filter:blur(4px);z-index:9998;opacity:0;transition:opacity .3s ease}.mobile-menu-overlay.active{opacity:1}.mobile-menu-content{padding:var(--space-6);height:100%;overflow-y:auto}.mobile-menu-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--space-4);border-bottom:1px solid var(--color-gray-700);margin-bottom:var(--space-6)}.mobile-menu-close{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background:var(--color-gray-800);border:none;color:var(--color-gray-300);cursor:pointer;transition:all .2s ease}.mobile-menu-close:hover{background:var(--color-gray-700);color:var(--color-white)}.mobile-menu-nav{display:flex;flex-direction:column;gap:var(--space-2)}.mobile-menu-link{display:flex;align-items:center;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);color:var(--color-gray-300);text-decoration:none;font-weight:500;transition:all .2s ease;border:1px solid transparent}.mobile-menu-link:hover{background:var(--color-primary-alpha-10);color:var(--color-primary);border-color:var(--color-primary-alpha-20);transform:translate(4px)}.mobile-menu-link.active{background:var(--color-primary);color:var(--color-white)}}@media (max-width: 767px){.hero-section{min-height:100vh;padding:var(--space-20) var(--mobile-padding) var(--space-16)}.hero-content{text-align:center;max-width:none}.hero-title{font-size:clamp(2rem,5vw,3rem);line-height:1.1;margin-bottom:var(--space-4)}.hero-title .gradient-text{display:block;margin-top:var(--space-2)}.hero-description{font-size:clamp(1rem,3vw,1.25rem);line-height:1.6;margin-bottom:var(--space-6);max-width:none}.hero-buttons{display:flex;flex-direction:column;gap:var(--space-3);align-items:stretch}.hero-button,.hero-secondary-button{width:100%;padding:var(--space-4) var(--space-6);font-size:var(--text-base);text-align:center;justify-content:center}}@media (max-width: 767px){.hero-decoration{display:none}.hero-decoration-mobile{display:block;position:absolute;width:60px;height:60px;background:var(--color-primary-alpha-10);border-radius:50%;top:10%;right:10%;animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}}@media (max-width: 767px){.card{margin:var(--space-3) 0;padding:var(--space-5);border-radius:var(--radius-lg)}.card-grid{grid-template-columns:1fr;gap:var(--space-4)}.card-header{padding-bottom:var(--space-4);margin-bottom:var(--space-4)}.card-title{font-size:var(--text-lg);line-height:1.3}.card-description{font-size:var(--text-sm);line-height:1.5;margin-bottom:var(--space-4)}.card-button{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--text-sm);text-align:center}}@media (max-width: 767px){.form-container{padding:var(--space-4)}.form-grid{grid-template-columns:1fr;gap:var(--space-4)}.form-group{margin-bottom:var(--space-4)}.form-label{font-size:var(--text-sm);margin-bottom:var(--space-2)}.form-input,.form-select,.form-textarea{width:100%;padding:var(--space-3);font-size:var(--text-base);border-radius:var(--radius-md)}.form-textarea{min-height:120px;resize:vertical}.form-button{width:100%;padding:var(--space-4);font-size:var(--text-base);margin-top:var(--space-4)}}@media (max-width: 767px){.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.responsive-table{min-width:600px;font-size:var(--text-sm)}.table-th,.table-td{padding:var(--space-2) var(--space-3)}@media (max-width: 480px){.responsive-table{display:block;min-width:auto}.table-thead{display:none}.table-tr{display:block;margin-bottom:var(--space-4);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);padding:var(--space-3)}.table-td{display:block;text-align:right;padding:var(--space-2) 0;border-bottom:1px solid var(--color-gray-100)}.table-td:before{content:attr(data-label);float:left;font-weight:600;color:var(--color-gray-600);margin-right:var(--space-2)}.table-td:last-child{border-bottom:none}}}@media (max-width: 767px){.footer{padding:var(--space-8) var(--mobile-padding)}.footer-content{grid-template-columns:1fr;gap:var(--space-6);text-align:center}.footer-section{margin-bottom:var(--space-4)}.footer-title{font-size:var(--text-lg);margin-bottom:var(--space-3)}.footer-links{display:flex;flex-direction:column;gap:var(--space-2)}.footer-link{padding:var(--space-2) 0;font-size:var(--text-sm)}.footer-bottom{margin-top:var(--space-6);padding-top:var(--space-4);text-align:center;font-size:var(--text-xs)}}@media (max-width: 767px){.course-grid{grid-template-columns:1fr;gap:var(--space-4)}.course-card{padding:var(--space-4);border-radius:var(--radius-lg)}.course-image{height:200px;border-radius:var(--radius-md) var(--radius-md) 0 0}.course-content{padding:var(--space-4)}.course-title{font-size:var(--text-lg);line-height:1.3;margin-bottom:var(--space-2)}.course-description{font-size:var(--text-sm);line-height:1.5;margin-bottom:var(--space-3);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;max-height:4.5em;position:relative}.course-description:after{content:"...";position:absolute;bottom:0;right:0;padding-left:var(--space-2);background:inherit}.course-meta{font-size:var(--text-xs);margin-bottom:var(--space-3)}.course-button{width:100%;padding:var(--space-3);font-size:var(--text-sm)}}@media (min-width: 768px) and (max-width: 1023px){.course-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-5)}.hero-title{font-size:clamp(2.5rem,4vw,3.5rem)}.card-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 767px){.button,.nav-link,.card-link,.form-button,.mobile-menu-link{min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center}.button:focus-visible,.nav-link:focus-visible,.card-link:focus-visible,.form-input:focus-visible,.form-select:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media (prefers-reduced-motion: reduce){.hero-decoration,.floating-element,.animated-element{animation:none!important;transition:none!important}}}@media (max-width: 767px){img{max-width:100%;height:auto;-o-object-fit:cover;object-fit:cover}.responsive-image{width:100%;height:auto}.lazy-image{background:var(--color-gray-200);position:relative;overflow:hidden}.lazy-image:before{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid var(--color-gray-300);border-radius:50%;border-top-color:transparent;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}}@media (max-width: 767px){html{font-size:calc(16px + (20 - 16) * ((100vw - 320px) / (768 - 320)))}}@media (min-width: 768px){html{font-size:calc(16px + (18 - 16) * ((100vw - 768px) / (1024 - 768)))}}@media (min-width: 1024px){html{font-size:16px}}.mobile-only{display:block!important}.tablet-only,.desktop-only{display:none!important}@media (min-width: 768px) and (max-width: 1023px){.mobile-only{display:none!important}.tablet-only{display:block!important}}@media (min-width: 1024px){.mobile-only{display:none!important}.desktop-only{display:block!important}}@media (max-width: 767px){.mobile-p-0{padding:0!important}.mobile-p-2{padding:var(--space-2)!important}.mobile-p-4{padding:var(--space-4)!important}.mobile-p-6{padding:var(--space-6)!important}.mobile-m-0{margin:0!important}.mobile-m-2{margin:var(--space-2)!important}.mobile-m-4{margin:var(--space-4)!important}.mobile-m-6{margin:var(--space-6)!important}.mobile-gap-2{gap:var(--space-2)!important}.mobile-gap-4{gap:var(--space-4)!important}.mobile-gap-6{gap:var(--space-6)!important}}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.container-custom{margin-left:auto;margin-right:auto;max-width:80rem;padding-left:1rem;padding-right:1rem}@media (min-width: 640px){.container-custom{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width: 1024px){.container-custom{padding-left:2rem;padding-right:2rem}}.card-glass{border-radius:.75rem;border-width:1px;border-color:#ffffff1a;background-color:#ffffff0d;padding:1.5rem;--tw-backdrop-blur: blur(12px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.card-glass:hover{border-color:#87ff0080;background-color:#ffffff1a}.input-field{width:100%;border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(42 42 42 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(20 20 20 / var(--tw-bg-opacity, 1));padding:.75rem 1rem;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.input-field::-moz-placeholder{--tw-placeholder-opacity: 1;color:rgb(107 114 128 / var(--tw-placeholder-opacity, 1))}.input-field::placeholder{--tw-placeholder-opacity: 1;color:rgb(107 114 128 / var(--tw-placeholder-opacity, 1))}.input-field{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.input-field:focus{border-color:transparent;outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(135 255 0 / var(--tw-ring-opacity, 1))}.gradient-text{background:linear-gradient(to right,#87ff00,#a3ff4d);-webkit-background-clip:text;background-clip:text;color:transparent}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.-bottom-1{bottom:-.25rem}.-top-0{top:-0px}.-top-3{top:-.75rem}.bottom-0{bottom:0}.bottom-2{bottom:.5rem}.bottom-\[35\%\]{bottom:35%}.bottom-\[36\%\]{bottom:36%}.bottom-\[40\%\]{bottom:40%}.left-0{left:0}.left-1\/2{left:50%}.left-1\/3{left:33.333333%}.left-1\/4{left:25%}.left-3{left:.75rem}.left-4{left:1rem}.left-\[20\%\]{left:20%}.left-\[22\%\]{left:22%}.right-0{right:0}.right-1{right:.25rem}.right-1\/3{right:33.333333%}.right-10{right:2.5rem}.right-4{right:1rem}.right-\[20\%\]{right:20%}.top-0{top:0}.top-1\/2{top:50%}.top-1\/3{top:33.333333%}.top-10{top:2.5rem}.top-12{top:3rem}.top-28{top:7rem}.top-4{top:1rem}.top-\[15\%\]{top:15%}.top-\[22\%\]{top:22%}.top-\[60\%\]{top:60%}.top-\[8\%\]{top:8%}.top-full{top:100%}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-40{z-index:40}.z-50{z-index:50}.z-\[100\]{z-index:100}.order-1{order:1}.order-2{order:2}.col-span-2{grid-column:span 2 / span 2}.m-auto{margin:auto}.-mx-2{margin-left:-.5rem;margin-right:-.5rem}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-auto{margin-left:auto;margin-right:auto}.my-6{margin-top:1.5rem;margin-bottom:1.5rem}.-ml-3{margin-left:-.75rem}.-mr-16{margin-right:-4rem}.-mr-3{margin-right:-.75rem}.-mt-16{margin-top:-4rem}.-mt-4{margin-top:-1rem}.mb-1{margin-bottom:.25rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-2{margin-bottom:.5rem}.mb-20{margin-bottom:5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mt-0{margin-top:0}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-10{margin-top:2.5rem}.mt-12{margin-top:3rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-32{margin-top:8rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-\[-80px\]{margin-top:-80px}.mt-\[2px\]{margin-top:2px}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.table-row{display:table-row}.grid{display:grid}.hidden{display:none}.aspect-video{aspect-ratio:16 / 9}.h-0\.5{height:.125rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-2{height:.5rem}.h-20{height:5rem}.h-24{height:6rem}.h-3{height:.75rem}.h-32{height:8rem}.h-4{height:1rem}.h-48{height:12rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-64{height:16rem}.h-8{height:2rem}.h-\[215px\]{height:215px}.h-\[250px\]{height:250px}.h-\[320px\]{height:320px}.h-\[400px\]{height:400px}.h-\[40px\]{height:40px}.h-\[55px\]{height:55px}.h-\[60\%\]{height:60%}.h-\[60vh\]{height:60vh}.h-\[700px\]{height:700px}.h-\[80px\]{height:80px}.h-\[85px\]{height:85px}.h-\[calc\(100\%-60px\)\]{height:calc(100% - 60px)}.h-auto{height:auto}.h-full{height:100%}.max-h-40{max-height:10rem}.max-h-60{max-height:15rem}.max-h-\[70vh\]{max-height:70vh}.max-h-\[90vh\]{max-height:90vh}.min-h-\[400px\]{min-height:400px}.min-h-\[40px\]{min-height:40px}.min-h-\[60vh\]{min-height:60vh}.min-h-max{min-height:-moz-max-content;min-height:max-content}.min-h-screen{min-height:100vh}.w-1\/2{width:50%}.w-10{width:2.5rem}.w-12{width:3rem}.w-16{width:4rem}.w-2{width:.5rem}.w-2\/3{width:66.666667%}.w-2\/5{width:40%}.w-20{width:5rem}.w-24{width:6rem}.w-3{width:.75rem}.w-3\/4{width:75%}.w-3\/5{width:60%}.w-32{width:8rem}.w-36{width:9rem}.w-4{width:1rem}.w-48{width:12rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-64{width:16rem}.w-8{width:2rem}.w-80{width:20rem}.w-\[100\%\]{width:100%}.w-\[120px\]{width:120px}.w-\[160px\]{width:160px}.w-\[250px\]{width:250px}.w-\[400px\]{width:400px}.w-\[80px\]{width:80px}.w-\[85px\]{width:85px}.w-\[90px\]{width:90px}.w-\[90vw\]{width:90vw}.w-\[calc\(32\.333\%-16px\)\]{width:calc(32.333% - 16px)}.w-full{width:100%}.min-w-0{min-width:0px}.min-w-\[335px\]{min-width:335px}.min-w-max{min-width:-moz-max-content;min-width:max-content}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-6xl{max-width:72rem}.max-w-\[1400px\]{max-width:1400px}.max-w-full{max-width:100%}.max-w-md{max-width:28rem}.max-w-xl{max-width:36rem}.max-w-xs{max-width:20rem}.flex-1{flex:1 1 0%}.flex-shrink-0,.shrink-0{flex-shrink:0}.flex-grow,.grow{flex-grow:1}.-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-x-full{--tw-translate-x: -100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-1\/2{--tw-translate-x: 50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-1\/2{--tw-translate-y: 50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-45{--tw-rotate: 45deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-90{--tw-rotate: 90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-110{--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes glow{0%,to{box-shadow:0 0 20px #87ff004d,0 0 40px #87ff001a}50%{box-shadow:0 0 30px #87ff0080,0 0 60px #87ff0033}}.animate-glow{animation:glow 1.5s ease-in-out infinite}.animate-ping{animation:ping 1s cubic-bezier(0,0,.2,1) infinite}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-spin{animation:spin 1s linear infinite}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize-none{resize:none}.resize{resize:both}.scroll-mt-32{scroll-margin-top:8rem}.list-disc{list-style-type:disc}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-10{gap:2.5rem}.gap-12{gap:3rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-y-8{row-gap:2rem}.space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.75rem * var(--tw-space-x-reverse));margin-left:calc(.75rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-12>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(3rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(3rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem * var(--tw-space-y-reverse))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.scroll-smooth{scroll-behavior:smooth}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-\[40px\]{border-radius:40px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.rounded-b-3xl{border-bottom-right-radius:1.5rem;border-bottom-left-radius:1.5rem}.rounded-tl-lg{border-top-left-radius:.5rem}.rounded-tr-lg{border-top-right-radius:.5rem}.border{border-width:1px}.border-2{border-width:2px}.border-4{border-width:4px}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-\[\#22c55e\]\/30{border-color:#22c55e4d}.border-brand-neon{--tw-border-opacity: 1;border-color:rgb(135 255 0 / var(--tw-border-opacity, 1))}.border-brand-neon\/20{border-color:#87ff0033}.border-brand-neon\/30{border-color:#87ff004d}.border-current{border-color:currentColor}.border-dark-600{--tw-border-opacity: 1;border-color:rgb(42 42 42 / var(--tw-border-opacity, 1))}.border-emerald-500{--tw-border-opacity: 1;border-color:rgb(16 185 129 / var(--tw-border-opacity, 1))}.border-emerald-600{--tw-border-opacity: 1;border-color:rgb(5 150 105 / var(--tw-border-opacity, 1))}.border-gray-400{--tw-border-opacity: 1;border-color:rgb(156 163 175 / var(--tw-border-opacity, 1))}.border-gray-600{--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1))}.border-gray-700{--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1))}.border-gray-800{--tw-border-opacity: 1;border-color:rgb(31 41 55 / var(--tw-border-opacity, 1))}.border-green-500{--tw-border-opacity: 1;border-color:rgb(34 197 94 / var(--tw-border-opacity, 1))}.border-green-500\/20{border-color:#22c55e33}.border-red-500{--tw-border-opacity: 1;border-color:rgb(239 68 68 / var(--tw-border-opacity, 1))}.border-white{--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}.border-white\/10{border-color:#ffffff1a}.border-white\/20{border-color:#fff3}.border-white\/5{border-color:#ffffff0d}.border-t-transparent{border-top-color:transparent}.bg-\[\#0a0a0a\]{--tw-bg-opacity: 1;background-color:rgb(10 10 10 / var(--tw-bg-opacity, 1))}.bg-\[\#111\]{--tw-bg-opacity: 1;background-color:rgb(17 17 17 / var(--tw-bg-opacity, 1))}.bg-\[\#111\]\/50{background-color:#11111180}.bg-\[\#22c55e\]{--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1))}.bg-\[\#22c55e\]\/10{background-color:#22c55e1a}.bg-\[\#22c55e\]\/20{background-color:#22c55e33}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.bg-black\/50{background-color:#00000080}.bg-black\/80{background-color:#000c}.bg-blue-50{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))}.bg-brand-neon{--tw-bg-opacity: 1;background-color:rgb(135 255 0 / var(--tw-bg-opacity, 1))}.bg-brand-neon\/10{background-color:#87ff001a}.bg-brand-neon\/20{background-color:#87ff0033}.bg-brand-neon\/5{background-color:#87ff000d}.bg-dark-700{--tw-bg-opacity: 1;background-color:rgb(31 31 31 / var(--tw-bg-opacity, 1))}.bg-dark-800{--tw-bg-opacity: 1;background-color:rgb(20 20 20 / var(--tw-bg-opacity, 1))}.bg-dark-900\/30{background-color:#0a0a0a4d}.bg-dark-900\/50{background-color:#0a0a0a80}.bg-emerald-400{--tw-bg-opacity: 1;background-color:rgb(52 211 153 / var(--tw-bg-opacity, 1))}.bg-emerald-500{--tw-bg-opacity: 1;background-color:rgb(16 185 129 / var(--tw-bg-opacity, 1))}.bg-emerald-500\/95{background-color:#10b981f2}.bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.bg-gray-200{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.bg-gray-700{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.bg-gray-800{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.bg-green-100{--tw-bg-opacity: 1;background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1))}.bg-green-500{--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1))}.bg-green-500\/10{background-color:#22c55e1a}.bg-green-500\/5{background-color:#22c55e0d}.bg-primary-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.bg-red-500{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))}.bg-red-600{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))}.bg-red-900{--tw-bg-opacity: 1;background-color:rgb(127 29 29 / var(--tw-bg-opacity, 1))}.bg-slate-700{--tw-bg-opacity: 1;background-color:rgb(51 65 85 / var(--tw-bg-opacity, 1))}.bg-teal-400{--tw-bg-opacity: 1;background-color:rgb(45 212 191 / var(--tw-bg-opacity, 1))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-white\/10{background-color:#ffffff1a}.bg-white\/15{background-color:#ffffff26}.bg-white\/20{background-color:#fff3}.bg-white\/5{background-color:#ffffff0d}.bg-opacity-30{--tw-bg-opacity: .3}.bg-opacity-50{--tw-bg-opacity: .5}.bg-opacity-75{--tw-bg-opacity: .75}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}.from-brand-neon\/20{--tw-gradient-from: rgb(135 255 0 / .2) var(--tw-gradient-from-position);--tw-gradient-to: rgb(135 255 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-dark-700{--tw-gradient-from: #1f1f1f var(--tw-gradient-from-position);--tw-gradient-to: rgb(31 31 31 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-gray-500{--tw-gradient-from: #6b7280 var(--tw-gradient-from-position);--tw-gradient-to: rgb(107 114 128 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-gray-600{--tw-gradient-from: #4b5563 var(--tw-gradient-from-position);--tw-gradient-to: rgb(75 85 99 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-gray-700{--tw-gradient-from: #374151 var(--tw-gradient-from-position);--tw-gradient-to: rgb(55 65 81 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-gray-900\/90{--tw-gradient-from: rgb(17 24 39 / .9) var(--tw-gradient-from-position);--tw-gradient-to: rgb(17 24 39 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-green-500{--tw-gradient-from: #22c55e var(--tw-gradient-from-position);--tw-gradient-to: rgb(34 197 94 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-green-600{--tw-gradient-from: #16a34a var(--tw-gradient-from-position);--tw-gradient-to: rgb(22 163 74 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-primary-black{--tw-gradient-from: #000000 var(--tw-gradient-from-position);--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-transparent{--tw-gradient-from: transparent var(--tw-gradient-from-position);--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-white\/5{--tw-gradient-from: rgb(255 255 255 / .05) var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.via-dark-600{--tw-gradient-to: rgb(42 42 42 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #2a2a2a var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-green-500{--tw-gradient-to: rgb(34 197 94 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #22c55e var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-primary-black\/80{--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), rgb(0 0 0 / .8) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-transparent{--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), transparent var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-white\/20{--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), rgb(255 255 255 / .2) var(--tw-gradient-via-position), var(--tw-gradient-to)}.to-dark-700{--tw-gradient-to: #1f1f1f var(--tw-gradient-to-position)}.to-dark-900{--tw-gradient-to: #0a0a0a var(--tw-gradient-to-position)}.to-emerald-600{--tw-gradient-to: #059669 var(--tw-gradient-to-position)}.to-gray-400{--tw-gradient-to: #9ca3af var(--tw-gradient-to-position)}.to-gray-700{--tw-gradient-to: #374151 var(--tw-gradient-to-position)}.to-gray-800{--tw-gradient-to: #1f2937 var(--tw-gradient-to-position)}.to-gray-800\/90{--tw-gradient-to: rgb(31 41 55 / .9) var(--tw-gradient-to-position)}.to-transparent{--tw-gradient-to: transparent var(--tw-gradient-to-position)}.to-white\/5{--tw-gradient-to: rgb(255 255 255 / .05) var(--tw-gradient-to-position)}.bg-\[length\:200\%_100\%\]{background-size:200% 100%}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.fill-yellow-500{fill:#eab308}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.p-1{padding:.25rem}.p-12{padding:3rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.p-\[12px\]{padding:12px}.px-12{padding-left:3rem;padding-right:3rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-\[1px\]{padding-top:1px;padding-bottom:1px}.pb-12{padding-bottom:3rem}.pb-2{padding-bottom:.5rem}.pb-20{padding-bottom:5rem}.pb-4{padding-bottom:1rem}.pb-6{padding-bottom:1.5rem}.pl-1{padding-left:.25rem}.pl-10{padding-left:2.5rem}.pl-12{padding-left:3rem}.pl-3{padding-left:.75rem}.pl-6{padding-left:1.5rem}.pr-3{padding-right:.75rem}.pr-4{padding-right:1rem}.pt-0{padding-top:0}.pt-2{padding-top:.5rem}.pt-24{padding-top:6rem}.pt-28{padding-top:7rem}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-start{text-align:start}.font-heading{font-family:Outfit,Inter,sans-serif}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.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-6xl{font-size:3.75rem;line-height:1}.text-8xl{font-size:6rem;line-height:1}.text-\[10px\]{font-size:10px}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.leading-relaxed{line-height:1.625}.leading-snug{line-height:1.375}.leading-tight{line-height:1.25}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.text-\[\#22c55e\]{--tw-text-opacity: 1;color:rgb(34 197 94 / var(--tw-text-opacity, 1))}.text-\[\#9ca3af\]{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.text-black{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}.text-blue-400{--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}.text-blue-600{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.text-blue-800{--tw-text-opacity: 1;color:rgb(30 64 175 / var(--tw-text-opacity, 1))}.text-blue-900{--tw-text-opacity: 1;color:rgb(30 58 138 / var(--tw-text-opacity, 1))}.text-brand-neon{--tw-text-opacity: 1;color:rgb(135 255 0 / var(--tw-text-opacity, 1))}.text-cyan-400{--tw-text-opacity: 1;color:rgb(34 211 238 / var(--tw-text-opacity, 1))}.text-emerald-200{--tw-text-opacity: 1;color:rgb(167 243 208 / var(--tw-text-opacity, 1))}.text-emerald-300{--tw-text-opacity: 1;color:rgb(110 231 183 / var(--tw-text-opacity, 1))}.text-emerald-400{--tw-text-opacity: 1;color:rgb(52 211 153 / var(--tw-text-opacity, 1))}.text-emerald-500{--tw-text-opacity: 1;color:rgb(16 185 129 / var(--tw-text-opacity, 1))}.text-gray-300{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.text-gray-800{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.text-gray-900{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.text-green-400{--tw-text-opacity: 1;color:rgb(74 222 128 / var(--tw-text-opacity, 1))}.text-green-500{--tw-text-opacity: 1;color:rgb(34 197 94 / var(--tw-text-opacity, 1))}.text-green-600{--tw-text-opacity: 1;color:rgb(22 163 74 / var(--tw-text-opacity, 1))}.text-orange-400{--tw-text-opacity: 1;color:rgb(251 146 60 / var(--tw-text-opacity, 1))}.text-pink-400{--tw-text-opacity: 1;color:rgb(244 114 182 / var(--tw-text-opacity, 1))}.text-primary-black{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}.text-primary-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-purple-400{--tw-text-opacity: 1;color:rgb(192 132 252 / var(--tw-text-opacity, 1))}.text-red-200{--tw-text-opacity: 1;color:rgb(254 202 202 / var(--tw-text-opacity, 1))}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.text-slate-200{--tw-text-opacity: 1;color:rgb(226 232 240 / var(--tw-text-opacity, 1))}.text-slate-400{--tw-text-opacity: 1;color:rgb(148 163 184 / var(--tw-text-opacity, 1))}.text-transparent{color:transparent}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-white\/70{color:#ffffffb3}.text-white\/80{color:#fffc}.text-white\/90{color:#ffffffe6}.text-yellow-400{--tw-text-opacity: 1;color:rgb(250 204 21 / var(--tw-text-opacity, 1))}.text-yellow-500{--tw-text-opacity: 1;color:rgb(234 179 8 / var(--tw-text-opacity, 1))}.underline{text-decoration-line:underline}.line-through{text-decoration-line:line-through}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.placeholder-gray-500::-moz-placeholder{--tw-placeholder-opacity: 1;color:rgb(107 114 128 / var(--tw-placeholder-opacity, 1))}.placeholder-gray-500::placeholder{--tw-placeholder-opacity: 1;color:rgb(107 114 128 / var(--tw-placeholder-opacity, 1))}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-20{opacity:.2}.opacity-25{opacity:.25}.opacity-30{opacity:.3}.opacity-40{opacity:.4}.opacity-5{opacity:.05}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-75{opacity:.75}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_30px_rgba\(135\,206\,235\,0\.3\)\]{--tw-shadow: 0 0 30px rgba(135,206,235,.3);--tw-shadow-colored: 0 0 30px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_20px_40px_rgba\(135\,206\,235\,0\.2\)\]{--tw-shadow: 0 20px 40px rgba(135,206,235,.2);--tw-shadow-colored: 0 20px 40px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-inner{--tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / .05);--tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-2xl{--tw-blur: blur(40px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-3xl{--tw-blur: blur(64px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-\[100px\]{--tw-blur: blur(100px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-\[2px\]{--tw-blur: blur(2px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-xl{--tw-blur: blur(24px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow{--tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / .1)) drop-shadow(0 1px 1px rgb(0 0 0 / .06));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow-\[0_0_15px_rgba\(135\,206\,235\,0\.3\)\]{--tw-drop-shadow: drop-shadow(0 0 15px rgba(135,206,235,.3));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur{--tw-backdrop-blur: blur(8px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-md{--tw-backdrop-blur: blur(12px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-sm{--tw-backdrop-blur: blur(4px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-xl{--tw-backdrop-blur: blur(24px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.duration-700{transition-duration:.7s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}:root{--primary-sku: #87ff00;--primary-glow: rgba(135, 255, 0, .3);--dark-bg: #000000;--light-text: #ffffff}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--dark-bg);color:var(--light-text);line-height:1.6;overflow-x:hidden}html{scroll-behavior:smooth}::selection{background-color:var(--primary-sku);color:var(--dark-bg)}::-moz-selection{background-color:var(--primary-sku);color:var(--dark-bg)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#141414}::-webkit-scrollbar-thumb{background:var(--primary-sku);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#6ecc00}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.float-animation{animation:float 3s ease-in-out infinite}.spinner{border:3px solid rgba(255,255,255,.1);border-top-color:var(--primary-sku);border-radius:50%;width:40px;height:40px;animation:spin .8s linear infinite}.glass-effect{background:#ffffff0d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.dark-gradient-bg{background:linear-gradient(135deg,#000,#0a0a0a,#000)}.neon-border{border:2px solid var(--primary-sku);box-shadow:0 0 10px var(--primary-glow),inset 0 0 10px var(--primary-glow)}*:focus-visible{outline:2px solid var(--primary-sku);outline-offset:2px}*:focus:not(:focus-visible){outline:none}.hover\:-translate-y-1:hover{--tw-translate-y: -.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-105:hover{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-110:hover{--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-\[1\.02\]:hover{--tw-scale-x: 1.02;--tw-scale-y: 1.02;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-brand-neon\/30:hover{border-color:#87ff004d}.hover\:border-brand-neon\/50:hover{border-color:#87ff0080}.hover\:border-green-500\/50:hover{border-color:#22c55e80}.hover\:bg-\[\#1a1a1a\]:hover{--tw-bg-opacity: 1;background-color:rgb(26 26 26 / var(--tw-bg-opacity, 1))}.hover\:bg-\[\#22c55e\]:hover{--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1))}.hover\:bg-\[\#22c55e\]\/80:hover{background-color:#22c55ecc}.hover\:bg-brand-neon:hover{--tw-bg-opacity: 1;background-color:rgb(135 255 0 / var(--tw-bg-opacity, 1))}.hover\:bg-brand-neon-dark:hover{--tw-bg-opacity: 1;background-color:rgb(110 204 0 / var(--tw-bg-opacity, 1))}.hover\:bg-dark-600:hover{--tw-bg-opacity: 1;background-color:rgb(42 42 42 / var(--tw-bg-opacity, 1))}.hover\:bg-emerald-500:hover{--tw-bg-opacity: 1;background-color:rgb(16 185 129 / var(--tw-bg-opacity, 1))}.hover\:bg-emerald-600:hover{--tw-bg-opacity: 1;background-color:rgb(5 150 105 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-100:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-300:hover{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-700:hover{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-800:hover{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.hover\:bg-green-400:hover{--tw-bg-opacity: 1;background-color:rgb(74 222 128 / var(--tw-bg-opacity, 1))}.hover\:bg-green-600:hover{--tw-bg-opacity: 1;background-color:rgb(22 163 74 / var(--tw-bg-opacity, 1))}.hover\:bg-red-600:hover{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))}.hover\:bg-red-700:hover{--tw-bg-opacity: 1;background-color:rgb(185 28 28 / var(--tw-bg-opacity, 1))}.hover\:bg-white:hover{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.hover\:bg-white\/10:hover{background-color:#ffffff1a}.hover\:bg-white\/20:hover{background-color:#fff3}.hover\:text-\[\#fff\]:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.hover\:text-brand-neon:hover{--tw-text-opacity: 1;color:rgb(135 255 0 / var(--tw-text-opacity, 1))}.hover\:text-brand-neon-light:hover{--tw-text-opacity: 1;color:rgb(163 255 77 / var(--tw-text-opacity, 1))}.hover\:text-emerald-300:hover{--tw-text-opacity: 1;color:rgb(110 231 183 / var(--tw-text-opacity, 1))}.hover\:text-emerald-400:hover{--tw-text-opacity: 1;color:rgb(52 211 153 / var(--tw-text-opacity, 1))}.hover\:text-gray-200:hover{--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.hover\:text-green-400:hover{--tw-text-opacity: 1;color:rgb(74 222 128 / var(--tw-text-opacity, 1))}.hover\:text-primary-black:hover{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}.hover\:text-white:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.hover\:underline:hover{text-decoration-line:underline}.hover\:shadow-2xl:hover{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-\[0_0_30px_rgba\(135\,206\,235\,0\.4\)\]:hover{--tw-shadow: 0 0 30px rgba(135,206,235,.4);--tw-shadow-colored: 0 0 30px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-lg:hover{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-md:hover{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-sm:hover{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-xl:hover{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-emerald-500\/50:hover{--tw-shadow-color: rgb(16 185 129 / .5);--tw-shadow: var(--tw-shadow-colored)}.focus\:not-sr-only:focus{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:normal}.focus\:absolute:focus{position:absolute}.focus\:left-4:focus{left:1rem}.focus\:left-64:focus{left:16rem}.focus\:top-4:focus{top:1rem}.focus\:border-transparent:focus{border-color:transparent}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-brand-neon:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(135 255 0 / var(--tw-ring-opacity, 1))}.focus\:ring-brand-neon-light:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(163 255 77 / var(--tw-ring-opacity, 1))}.active\:scale-95:active{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:scale-\[0\.98\]:active{--tw-scale-x: .98;--tw-scale-y: .98;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-70:disabled{opacity:.7}.group\/btn:hover .group-hover\/btn\:translate-x-1{--tw-translate-x: .25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group\/btn:hover .group-hover\/btn\:translate-x-full{--tw-translate-x: 100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:translate-x-1{--tw-translate-x: .25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:scale-105{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:scale-110{--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:scale-150{--tw-scale-x: 1.5;--tw-scale-y: 1.5;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes ping{75%,to{transform:scale(2);opacity:0}}.group:hover .group-hover\:animate-ping{animation:ping 1s cubic-bezier(0,0,.2,1) infinite}@keyframes pulse{50%{opacity:.5}}.group:hover .group-hover\:animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.group:hover .group-hover\:bg-opacity-20{--tw-bg-opacity: .2}.group:hover .group-hover\:text-brand-neon{--tw-text-opacity: 1;color:rgb(135 255 0 / var(--tw-text-opacity, 1))}@media (min-width: 640px){.sm\:-bottom-2{bottom:-.5rem}.sm\:order-1{order:1}.sm\:order-2{order:2}.sm\:col-span-2{grid-column:span 2 / span 2}.sm\:col-span-3{grid-column:span 3 / span 3}.sm\:mx-0{margin-left:0;margin-right:0}.sm\:mx-2{margin-left:.5rem;margin-right:.5rem}.sm\:-ml-5{margin-left:-1.25rem}.sm\:-mr-5{margin-right:-1.25rem}.sm\:-mt-16{margin-top:-4rem}.sm\:mb-0{margin-bottom:0}.sm\:mb-12{margin-bottom:3rem}.sm\:mb-16{margin-bottom:4rem}.sm\:mb-2{margin-bottom:.5rem}.sm\:mb-3{margin-bottom:.75rem}.sm\:mb-4{margin-bottom:1rem}.sm\:mb-6{margin-bottom:1.5rem}.sm\:mb-8{margin-bottom:2rem}.sm\:mt-10{margin-top:2.5rem}.sm\:inline{display:inline}.sm\:h-1{height:.25rem}.sm\:h-10{height:2.5rem}.sm\:h-32{height:8rem}.sm\:h-4{height:1rem}.sm\:h-40{height:10rem}.sm\:h-48{height:12rem}.sm\:h-5{height:1.25rem}.sm\:h-56{height:14rem}.sm\:h-6{height:1.5rem}.sm\:h-64{height:16rem}.sm\:h-80{height:20rem}.sm\:h-\[400px\]{height:400px}.sm\:w-10{width:2.5rem}.sm\:w-12{width:3rem}.sm\:w-32{width:8rem}.sm\:w-4{width:1rem}.sm\:w-40{width:10rem}.sm\:w-48{width:12rem}.sm\:w-5{width:1.25rem}.sm\:w-6{width:1.5rem}.sm\:w-64{width:16rem}.sm\:w-80{width:20rem}.sm\:w-\[280px\]{width:280px}.sm\:w-auto{width:auto}.sm\:max-w-\[90\%\]{max-width:90%}.sm\:max-w-md{max-width:28rem}.sm\:max-w-xl{max-width:36rem}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:gap-1\.5{gap:.375rem}.sm\:gap-2{gap:.5rem}.sm\:gap-3{gap:.75rem}.sm\:gap-6{gap:1.5rem}.sm\:gap-8{gap:2rem}.sm\:space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.sm\:rounded-2xl{border-radius:1rem}.sm\:rounded-none{border-radius:0}.sm\:rounded-xl{border-radius:.75rem}.sm\:p-1\.5{padding:.375rem}.sm\:p-10{padding:2.5rem}.sm\:p-3{padding:.75rem}.sm\:px-0{padding-left:0;padding-right:0}.sm\:px-4{padding-left:1rem;padding-right:1rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:py-12{padding-top:3rem;padding-bottom:3rem}.sm\:py-14{padding-top:3.5rem;padding-bottom:3.5rem}.sm\:py-24{padding-top:6rem;padding-bottom:6rem}.sm\:py-3{padding-top:.75rem;padding-bottom:.75rem}.sm\:py-8{padding-top:2rem;padding-bottom:2rem}.sm\:pb-8{padding-bottom:2rem}.sm\:pt-12{padding-top:3rem}.sm\:text-left{text-align:left}.sm\:text-2xl{font-size:1.5rem;line-height:2rem}.sm\:text-3xl{font-size:1.875rem;line-height:2.25rem}.sm\:text-4xl{font-size:2.25rem;line-height:2.5rem}.sm\:text-\[13px\]{font-size:13px}.sm\:text-\[14px\]{font-size:14px}.sm\:text-base{font-size:1rem;line-height:1.5rem}.sm\:text-lg{font-size:1.125rem;line-height:1.75rem}.sm\:text-sm{font-size:.875rem;line-height:1.25rem}.sm\:leading-snug{line-height:1.375}.sm\:text-\[\#e0e0e0\]{--tw-text-opacity: 1;color:rgb(224 224 224 / var(--tw-text-opacity, 1))}.sm\:opacity-0{opacity:0}.sm\:blur-3xl{--tw-blur: blur(64px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.group:hover .sm\:group-hover\:opacity-100{opacity:1}}@media (min-width: 768px){.md\:col-span-1{grid-column:span 1 / span 1}.md\:col-span-2{grid-column:span 2 / span 2}.md\:-mt-20{margin-top:-5rem}.md\:mb-10{margin-bottom:2.5rem}.md\:mb-16{margin-bottom:4rem}.md\:mb-6{margin-bottom:1.5rem}.md\:mb-8{margin-bottom:2rem}.md\:mt-16{margin-top:4rem}.md\:block{display:block}.md\:flex{display:flex}.md\:hidden{display:none}.md\:h-40{height:10rem}.md\:h-64{height:16rem}.md\:h-80{height:20rem}.md\:h-96{height:24rem}.md\:h-\[500px\]{height:500px}.md\:h-\[60px\]{height:60px}.md\:w-1\/2{width:50%}.md\:w-40{width:10rem}.md\:w-64{width:16rem}.md\:w-80{width:20rem}.md\:w-96{width:24rem}.md\:w-\[29\%\]{width:29%}.md\:w-\[38\%\]{width:38%}.md\:max-w-2xl{max-width:42rem}.md\:max-w-6xl{max-width:72rem}.md\:max-w-\[60\%\]{max-width:60%}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:gap-8{gap:2rem}.md\:space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem * var(--tw-space-y-reverse))}.md\:p-12{padding:3rem}.md\:p-8{padding:2rem}.md\:px-10{padding-left:2.5rem;padding-right:2.5rem}.md\:px-5{padding-left:1.25rem;padding-right:1.25rem}.md\:px-6{padding-left:1.5rem;padding-right:1.5rem}.md\:px-8{padding-left:2rem;padding-right:2rem}.md\:px-9{padding-left:2.25rem;padding-right:2.25rem}.md\:py-12{padding-top:3rem;padding-bottom:3rem}.md\:py-16{padding-top:4rem;padding-bottom:4rem}.md\:py-3{padding-top:.75rem;padding-bottom:.75rem}.md\:pt-16{padding-top:4rem}.md\:text-left{text-align:left}.md\:text-2xl{font-size:1.5rem;line-height:2rem}.md\:text-3xl{font-size:1.875rem;line-height:2.25rem}.md\:text-4xl{font-size:2.25rem;line-height:2.5rem}.md\:text-5xl{font-size:3rem;line-height:1}.md\:text-6xl{font-size:3.75rem;line-height:1}.md\:text-7xl{font-size:4.5rem;line-height:1}.md\:text-9xl{font-size:8rem;line-height:1}.md\:text-\[14px\]{font-size:14px}.md\:text-base{font-size:1rem;line-height:1.5rem}.md\:text-lg{font-size:1.125rem;line-height:1.75rem}.md\:text-sm{font-size:.875rem;line-height:1.25rem}.md\:text-xl{font-size:1.25rem;line-height:1.75rem}.md\:leading-normal{line-height:1.5}}@media (min-width: 1024px){.lg\:order-1{order:1}.lg\:order-2{order:2}.lg\:col-span-2{grid-column:span 2 / span 2}.lg\:col-span-3{grid-column:span 3 / span 3}.lg\:col-span-4{grid-column:span 4 / span 4}.lg\:block{display:block}.lg\:grid{display:grid}.lg\:hidden{display:none}.lg\:h-\[600px\]{height:600px}.lg\:w-1\/2{width:50%}.lg\:w-1\/3{width:33.333333%}.lg\:w-1\/4{width:25%}.lg\:w-3\/4{width:75%}.lg\:w-\[60\%\]{width:60%}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:justify-start{justify-content:flex-start}.lg\:justify-end{justify-content:flex-end}.lg\:gap-10{gap:2.5rem}.lg\:gap-12{gap:3rem}.lg\:px-12{padding-left:3rem;padding-right:3rem}.lg\:px-8{padding-left:2rem;padding-right:2rem}.lg\:text-left{text-align:left}.lg\:text-2xl{font-size:1.5rem;line-height:2rem}.lg\:text-4xl{font-size:2.25rem;line-height:2.5rem}.lg\:text-5xl{font-size:3rem;line-height:1}.lg\:text-8xl{font-size:6rem;line-height:1}.lg\:text-lg{font-size:1.125rem;line-height:1.75rem}}@media (min-width: 1280px){.xl\:h-\[700px\]{height:700px}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-primary);font-weight:var(--font-medium);line-height:1;text-decoration:none;white-space:nowrap;border:2px solid transparent;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-200) var(--ease-out);-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative;overflow:hidden}.btn:focus{outline:none}.btn:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}.btn-sm{height:var(--btn-height-sm);padding:0 var(--space-3);font-size:var(--text-xs);border-radius:var(--radius-md)}.btn-md{height:var(--btn-height-md);padding:0 var(--space-4);font-size:var(--text-sm)}.btn-lg{height:var(--btn-height-lg);padding:0 var(--space-6);font-size:var(--text-base)}.btn-xl{height:var(--btn-height-xl);padding:0 var(--space-8);font-size:var(--text-lg);border-radius:var(--radius-xl)}.btn-primary{background:var(--gradient-primary);color:var(--color-white);border-color:transparent;box-shadow:var(--shadow-sm),0 2px 8px #1a5f7a40}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-md),0 4px 12px #1a5f7a59}.btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-sm)}.btn-secondary{background:var(--gradient-secondary);color:var(--color-white);border-color:transparent;box-shadow:var(--shadow-sm),0 2px 8px #57c5b640}.btn-secondary:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-md),0 4px 12px #57c5b659}.btn-secondary:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-sm)}.btn-outline{background:transparent;color:var(--color-primary-500);border-color:var(--color-primary-500)}.btn-outline:hover:not(:disabled){background:var(--color-primary-500);color:var(--color-white);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-outline:active:not(:disabled){transform:translateY(0)}.btn-ghost{background:transparent;color:var(--text-primary);border-color:transparent}.btn-ghost:hover:not(:disabled){background:var(--bg-tertiary)}.btn-ghost:active:not(:disabled){background:var(--border-primary)}.btn-danger{background:var(--gradient-error);color:var(--color-white);border-color:transparent;box-shadow:var(--shadow-sm),0 2px 8px #ef444440}.btn-danger:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-md),0 4px 12px #ef444459}.btn-danger:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-sm)}.btn-success{background:var(--gradient-success);color:var(--color-white);border-color:transparent;box-shadow:var(--shadow-sm),0 2px 8px #10b98140}.btn-success:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-md),0 4px 12px #10b98159}.btn-success:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-sm)}.btn-full{width:100%}.btn-disabled,.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-loading{pointer-events:none}.btn-loading .btn-text{opacity:.7}.btn-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.btn-icon svg{width:1em;height:1em}.btn-icon-left{margin-right:var(--space-1)}.btn-icon-right{margin-left:var(--space-1)}.btn-spinner{display:inline-flex;align-items:center;justify-content:center;margin-right:var(--space-2)}.btn-spinner svg{animation:spin 1s linear infinite}.btn-text{display:inline-flex;align-items:center}.btn:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#ffffff4d;border-radius:50%;transform:translate(-50%,-50%);transition:width .3s ease,height .3s ease,opacity .3s ease;opacity:0}.btn:active:after{width:200%;height:200%;opacity:0}.btn-icon-only{padding:0;aspect-ratio:1}.btn-icon-only.btn-sm{width:var(--btn-height-sm)}.btn-icon-only.btn-md{width:var(--btn-height-md)}.btn-icon-only.btn-lg{width:var(--btn-height-lg)}.btn-icon-only.btn-xl{width:var(--btn-height-xl)}.btn-group{display:inline-flex}.btn-group .btn{border-radius:0}.btn-group .btn:first-child{border-top-left-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-lg)}.btn-group .btn:last-child{border-top-right-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg)}.btn-group .btn:not(:last-child){border-right-width:1px}[data-theme=dark] .btn-ghost:hover:not(:disabled){background:var(--color-gray-700)}[data-theme=dark] .btn-outline{color:var(--color-secondary-400);border-color:var(--color-secondary-400)}[data-theme=dark] .btn-outline:hover:not(:disabled){background:var(--color-secondary-400);color:var(--color-gray-900)}.card{background:var(--bg-primary);border-radius:var(--card-border-radius);position:relative;transition:var(--transition-all)}.card-default{box-shadow:var(--shadow-card);border:1px solid var(--border-primary)}.card-elevated{box-shadow:var(--shadow-lg);border:none}.card-bordered{box-shadow:none;border:2px solid var(--border-primary)}.card-gradient{background:var(--gradient-card);box-shadow:var(--shadow-card);border:1px solid var(--border-primary)}.card-padding-none{padding:0}.card-padding-sm{padding:var(--space-3)}.card-padding-md{padding:var(--space-5)}.card-padding-lg{padding:var(--space-6)}.card:has(.card-header),.card:has(.card-body),.card:has(.card-footer){padding:0}.card-hoverable{cursor:default}.card-hoverable:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-hover)}.card-clickable{cursor:pointer}.card-clickable:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--color-primary-200)}.card-clickable:active{transform:translateY(0);box-shadow:var(--shadow-md)}.card-clickable:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}.card-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-primary)}.card-header-content{flex:1;min-width:0}.card-header-action{flex-shrink:0;margin-left:var(--space-4)}.card-body{padding:var(--space-5)}.card-footer{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5)}.card-footer-bordered{border-top:1px solid var(--border-primary)}.card-title{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin:0;line-height:var(--leading-tight)}.card-description{font-size:var(--text-sm);color:var(--text-secondary);margin:var(--space-1) 0 0 0;line-height:var(--leading-relaxed)}.card-image{width:100%;height:auto;-o-object-fit:cover;object-fit:cover}.card-image:first-child{border-top-left-radius:calc(var(--card-border-radius) - 1px);border-top-right-radius:calc(var(--card-border-radius) - 1px)}.card-image-overlay{position:relative}.card-image-overlay:after{content:"";position:absolute;bottom:0;left:0;right:0;height:50%;background:var(--gradient-overlay);pointer-events:none}.card-badge{position:absolute;top:var(--space-3);right:var(--space-3);z-index:1}.card-stack{display:flex;flex-direction:column;gap:var(--space-4)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-6)}.card-stat{display:flex;align-items:flex-start;gap:var(--space-4)}.card-stat .card-stat-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-xl);font-size:var(--text-xl);flex-shrink:0}.card-stat .card-stat-content{flex:1;min-width:0}.card-stat .card-stat-value{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary);line-height:1}.card-stat .card-stat-label{font-size:var(--text-sm);color:var(--text-secondary);margin-top:var(--space-1)}.card-glass{background:#fffc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3)}[data-theme=dark] .card{background:var(--bg-primary)}[data-theme=dark] .card-default,[data-theme=dark] .card-gradient{border-color:var(--border-primary)}[data-theme=dark] .card-hoverable:hover,[data-theme=dark] .card-clickable:hover{border-color:var(--color-primary-400)}[data-theme=dark] .card-glass{background:#1e293bcc;border-color:#ffffff1a}@media (max-width: 640px){.card-padding-md{padding:var(--space-4)}.card-padding-lg{padding:var(--space-5)}.card-header,.card-body,.card-footer{padding-left:var(--space-4);padding-right:var(--space-4)}.card-header{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.card-header-action{margin-left:0;width:100%}}.input-wrapper{display:flex;flex-direction:column;gap:var(--space-1-5);width:100%}.input-label{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary)}.input-required{color:var(--color-error-500)}.input-container{position:relative;display:flex;align-items:center;width:100%}.input-field{width:100%;font-family:var(--font-primary);font-size:var(--text-sm);color:var(--text-primary);background-color:var(--bg-primary);border:2px solid var(--border-primary);border-radius:var(--radius-lg);transition:var(--transition-all)}.input-field::-moz-placeholder{color:var(--text-muted)}.input-field::placeholder{color:var(--text-muted)}.input-field:hover:not(:disabled){border-color:var(--border-secondary)}.input-field:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px #1a5f7a26}.input-field:disabled{background-color:var(--bg-tertiary);cursor:not-allowed;opacity:.6}.input-sm .input-field{height:var(--input-height-sm, 36px);padding:0 var(--space-3);font-size:var(--text-xs)}.input-md .input-field{height:var(--input-height-md, 44px);padding:0 var(--space-4)}.input-lg .input-field{height:var(--input-height-lg, 52px);padding:0 var(--space-5);font-size:var(--text-base)}.input-icon{position:absolute;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;color:var(--text-muted);pointer-events:none;transition:color var(--duration-150) var(--ease-out);z-index:1}.input-icon svg{width:18px;height:18px;flex-shrink:0}.input-icon-left{left:12px}.input-icon-right{right:12px}.has-left-icon .input-field{padding-left:44px}.has-right-icon .input-field{padding-right:44px}.input-sm .input-icon-left{left:10px}.input-sm .input-icon-right{right:10px}.input-sm.has-left-icon .input-field{padding-left:36px}.input-sm.has-right-icon .input-field{padding-right:36px}.input-lg .input-icon-left{left:16px}.input-lg .input-icon-right{right:16px}.input-lg.has-left-icon .input-field{padding-left:52px}.input-lg.has-right-icon .input-field{padding-right:52px}.input-password-toggle{position:absolute!important;right:6px!important;top:50%!important;transform:translateY(-50%)!important;display:flex!important;align-items:center!important;justify-content:center!important;width:32px!important;height:32px!important;padding:0!important;margin:0!important;background:transparent!important;border:none!important;border-radius:var(--radius-md)!important;color:var(--text-muted)!important;cursor:pointer!important;pointer-events:auto!important;z-index:10!important;transition:color .15s ease,background-color .15s ease!important}.input-password-toggle:hover{color:var(--green-primary, #22c55e)!important;background-color:#22c55e1a!important}.input-password-toggle:focus{outline:none!important;color:var(--green-primary, #22c55e)!important;background-color:#22c55e1a!important}.input-password-toggle:focus-visible{outline:2px solid var(--green-primary, #22c55e)!important;outline-offset:2px!important}.input-password-toggle:active{transform:translateY(-50%) scale(.95)!important}.input-password-toggle svg{width:18px!important;height:18px!important;flex-shrink:0!important;pointer-events:none!important}.input-sm .input-password-toggle{right:4px!important;width:28px!important;height:28px!important}.input-sm .input-password-toggle svg{width:16px!important;height:16px!important}.input-lg .input-password-toggle{right:8px!important;width:36px!important;height:36px!important}.input-lg .input-password-toggle svg{width:20px!important;height:20px!important}.input-focused .input-icon:not(.input-password-toggle){color:var(--color-primary-500)}.input-focused .input-password-toggle{color:var(--text-secondary)!important}.input-error .input-field{border-color:var(--color-error-500)}.input-error .input-field:focus{box-shadow:0 0 0 3px #ef444426}.input-error .input-icon:not(.input-password-toggle){color:var(--color-error-500)}.input-success .input-field{border-color:var(--color-success-500)}.input-success .input-field:focus{box-shadow:0 0 0 3px #10b98126}.input-success .input-icon:not(.input-password-toggle){color:var(--color-success-500)}.input-message{font-size:var(--text-xs);display:flex;align-items:center;gap:var(--space-1)}.input-helper-text{color:var(--text-tertiary)}.input-error-message{color:var(--color-error-500)}.input-group{display:flex}.input-group .input-field{border-radius:0}.input-group .input-wrapper:first-child .input-field{border-top-left-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-lg)}.input-group .input-wrapper:last-child .input-field{border-top-right-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg)}.input-group .input-wrapper:not(:last-child) .input-field{border-right:none}.input-group-addon{display:flex;align-items:center;padding:0 var(--space-4);font-size:var(--text-sm);color:var(--text-secondary);background-color:var(--bg-tertiary);border:2px solid var(--border-primary)}.input-group-addon:first-child{border-right:none;border-top-left-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-lg)}.input-group-addon:last-child{border-left:none;border-top-right-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg)}.input-search .input-field{border-radius:var(--radius-full)}[data-theme=dark] .input-field{background-color:var(--bg-secondary);border-color:var(--border-primary)}[data-theme=dark] .input-field:hover:not(:disabled){border-color:var(--color-gray-500)}[data-theme=dark] .input-field:focus{border-color:var(--color-secondary-400);box-shadow:0 0 0 3px #57c5b633}[data-theme=dark] .input-group-addon{background-color:var(--bg-tertiary);border-color:var(--border-primary)}[data-theme=dark] .input-password-toggle:hover{background-color:#22c55e26!important}[data-theme=dark] .input-password-toggle:focus{background-color:#22c55e26!important}.auth-form .input-field:focus{border-color:var(--green-primary, #22c55e);box-shadow:0 0 0 3px #22c55e26}.auth-form .input-focused .input-icon:not(.input-password-toggle){color:var(--green-primary, #22c55e)}[data-theme=dark] .auth-form .input-field:focus{border-color:var(--green-primary, #22c55e);box-shadow:0 0 0 3px #22c55e33}@media (max-width: 640px){.input-lg .input-field{height:var(--input-height-md, 44px);font-size:var(--text-sm)}.input-lg .input-password-toggle{right:6px!important;width:32px!important;height:32px!important}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.input-error .input-container{animation:shake .3s ease-in-out}@media (prefers-reduced-motion: reduce){.input-field,.input-icon,.input-password-toggle{transition:none!important}.input-error .input-container{animation:none}.input-password-toggle:active{transform:translateY(-50%)!important}}.modal-overlay{position:fixed;inset:0;background:#00000080;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;max-height:calc(100vh - 40px);display:flex;flex-direction:column;animation:modalSlideIn .3s ease-out;outline:none}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-sm{width:100%;max-width:400px}.modal-md{width:100%;max-width:500px}.modal-lg{width:100%;max-width:680px}.modal-xl{width:100%;max-width:900px}.modal-full{width:calc(100% - 40px);height:calc(100% - 40px);max-width:none;max-height:none}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e5e7eb;flex-shrink:0}.modal-title{font-size:20px;font-weight:600;color:#111827;margin:0}.modal-close{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:10px;color:#6b7280;cursor:pointer;transition:all .2s ease;font-size:24px;margin:-8px -8px -8px 0}.modal-close:hover{background:#f3f4f6;color:#111827}.modal-body{padding:24px;overflow-y:auto;flex:1}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #e5e7eb;flex-shrink:0}@media (prefers-color-scheme: dark){.modal-overlay{background:#000000b3}.modal{background:#1f2937}.modal-header{border-color:#374151}.modal-title{color:#f9fafb}.modal-close{color:#9ca3af}.modal-close:hover{background:#374151;color:#f9fafb}.modal-footer{border-color:#374151}}@media (max-width: 640px){.modal-overlay{padding:10px;align-items:flex-end}.modal{max-height:calc(100vh - 20px);border-radius:16px 16px 0 0;animation:modalSlideUp .3s ease-out}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.modal-sm,.modal-md,.modal-lg,.modal-xl{max-width:100%}.modal-header{padding:16px 20px}.modal-body{padding:20px}.modal-footer{padding:12px 20px;flex-direction:column}.modal-footer button{width:100%}}.loader{display:inline-flex;align-items:center;justify-content:center}.loader-sm{width:16px;height:16px}.loader-md{width:24px;height:24px}.loader-lg{width:40px;height:40px}.loader-xl{width:56px;height:56px}.loader-spinner .loader-spinner-svg{width:100%;height:100%;animation:spin 1s linear infinite}.loader-spinner-track{stroke:var(--border-primary)}.loader-spinner-progress{stroke:currentColor;stroke-linecap:round;stroke-dasharray:80,200;stroke-dashoffset:0;animation:spinnerDash 1.5s ease-in-out infinite}@keyframes spinnerDash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35}to{stroke-dasharray:89,200;stroke-dashoffset:-124}}.loader-dots{display:inline-flex;gap:var(--space-1)}.loader-dot{width:8px;height:8px;background-color:currentColor;border-radius:50%;animation:dotPulse 1.4s ease-in-out infinite}.loader-dots.loader-sm .loader-dot{width:6px;height:6px}.loader-dots.loader-lg .loader-dot{width:12px;height:12px}.loader-dots.loader-xl .loader-dot{width:16px;height:16px}.loader-dot:nth-child(1){animation-delay:-.32s}.loader-dot:nth-child(2){animation-delay:-.16s}@keyframes dotPulse{0%,80%,to{transform:scale(.6);opacity:.5}40%{transform:scale(1);opacity:1}}.loader-pulse{border-radius:50%;background-color:currentColor;animation:pulse 1.5s ease-in-out infinite}.loader-primary{color:var(--color-primary-500)}.loader-secondary{color:var(--color-secondary-400)}.loader-white{color:var(--color-white)}.loader-current{color:currentColor}.loader-fullscreen{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:var(--gradient-primary);z-index:var(--z-max)}.loader-fullscreen-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);color:var(--color-white)}.loader-fullscreen .loader{width:60px;height:60px}.loader-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background-color:#fffc;backdrop-filter:blur(2px);z-index:var(--z-modal);border-radius:inherit}.loader-overlay-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.loader-inline{display:inline-flex;align-items:center;gap:var(--space-2)}.loader-text{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary)}.loader-fullscreen .loader-text{color:var(--color-white);font-size:var(--text-base)}.skeleton{background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--bg-secondary) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;border-radius:var(--radius-md)}.skeleton-animated{animation:shimmer 1.5s infinite}.skeleton-text{height:1em;width:100%;margin-bottom:var(--space-2)}.skeleton-text:last-child{width:70%;margin-bottom:0}.skeleton-circle{border-radius:50%;width:48px;height:48px}.skeleton-rect{width:100%;height:120px}.skeleton-avatar{width:40px;height:40px;border-radius:50%}.skeleton-button{width:100px;height:40px;border-radius:var(--radius-lg)}.skeleton-card{width:100%;height:200px;border-radius:var(--radius-xl)}.skeleton-group{display:flex;flex-direction:column;gap:var(--space-2)}[data-theme=dark] .loader-overlay{background-color:#0f172acc}[data-theme=dark] .loader-spinner-track{stroke:var(--color-gray-700)}[data-theme=dark] .skeleton{background:linear-gradient(90deg,var(--color-gray-700) 25%,var(--color-gray-600) 50%,var(--color-gray-700) 75%);background-size:200% 100%}.badge{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);font-family:var(--font-primary);font-weight:var(--font-medium);line-height:1;white-space:nowrap;border-radius:var(--radius-md);transition:var(--transition-colors)}.badge-sm{padding:var(--space-0-5) var(--space-2);font-size:10px}.badge-md{padding:var(--space-1) var(--space-2-5);font-size:var(--text-xs)}.badge-lg{padding:var(--space-1-5) var(--space-3);font-size:var(--text-sm)}.badge-solid.badge-primary{background-color:var(--color-primary-500);color:var(--color-white)}.badge-solid.badge-secondary{background-color:var(--color-secondary-400);color:var(--color-white)}.badge-solid.badge-success{background-color:var(--color-success-500);color:var(--color-white)}.badge-solid.badge-warning{background-color:var(--color-warning-500);color:var(--color-gray-900)}.badge-solid.badge-error{background-color:var(--color-error-500);color:var(--color-white)}.badge-solid.badge-info{background-color:var(--color-info-500);color:var(--color-white)}.badge-solid.badge-neutral{background-color:var(--color-gray-500);color:var(--color-white)}.badge-soft.badge-primary{background-color:var(--color-primary-50);color:var(--color-primary-700)}.badge-soft.badge-secondary{background-color:var(--color-secondary-50);color:var(--color-secondary-700)}.badge-soft.badge-success{background-color:var(--color-success-50);color:var(--color-success-700)}.badge-soft.badge-warning{background-color:var(--color-warning-50);color:var(--color-warning-700)}.badge-soft.badge-error{background-color:var(--color-error-50);color:var(--color-error-700)}.badge-soft.badge-info{background-color:var(--color-info-50);color:var(--color-info-700)}.badge-soft.badge-neutral{background-color:var(--color-gray-100);color:var(--color-gray-700)}.badge-outline{background-color:transparent;border:1px solid currentColor}.badge-outline.badge-primary{color:var(--color-primary-500)}.badge-outline.badge-secondary{color:var(--color-secondary-500)}.badge-outline.badge-success{color:var(--color-success-500)}.badge-outline.badge-warning{color:var(--color-warning-500)}.badge-outline.badge-error{color:var(--color-error-500)}.badge-outline.badge-info{color:var(--color-info-500)}.badge-outline.badge-neutral{color:var(--color-gray-500)}.badge-pill{border-radius:var(--radius-full)}.badge-dot-indicator{width:6px;height:6px;border-radius:50%;background-color:currentColor;flex-shrink:0}.badge-sm .badge-dot-indicator{width:5px;height:5px}.badge-lg .badge-dot-indicator{width:8px;height:8px}.badge-pulse .badge-dot-indicator{position:relative}.badge-pulse .badge-dot-indicator:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background-color:currentColor;animation:ping 1s cubic-bezier(0,0,.2,1) infinite}.badge-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.badge-icon svg{width:1em;height:1em}.badge-text{display:inline-block}.notification-badge-wrapper{position:relative;display:inline-flex}.notification-badge{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-weight:var(--font-bold);line-height:18px;text-align:center;color:var(--color-white);border-radius:var(--radius-full);border:2px solid var(--bg-primary);z-index:1}.notification-badge-primary{background-color:var(--color-primary-500)}.notification-badge-secondary{background-color:var(--color-secondary-400)}.notification-badge-success{background-color:var(--color-success-500)}.notification-badge-warning{background-color:var(--color-warning-500)}.notification-badge-error{background-color:var(--color-error-500)}.notification-badge-info{background-color:var(--color-info-500)}[data-theme=dark] .badge-soft.badge-primary{background-color:#1a5f7a33;color:var(--color-primary-300)}[data-theme=dark] .badge-soft.badge-secondary{background-color:#57c5b633;color:var(--color-secondary-300)}[data-theme=dark] .badge-soft.badge-success{background-color:#10b98133;color:var(--color-success-400)}[data-theme=dark] .badge-soft.badge-warning{background-color:#f59e0b33;color:var(--color-warning-400)}[data-theme=dark] .badge-soft.badge-error{background-color:#ef444433;color:var(--color-error-400)}[data-theme=dark] .badge-soft.badge-info{background-color:#3b82f633;color:var(--color-info-400)}[data-theme=dark] .badge-soft.badge-neutral{background-color:#64748b33;color:var(--color-gray-300)}[data-theme=dark] .notification-badge{border-color:var(--bg-primary)}.avatar{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;background-color:var(--color-gray-200);-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle}.avatar-xs{width:var(--avatar-size-xs);height:var(--avatar-size-xs);font-size:10px}.avatar-sm{width:var(--avatar-size-sm);height:var(--avatar-size-sm);font-size:var(--text-xs)}.avatar-md{width:var(--avatar-size-md);height:var(--avatar-size-md);font-size:var(--text-sm)}.avatar-lg{width:var(--avatar-size-lg);height:var(--avatar-size-lg);font-size:var(--text-base)}.avatar-xl{width:var(--avatar-size-xl);height:var(--avatar-size-xl);font-size:var(--text-lg)}.avatar-2xl{width:var(--avatar-size-2xl);height:var(--avatar-size-2xl);font-size:var(--text-xl)}.avatar-circle{border-radius:var(--radius-full)}.avatar-rounded{border-radius:var(--radius-lg)}.avatar-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.avatar-initials{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-weight:var(--font-semibold);color:var(--color-white);text-transform:uppercase;letter-spacing:.025em}.avatar-status{position:absolute;bottom:0;right:0;width:25%;height:25%;min-width:8px;min-height:8px;max-width:14px;max-height:14px;border-radius:var(--radius-full);border:2px solid var(--bg-primary)}.avatar-status-online{background-color:var(--color-success-500)}.avatar-status-offline{background-color:var(--color-gray-400)}.avatar-status-busy{background-color:var(--color-error-500)}.avatar-status-away{background-color:var(--color-warning-500)}.avatar-xl .avatar-status,.avatar-2xl .avatar-status{max-width:18px;max-height:18px;border-width:3px}.avatar-bordered{border:3px solid var(--bg-primary);box-shadow:0 0 0 1px var(--border-primary)}.avatar-clickable{cursor:pointer;transition:var(--transition-all)}.avatar-clickable:hover{transform:scale(1.05);box-shadow:var(--shadow-md)}.avatar-clickable:focus{outline:none}.avatar-clickable:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}.avatar-group{display:inline-flex;flex-direction:row-reverse}.avatar-group-item{margin-left:-8px}.avatar-group-item:last-child{margin-left:0}.avatar-group .avatar{border:2px solid var(--bg-primary);transition:var(--transition-transform)}.avatar-group .avatar:hover{z-index:1;transform:translateY(-2px)}.avatar-group-xs .avatar-group-item{margin-left:-6px}.avatar-group-sm .avatar-group-item{margin-left:-8px}.avatar-group-md .avatar-group-item{margin-left:-10px}.avatar-group-lg .avatar-group-item{margin-left:-12px}.avatar-group-xl .avatar-group-item{margin-left:-16px}.avatar-remaining{background-color:var(--color-gray-100)}.avatar-remaining-count{background-color:var(--color-gray-200);color:var(--color-gray-600);font-weight:var(--font-semibold)}[data-theme=dark] .avatar{background-color:var(--color-gray-700)}[data-theme=dark] .avatar-bordered{border-color:var(--bg-primary);box-shadow:0 0 0 1px var(--border-primary)}[data-theme=dark] .avatar-status,[data-theme=dark] .avatar-group .avatar{border-color:var(--bg-primary)}[data-theme=dark] .avatar-remaining{background-color:var(--color-gray-700)}[data-theme=dark] .avatar-remaining-count{background-color:var(--color-gray-600);color:var(--color-gray-300)}.avatar-loading{background:linear-gradient(90deg,var(--color-gray-200) 25%,var(--color-gray-100) 50%,var(--color-gray-200) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}[data-theme=dark] .avatar-loading{background:linear-gradient(90deg,var(--color-gray-700) 25%,var(--color-gray-600) 50%,var(--color-gray-700) 75%);background-size:200% 100%}.sidebar{position:fixed;top:0;left:0;width:var(--sidebar-width);height:100vh;display:flex;flex-direction:column;background:var(--bg-primary);border-right:1px solid var(--border-primary);z-index:var(--z-fixed);transition:all var(--duration-300) var(--ease-out);overflow:hidden}.sidebar-collapsed{width:var(--sidebar-width-collapsed)}@media (max-width: 1023px){.sidebar{width:var(--sidebar-width-mobile);transform:translate(-100%);box-shadow:none}.sidebar-open{transform:translate(0);box-shadow:var(--shadow-2xl)}.sidebar-collapsed{width:var(--sidebar-width-mobile)}}.sidebar-header{position:relative;display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-4);background:#0a0a0a;border-bottom:1px solid rgba(34,197,94,.2);flex-shrink:0;overflow:hidden;min-height:80px}.sidebar-header-bg{position:absolute;inset:0;overflow:hidden;pointer-events:none}.bubble{position:absolute;border-radius:50%;background:radial-gradient(circle at 30% 30%,#22c55ecc,#22c55e33);box-shadow:0 0 20px #22c55e4d,inset 0 0 20px #ffffff1a;animation:floatBubble 6s ease-in-out infinite}.bubble-1{width:60px;height:60px;top:-20px;left:-15px;opacity:.6;animation-delay:0s;background:radial-gradient(circle at 30% 30%,#22c55eb3,#10b98133)}.bubble-2{width:30px;height:30px;top:10px;right:60px;opacity:.5;animation-delay:-1s;animation-duration:5s}.bubble-3{width:20px;height:20px;bottom:10px;left:30%;opacity:.4;animation-delay:-2s;animation-duration:7s}.bubble-4{width:45px;height:45px;bottom:-15px;right:-10px;opacity:.5;animation-delay:-3s;background:radial-gradient(circle at 30% 30%,#10b981b3,#22c55e33)}.bubble-5{width:15px;height:15px;top:50%;left:20%;opacity:.6;animation-delay:-4s;animation-duration:4s}.bubble-6{width:25px;height:25px;top:20px;left:50%;opacity:.3;animation-delay:-1.5s;animation-duration:8s}.bubble-7{width:35px;height:35px;bottom:5px;left:60%;opacity:.4;animation-delay:-2.5s;animation-duration:6s;background:radial-gradient(circle at 30% 30%,#4ade8099,#22c55e1a)}.bubble-8{width:12px;height:12px;top:35%;right:30%;opacity:.5;animation-delay:-.5s;animation-duration:5s}@keyframes floatBubble{0%,to{transform:translateY(0) scale(1)}25%{transform:translateY(-5px) scale(1.05)}50%{transform:translateY(-2px) scale(.95)}75%{transform:translateY(-8px) scale(1.02)}}.sidebar-header:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200%;height:200%;background:radial-gradient(ellipse at center,rgba(34,197,94,.1) 0%,rgba(34,197,94,.05) 30%,transparent 70%);pointer-events:none;z-index:0}.sidebar-header:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(34,197,94,.1),transparent);animation:shimmer 8s infinite;pointer-events:none;z-index:0}@keyframes shimmer{0%{left:-100%}50%{left:100%}to{left:100%}}.sidebar-logo{display:flex;align-items:center;gap:var(--space-3);text-decoration:none;flex:1;min-width:0;position:relative;z-index:1}.sidebar-logo-icon{width:40px;height:40px;flex-shrink:0}.sidebar-logo-icon svg{width:100%;height:100%}.sidebar-logo-text{display:flex;flex-direction:column;min-width:0}.sidebar-logo-title{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-primary-500);line-height:1.2;white-space:nowrap}.sidebar-logo-subtitle{font-size:var(--text-xs);color:var(--text-tertiary);white-space:nowrap}.sidebar-logo-image{width:180px;height:auto;max-height:50px;-o-object-fit:contain;object-fit:contain;transition:all .3s ease;filter:drop-shadow(0 0 10px rgba(34,197,94,.3));position:relative;z-index:1}.sidebar-logo-image.sidebar-logo-collapsed{width:40px;height:40px;-o-object-fit:contain;object-fit:contain}.sidebar-close-btn,.sidebar-collapse-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;color:#fffc;background:#22c55e33;border:1px solid rgba(34,197,94,.3);border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition-all);flex-shrink:0;position:relative;z-index:1}.sidebar-close-btn:hover,.sidebar-collapse-btn:hover{color:#fff;background-color:#22c55e66;border-color:#22c55e80;box-shadow:0 0 15px #22c55e4d}.sidebar-close-btn svg,.sidebar-collapse-btn svg{width:20px;height:20px}.mobile-only{display:none}.desktop-only{display:flex}@media (max-width: 1023px){.mobile-only{display:flex}.desktop-only{display:none}}.sidebar-user{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);margin:var(--space-3) var(--space-3) 0;background:var(--gradient-light);border-radius:var(--radius-xl);border:1px solid var(--border-primary)}.sidebar-user-info{display:flex;flex-direction:column;min-width:0;flex:1}.sidebar-user-name{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-role{font-size:var(--text-xs);color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-collapsed{display:flex;justify-content:center;padding:var(--space-4) var(--space-2)}.sidebar-nav{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--space-4) 0}.sidebar-nav-section{margin-bottom:var(--space-4)}.sidebar-nav-section:last-child{margin-bottom:0}.sidebar-nav-title{padding:var(--space-2) var(--space-4);font-size:10px;font-weight:var(--font-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin:0}.sidebar-nav-list{list-style:none;margin:0;padding:0}.sidebar-nav-item{margin:var(--space-1) var(--space-2)}.sidebar-nav-link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-3);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);text-decoration:none;border-radius:var(--radius-lg);transition:var(--transition-all);position:relative}.sidebar-nav-link:hover{color:var(--text-primary);background-color:var(--bg-tertiary)}.sidebar-nav-link.active{color:var(--color-primary-500);background:var(--color-primary-50)}.sidebar-nav-link.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:24px;background:var(--gradient-primary);border-radius:0 var(--radius-full) var(--radius-full) 0}.sidebar-nav-icon{display:flex;align-items:center;justify-content:center;width:22px;height:22px;flex-shrink:0}.sidebar-nav-icon svg{width:100%;height:100%}.sidebar-nav-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-collapsed .sidebar-nav-link{justify-content:center;padding:var(--space-3)}.sidebar-collapsed .sidebar-nav-icon{width:24px;height:24px}.sidebar-collapsed .sidebar-nav-link.active:before{display:none}.sidebar-collapsed .sidebar-nav-link{position:relative}.sidebar-collapsed .sidebar-nav-link:after{content:attr(title);position:absolute;left:calc(100% + 10px);top:50%;transform:translateY(-50%);padding:var(--space-2) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-white);background-color:var(--color-gray-800);border-radius:var(--radius-md);white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--duration-150) var(--ease-out),visibility var(--duration-150) var(--ease-out);z-index:var(--z-tooltip)}.sidebar-collapsed .sidebar-nav-link:hover:after{opacity:1;visibility:visible}.sidebar-collapsed .sidebar-header{padding:var(--space-4) var(--space-2);justify-content:center}.sidebar-collapsed .bubble-1{width:30px;height:30px;top:-10px;left:-5px}.sidebar-collapsed .bubble-2{width:15px;height:15px;top:5px;right:5px}.sidebar-collapsed .bubble-3{width:10px;height:10px;bottom:5px;left:20%}.sidebar-collapsed .bubble-4{width:20px;height:20px;bottom:-5px;right:-5px}.sidebar-collapsed .bubble-5,.sidebar-collapsed .bubble-6,.sidebar-collapsed .bubble-7,.sidebar-collapsed .bubble-8{display:none}.sidebar-footer{padding:var(--space-4);border-top:1px solid var(--border-primary);flex-shrink:0}.sidebar-logout-btn{display:flex;align-items:center;justify-content:flex-start;gap:var(--space-3);width:100%;padding:var(--space-3);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-error-500);background:transparent;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition-all)}.sidebar-logout-btn:hover{background-color:var(--color-error-50)}.sidebar-collapsed .sidebar-logout-btn{justify-content:center}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:var(--radius-full)}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}[data-theme=dark] .sidebar{background:var(--bg-primary);border-right-color:var(--border-primary)}[data-theme=dark] .sidebar-header{background:#050505;border-bottom-color:#22c55e4d}[data-theme=dark] .bubble{background:radial-gradient(circle at 30% 30%,#22c55ee6,#22c55e4d);box-shadow:0 0 25px #22c55e66,inset 0 0 20px #ffffff26}[data-theme=dark] .sidebar-logo-image{filter:drop-shadow(0 0 15px rgba(34,197,94,.5))}[data-theme=dark] .sidebar-user{background:var(--gradient-light);border-color:var(--border-primary)}[data-theme=dark] .sidebar-nav-link:hover{background-color:var(--bg-tertiary)}[data-theme=dark] .sidebar-nav-link.active{color:var(--color-secondary-400);background:#57c5b61a}[data-theme=dark] .sidebar-nav-link.active:before{background:var(--gradient-secondary)}[data-theme=dark] .sidebar-logout-btn:hover{background-color:#ef44441a}[data-theme=dark] .sidebar-nav::-webkit-scrollbar-thumb{background:var(--color-gray-600)}[data-theme=dark] .sidebar-nav::-webkit-scrollbar-thumb:hover{background:var(--color-gray-500)}.header{position:fixed;top:0;right:0;left:var(--sidebar-width);height:var(--header-height);background-color:#ffffffe6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--border-primary);z-index:var(--z-sticky);transition:left var(--duration-300) var(--ease-out)}.layout-sidebar-collapsed .header{left:var(--sidebar-width-collapsed)}@media (max-width: 1023px){.header{left:0;height:var(--header-height-mobile)}.layout-sidebar-collapsed .header{left:0}}.header-content{display:flex;align-items:center;justify-content:space-between;height:100%;padding:0 var(--space-6);gap:var(--space-4)}@media (max-width: 767px){.header-content{padding:0 var(--space-4)}}.header-left{display:flex;align-items:center;gap:var(--space-4);flex:1}.header-menu-btn{display:none;align-items:center;justify-content:center;width:40px;height:40px;padding:0;color:var(--text-secondary);background:transparent;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition-all)}.header-menu-btn:hover{color:var(--text-primary);background-color:var(--bg-tertiary)}.header-menu-btn svg{width:24px;height:24px}@media (max-width: 1023px){.header-menu-btn{display:flex}}.header-search{position:relative;display:flex;align-items:center;max-width:400px;flex:1}.header-search-input-wrapper{position:relative;width:100%}.header-search-icon{position:absolute;left:var(--space-4);top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--text-muted);pointer-events:none}.header-search-input{width:100%;height:42px;padding:0 var(--space-10);font-size:var(--text-sm);color:var(--text-primary);background-color:var(--bg-tertiary);border:2px solid transparent;border-radius:var(--radius-full);transition:var(--transition-all)}.header-search-input::-moz-placeholder{color:var(--text-muted)}.header-search-input::placeholder{color:var(--text-muted)}.header-search-input:hover{background-color:var(--bg-secondary);border-color:var(--border-primary)}.header-search-input:focus{outline:none;background-color:var(--bg-primary);border-color:var(--color-primary-500);box-shadow:0 0 0 3px #1a5f7a1a}.header-search-clear{position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;color:var(--text-muted);background:transparent;border:none;border-radius:var(--radius-full);cursor:pointer;transition:var(--transition-colors)}.header-search-clear:hover{color:var(--text-primary);background-color:var(--bg-tertiary)}.header-search-toggle{display:none}@media (max-width: 767px){.header-search{position:static}.header-search-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;color:var(--text-secondary);background:transparent;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition-all)}.header-search-toggle:hover{color:var(--text-primary);background-color:var(--bg-tertiary)}.header-search-toggle svg{width:22px;height:22px}.header-search-input-wrapper{position:fixed;top:var(--header-height-mobile);left:0;right:0;padding:var(--space-3) var(--space-4);background-color:var(--bg-primary);border-bottom:1px solid var(--border-primary);transform:translateY(-100%);opacity:0;visibility:hidden;transition:var(--transition-all);z-index:var(--z-sticky)}.header-search-open .header-search-input-wrapper{transform:translateY(0);opacity:1;visibility:visible}.header-search-input{border-radius:var(--radius-lg)}}.header-icon-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;color:var(--text-secondary);background:transparent;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition-all)}.header-icon-btn:hover,.header-icon-btn.active{color:var(--text-primary);background-color:var(--bg-tertiary)}.header-icon-btn svg{width:22px;height:22px}.header-profile-btn{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-1-5) var(--space-3) var(--space-1-5) var(--space-1-5);background:transparent;border:none;border-radius:var(--radius-full);cursor:pointer;transition:var(--transition-all)}.header-profile-btn:hover,.header-profile-btn.active{background-color:var(--bg-tertiary)}.header-profile-info{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.header-profile-name{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary);line-height:1.2}.header-profile-role{font-size:var(--text-xs);color:var(--text-tertiary)}@media (max-width: 767px){.header-profile-info{display:none}.header-profile-btn{padding:var(--space-1)}}.header-dropdown-wrapper{position:relative}.header-dropdown{position:absolute;top:calc(100% + var(--space-2));right:0;min-width:280px;background-color:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);overflow:hidden;animation:fadeInDown var(--duration-200) var(--ease-out);z-index:var(--z-dropdown)}.header-dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);border-bottom:1px solid var(--border-primary)}.header-dropdown-title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);margin:0}.header-dropdown-action{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-primary-500);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-colors)}.header-dropdown-action:hover{background-color:var(--color-primary-50)}.header-dropdown-action svg{width:14px;height:14px}.header-dropdown-footer{padding:var(--space-3) var(--space-4);border-top:1px solid var(--border-primary);background-color:var(--bg-secondary)}.header-dropdown-link{display:flex;align-items:center;justify-content:center;gap:var(--space-1);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-primary-500);text-decoration:none;transition:var(--transition-colors)}.header-dropdown-link:hover{color:var(--color-primary-600)}.header-dropdown-link svg{width:16px;height:16px}.header-dropdown-divider{height:1px;background-color:var(--border-primary);margin:var(--space-2) 0}.header-notifications-dropdown{width:380px}.header-notifications-list{max-height:360px;overflow-y:auto}.header-notification-item{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);transition:background-color var(--duration-150) var(--ease-out);cursor:pointer}.header-notification-item:hover{background-color:var(--bg-secondary)}.header-notification-item.unread{background-color:var(--color-primary-50)}.header-notification-item.unread:hover{background-color:var(--color-primary-100)}.header-notification-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-lg);flex-shrink:0}.header-notification-icon svg{width:18px;height:18px}.header-notification-icon-primary{background-color:var(--color-primary-100);color:var(--color-primary-600)}.header-notification-icon-success{background-color:var(--color-success-100);color:var(--color-success-600)}.header-notification-icon-warning{background-color:var(--color-warning-100);color:var(--color-warning-600)}.header-notification-icon-error{background-color:var(--color-error-100);color:var(--color-error-600)}.header-notification-icon-info{background-color:var(--color-info-100);color:var(--color-info-600)}.header-notification-content{flex:1;min-width:0}.header-notification-title{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary);margin:0 0 var(--space-0-5) 0}.header-notification-message{font-size:var(--text-xs);color:var(--text-secondary);margin:0 0 var(--space-1) 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.header-notification-time{font-size:10px;color:var(--text-muted)}.header-notification-dot{width:8px;height:8px;background-color:var(--color-primary-500);border-radius:var(--radius-full);flex-shrink:0;margin-top:var(--space-1)}.header-notifications-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8) var(--space-4);color:var(--text-muted)}.header-notifications-empty svg{width:40px;height:40px;margin-bottom:var(--space-2)}.header-notifications-empty p{font-size:var(--text-sm);margin:0}@media (max-width: 480px){.header-notifications-dropdown{position:fixed;top:var(--header-height-mobile);left:var(--space-3);right:var(--space-3);width:auto;max-height:calc(100vh - var(--header-height-mobile) - var(--space-6));border-radius:var(--radius-xl)}}.header-profile-dropdown{width:280px;padding:var(--space-3)}.header-dropdown-user{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);margin-bottom:var(--space-2);background-color:var(--bg-secondary);border-radius:var(--radius-lg)}.header-dropdown-user-info{flex:1;min-width:0}.header-dropdown-user-name{display:block;font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-dropdown-user-email{display:block;font-size:var(--text-xs);color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-dropdown-menu{display:flex;flex-direction:column;gap:var(--space-1)}.header-dropdown-menu-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2-5) var(--space-3);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);text-decoration:none;background:transparent;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition-all);width:100%}.header-dropdown-menu-item:hover{color:var(--text-primary);background-color:var(--bg-tertiary)}.header-dropdown-menu-item svg{width:18px;height:18px;flex-shrink:0}.header-dropdown-logout{color:var(--color-error-500)}.header-dropdown-logout:hover{color:var(--color-error-600);background-color:var(--color-error-50)}[data-theme=dark] .header{background-color:#0f172ae6;border-bottom-color:var(--border-primary)}[data-theme=dark] .header-search-input{background-color:var(--bg-tertiary)}[data-theme=dark] .header-search-input:hover{background-color:var(--bg-secondary)}[data-theme=dark] .header-search-input:focus{background-color:var(--bg-primary);border-color:var(--color-secondary-400)}[data-theme=dark] .header-dropdown{background-color:var(--bg-primary);border-color:var(--border-primary)}[data-theme=dark] .header-notification-item.unread{background-color:#57c5b61a}[data-theme=dark] .header-notification-item.unread:hover{background-color:#57c5b626}[data-theme=dark] .header-dropdown-user{background-color:var(--bg-secondary)}[data-theme=dark] .header-dropdown-logout:hover{background-color:#ef44441a}.layout{display:flex;min-height:100vh;background-color:var(--bg-secondary)}.layout-overlay{display:none;position:fixed;inset:0;background-color:#00000080;backdrop-filter:blur(2px);z-index:var(--z-drawer);animation:fadeIn var(--duration-200) var(--ease-out)}@media (max-width: 1023px){.layout-overlay{display:block}}.layout-main{flex:1;display:flex;flex-direction:column;min-height:100vh;margin-left:var(--sidebar-width);transition:margin-left var(--duration-300) var(--ease-out)}.layout-sidebar-collapsed .layout-main{margin-left:var(--sidebar-width-collapsed)}@media (max-width: 1023px){.layout-main,.layout-sidebar-collapsed .layout-main{margin-left:0}}.layout-content{flex:1;padding:var(--space-6);padding-top:calc(var(--header-height) + var(--space-6));overflow-x:hidden}.layout-content-inner{max-width:var(--content-max-width);margin:0 auto;animation:fadeInUp var(--duration-300) var(--ease-out)}@media (max-width: 767px){.layout-content{padding:var(--space-4);padding-top:calc(var(--header-height-mobile) + var(--space-4))}}@media (min-width: 768px) and (max-width: 1023px){.layout-content{padding:var(--space-5);padding-top:calc(var(--header-height) + var(--space-5))}}.page-header{margin-bottom:var(--space-6)}.page-header-row{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.page-title{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary);margin:0;line-height:var(--leading-tight)}.page-subtitle{font-size:var(--text-sm);color:var(--text-secondary);margin-top:var(--space-1)}.page-actions{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}@media (max-width: 640px){.page-header-row{flex-direction:column;align-items:stretch}.page-actions{width:100%}.page-actions>*{flex:1}.page-title{font-size:var(--text-xl)}}.breadcrumb{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);font-size:var(--text-sm)}.breadcrumb-item{display:inline-flex;align-items:center;color:var(--text-tertiary)}.breadcrumb-item a{color:var(--text-tertiary);text-decoration:none;transition:color var(--duration-150) var(--ease-out)}.breadcrumb-item a:hover{color:var(--color-primary-500)}.breadcrumb-item.active{color:var(--text-primary);font-weight:var(--font-medium)}.breadcrumb-separator{color:var(--text-muted)}.content-section{margin-bottom:var(--space-8)}.content-section:last-child{margin-bottom:0}.section-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4)}.section-title{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin:0}.section-subtitle{font-size:var(--text-sm);color:var(--text-secondary);margin-top:var(--space-1)}.section-action{flex-shrink:0}.content-grid{display:grid;gap:var(--space-6)}.content-grid-2,.content-grid-3,.content-grid-4{grid-template-columns:repeat(1,1fr)}@media (min-width: 640px){.content-grid-2,.content-grid-3,.content-grid-4{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.content-grid-3,.content-grid-4{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1280px){.content-grid-4{grid-template-columns:repeat(4,1fr)}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12) var(--space-6);text-align:center}.empty-state-icon{width:80px;height:80px;margin-bottom:var(--space-4);color:var(--text-muted)}.empty-state-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--space-2) 0}.empty-state-description{font-size:var(--text-sm);color:var(--text-secondary);max-width:400px;margin:0 0 var(--space-6) 0}[data-theme=dark] .layout{background-color:var(--bg-secondary)}[data-theme=dark] .layout-overlay{background-color:#000000b3}.stat-card{position:relative;display:flex;flex-direction:column;padding:var(--space-5);background:var(--bg-primary);border-radius:var(--radius-xl);border:1px solid var(--border-primary);box-shadow:var(--shadow-sm);transition:var(--transition-all);overflow:hidden;animation:fadeInUp var(--duration-300) var(--ease-out) backwards}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.stat-card-content{display:flex;align-items:flex-start;gap:var(--space-4)}.stat-card-icon{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:var(--radius-xl);flex-shrink:0;transition:transform var(--duration-300) var(--ease-out)}.stat-card:hover .stat-card-icon{transform:scale(1.1)}.stat-card-icon svg{width:26px;height:26px}.stat-card-info{display:flex;flex-direction:column;gap:var(--space-1);min-width:0;flex:1}.stat-card-value{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary);line-height:1.2}.stat-card-title{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-card-trend{display:flex;align-items:center;gap:var(--space-1);margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border-primary);font-size:var(--text-xs)}.stat-card-trend-icon{display:flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:var(--radius-full)}.stat-card-trend-icon svg{width:12px;height:12px}.stat-card-trend-value{font-weight:var(--font-semibold)}.stat-card-trend-text{color:var(--text-tertiary)}.stat-card-trend-up .stat-card-trend-icon{background-color:var(--color-success-50);color:var(--color-success-600)}.stat-card-trend-up .stat-card-trend-value{color:var(--color-success-600)}.stat-card-trend-down .stat-card-trend-icon{background-color:var(--color-error-50);color:var(--color-error-600)}.stat-card-trend-down .stat-card-trend-value{color:var(--color-error-600)}.stat-card-primary .stat-card-icon{background:linear-gradient(135deg,var(--color-primary-100) 0%,var(--color-primary-50) 100%);color:var(--color-primary-600)}.stat-card-primary:before{content:"";position:absolute;top:0;right:0;width:100px;height:100px;background:radial-gradient(circle,var(--color-primary-50) 0%,transparent 70%);opacity:.5}.stat-card-secondary .stat-card-icon{background:linear-gradient(135deg,var(--color-secondary-100) 0%,var(--color-secondary-50) 100%);color:var(--color-secondary-600)}.stat-card-secondary:before{content:"";position:absolute;top:0;right:0;width:100px;height:100px;background:radial-gradient(circle,var(--color-secondary-50) 0%,transparent 70%);opacity:.5}.stat-card-success .stat-card-icon{background:linear-gradient(135deg,var(--color-success-100) 0%,var(--color-success-50) 100%);color:var(--color-success-600)}.stat-card-success:before{content:"";position:absolute;top:0;right:0;width:100px;height:100px;background:radial-gradient(circle,var(--color-success-50) 0%,transparent 70%);opacity:.5}.stat-card-warning .stat-card-icon{background:linear-gradient(135deg,var(--color-warning-100) 0%,var(--color-warning-50) 100%);color:var(--color-warning-600)}.stat-card-warning:before{content:"";position:absolute;top:0;right:0;width:100px;height:100px;background:radial-gradient(circle,var(--color-warning-50) 0%,transparent 70%);opacity:.5}.stat-card-error .stat-card-icon{background:linear-gradient(135deg,var(--color-error-100) 0%,var(--color-error-50) 100%);color:var(--color-error-600)}.stat-card-info .stat-card-icon{background:linear-gradient(135deg,var(--color-info-100) 0%,var(--color-info-50) 100%);color:var(--color-info-600)}.stat-card-info:before{content:"";position:absolute;top:0;right:0;width:100px;height:100px;background:radial-gradient(circle,var(--color-info-50) 0%,transparent 70%);opacity:.5}[data-theme=dark] .stat-card{background:var(--bg-primary);border-color:var(--border-primary)}[data-theme=dark] .stat-card-primary .stat-card-icon{background:linear-gradient(135deg,#1a5f7a4d,#1a5f7a1a);color:var(--color-primary-400)}[data-theme=dark] .stat-card-secondary .stat-card-icon{background:linear-gradient(135deg,#57c5b64d,#57c5b61a);color:var(--color-secondary-400)}[data-theme=dark] .stat-card-success .stat-card-icon{background:linear-gradient(135deg,#10b9814d,#10b9811a);color:var(--color-success-400)}[data-theme=dark] .stat-card-warning .stat-card-icon{background:linear-gradient(135deg,#f59e0b4d,#f59e0b1a);color:var(--color-warning-400)}[data-theme=dark] .stat-card-info .stat-card-icon{background:linear-gradient(135deg,#3b82f64d,#3b82f61a);color:var(--color-info-400)}[data-theme=dark] .stat-card:before{opacity:.1}[data-theme=dark] .stat-card-trend-up .stat-card-trend-icon{background-color:#10b98133}[data-theme=dark] .stat-card-trend-down .stat-card-trend-icon{background-color:#ef444433}@media (max-width: 640px){.stat-card{padding:var(--space-4)}.stat-card-icon{width:44px;height:44px}.stat-card-icon svg{width:22px;height:22px}.stat-card-value{font-size:var(--text-xl)}.stat-card-title{font-size:var(--text-xs)}}.course-card{display:flex;flex-direction:column;background:var(--bg-primary);border-radius:var(--radius-xl);border:1px solid var(--border-primary);box-shadow:var(--shadow-sm);overflow:hidden;transition:var(--transition-all);animation:fadeInUp var(--duration-300) var(--ease-out) backwards}.course-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-xl);border-color:var(--color-primary-200)}.course-card-thumbnail{position:relative;aspect-ratio:16 / 9;overflow:hidden}.course-card-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform var(--duration-500) var(--ease-out)}.course-card:hover .course-card-image{transform:scale(1.1)}.course-card-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#0000,#0000004d);opacity:0;transition:opacity var(--duration-300) var(--ease-out)}.course-card:hover .course-card-overlay{opacity:1}.course-card-play-btn{display:flex;align-items:center;justify-content:center;width:60px;height:60px;background:#fffffff2;border:none;border-radius:var(--radius-full);cursor:pointer;transition:var(--transition-all);transform:scale(.8);opacity:0}.course-card:hover .course-card-play-btn{transform:scale(1);opacity:1}.course-card-play-btn:hover{transform:scale(1.1)!important;background:var(--color-white);box-shadow:var(--shadow-lg)}.course-card-play-btn svg{width:32px;height:32px;color:var(--color-primary-500)}.course-card-category{position:absolute;top:var(--space-3);left:var(--space-3);z-index:1}.course-card-live-badge{position:absolute;top:var(--space-3);right:var(--space-3);z-index:1}.course-card-live-badge .badge{display:flex;align-items:center;gap:var(--space-1)}.course-card-content{display:flex;flex-direction:column;padding:var(--space-4);flex:1}.course-card-title{font-family:var(--font-heading);font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);line-height:var(--leading-snug);margin:0 0 var(--space-2) 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.course-card-instructor{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-3)}.course-card-instructor svg{width:16px;height:16px;color:var(--text-muted)}.course-card-meta{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-4)}.course-card-meta-item{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--text-tertiary)}.course-card-meta-item svg{width:14px;height:14px}.course-card-progress{margin-bottom:var(--space-3)}.course-card-progress-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-1)}.course-card-progress-label{font-size:var(--text-xs);color:var(--text-tertiary)}.course-card-progress-value{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-primary-500)}.course-card-progress-bar{height:6px;background-color:var(--bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.course-card-progress-fill{height:100%;background:var(--gradient-primary);border-radius:var(--radius-full);transition:width var(--duration-500) var(--ease-out)}.course-card-completed .course-card-progress-fill{background:var(--gradient-success)}.course-card-completed .course-card-progress-value{color:var(--color-success-500)}.course-card-next-lesson{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);margin-bottom:var(--space-3);background-color:var(--bg-secondary);border-radius:var(--radius-md);font-size:var(--text-xs)}.course-card-next-label{color:var(--text-tertiary);flex-shrink:0}.course-card-next-title{color:var(--text-primary);font-weight:var(--font-medium);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.course-card-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-white);background:var(--gradient-primary);border:none;border-radius:var(--radius-lg);text-decoration:none;cursor:pointer;transition:var(--transition-all);margin-top:auto}.course-card-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-primary)}.course-card-btn svg{width:16px;height:16px;transition:transform var(--duration-200) var(--ease-out)}.course-card-btn:hover svg{transform:translate(4px)}.course-card-completed .course-card-btn{background:var(--gradient-success)}.course-card-completed .course-card-btn:hover{box-shadow:var(--shadow-success)}.course-card-live{border-color:var(--color-error-200)}.course-card-live:hover{border-color:var(--color-error-300)}.course-card-live .course-card-btn{background:var(--gradient-error);animation:pulse 2s infinite}[data-theme=dark] .course-card{background:var(--bg-primary);border-color:var(--border-primary)}[data-theme=dark] .course-card:hover{border-color:var(--color-primary-400)}[data-theme=dark] .course-card-overlay{background:linear-gradient(180deg,#0000,#0009)}[data-theme=dark] .course-card-play-btn{background:#ffffffe6}[data-theme=dark] .course-card-next-lesson{background-color:var(--bg-secondary)}@media (max-width: 640px){.course-card-content{padding:var(--space-3)}.course-card-title{font-size:var(--text-sm)}.course-card-play-btn{width:50px;height:50px}.course-card-play-btn svg{width:24px;height:24px}}.schedule-card{display:flex;gap:var(--space-4);padding:var(--space-4);background:var(--bg-primary);border-radius:var(--radius-xl);border:1px solid var(--border-primary);transition:var(--transition-all);animation:fadeInUp var(--duration-300) var(--ease-out) backwards}.schedule-card:hover{border-color:var(--color-primary-200);box-shadow:var(--shadow-md)}.schedule-card-left{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding-right:var(--space-4);border-right:1px solid var(--border-primary)}.schedule-card-icon{position:relative;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-xl)}.schedule-card-icon svg{width:22px;height:22px}.schedule-card-icon-success{background-color:var(--color-success-50);color:var(--color-success-600)}.schedule-card-icon-info{background-color:var(--color-info-50);color:var(--color-info-600)}.schedule-card-icon-warning{background-color:var(--color-warning-50);color:var(--color-warning-600)}.schedule-card-icon-primary{background-color:var(--color-primary-50);color:var(--color-primary-600)}.schedule-card-live-dot{position:absolute;top:-2px;right:-2px;width:12px;height:12px;background-color:var(--color-error-500);border:2px solid var(--bg-primary);border-radius:var(--radius-full);animation:pulse 2s ease-in-out infinite}.schedule-card-time-info{display:flex;flex-direction:column;align-items:center;text-align:center}.schedule-card-date{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-primary-500);text-transform:uppercase;letter-spacing:.05em}.schedule-card-time{font-size:var(--text-xs);color:var(--text-secondary);white-space:nowrap}.schedule-card-right{flex:1;display:flex;flex-direction:column;min-width:0}.schedule-card-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-2)}.schedule-card-duration{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--text-tertiary)}.schedule-card-duration svg{width:12px;height:12px}.schedule-card-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--space-1) 0;line-height:var(--leading-snug);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.schedule-card-course{font-size:var(--text-xs);color:var(--text-secondary);margin:0 0 var(--space-2) 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.schedule-card-instructor{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--text-tertiary);margin-bottom:var(--space-3)}.schedule-card-instructor svg{width:12px;height:12px}.schedule-card-btn{align-self:flex-start;margin-top:auto}.schedule-card-live{border-color:var(--color-success-200);background:linear-gradient(135deg,rgba(16,185,129,.05) 0%,var(--bg-primary) 100%)}.schedule-card-live:hover{border-color:var(--color-success-300)}.schedule-card-live .schedule-card-btn{background:var(--gradient-success);border-color:transparent;color:var(--color-white)}.schedule-card-compact{padding:var(--space-3)}.schedule-card-compact .schedule-card-icon{width:36px;height:36px}.schedule-card-compact .schedule-card-icon svg{width:18px;height:18px}[data-theme=dark] .schedule-card{background:var(--bg-primary);border-color:var(--border-primary)}[data-theme=dark] .schedule-card:hover{border-color:var(--color-primary-400)}[data-theme=dark] .schedule-card-icon-success{background-color:#10b98126}[data-theme=dark] .schedule-card-icon-info{background-color:#3b82f626}[data-theme=dark] .schedule-card-icon-warning{background-color:#f59e0b26}[data-theme=dark] .schedule-card-icon-primary{background-color:#1a5f7a26}[data-theme=dark] .schedule-card-live{background:linear-gradient(135deg,rgba(16,185,129,.1) 0%,var(--bg-primary) 100%);border-color:#10b9814d}[data-theme=dark] .schedule-card-live-dot{border-color:var(--bg-primary)}@media (max-width: 480px){.schedule-card{flex-direction:column;gap:var(--space-3)}.schedule-card-left{flex-direction:row;padding-right:0;padding-bottom:var(--space-3);border-right:none;border-bottom:1px solid var(--border-primary)}.schedule-card-time-info{flex-direction:row;gap:var(--space-2)}}.announcement-card{position:relative;display:flex;background:var(--bg-primary);border-radius:var(--radius-lg);border:1px solid var(--border-primary);overflow:hidden;transition:var(--transition-all);animation:fadeInUp var(--duration-300) var(--ease-out) backwards}.announcement-card:hover{border-color:var(--color-primary-200);box-shadow:var(--shadow-md);transform:translate(4px)}.announcement-card-accent{width:4px;flex-shrink:0}.announcement-card-info .announcement-card-accent{background:var(--gradient-info)}.announcement-card-warning .announcement-card-accent{background:var(--gradient-warning)}.announcement-card-success .announcement-card-accent{background:var(--gradient-success)}.announcement-card-primary .announcement-card-accent{background:var(--gradient-primary)}.announcement-card-content{flex:1;padding:var(--space-4);min-width:0}.announcement-card-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-2)}.announcement-card-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);font-size:10px;font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-md)}.announcement-card-badge svg{width:12px;height:12px}.announcement-card-badge-info{background-color:var(--color-info-50);color:var(--color-info-600)}.announcement-card-badge-warning{background-color:var(--color-warning-50);color:var(--color-warning-600)}.announcement-card-badge-success{background-color:var(--color-success-50);color:var(--color-success-600)}.announcement-card-badge-primary{background-color:var(--color-primary-50);color:var(--color-primary-600)}.announcement-card-time{font-size:var(--text-xs);color:var(--text-muted);flex-shrink:0}.announcement-card-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--space-2) 0;line-height:var(--leading-snug);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.announcement-card-message{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.announcement-card-footer{margin-top:var(--space-3);padding-top:var(--space-2);border-top:1px solid var(--border-primary)}.announcement-card-author{font-size:var(--text-xs);color:var(--text-tertiary)}.announcement-card-high-priority{border-color:var(--color-warning-200);background:linear-gradient(135deg,rgba(245,158,11,.05) 0%,var(--bg-primary) 100%)}.announcement-card-high-priority:hover{border-color:var(--color-warning-300)}[data-theme=dark] .announcement-card{background:var(--bg-primary);border-color:var(--border-primary)}[data-theme=dark] .announcement-card:hover{border-color:var(--color-primary-400)}[data-theme=dark] .announcement-card-badge-info{background-color:#3b82f626;color:var(--color-info-400)}[data-theme=dark] .announcement-card-badge-warning{background-color:#f59e0b26;color:var(--color-warning-400)}[data-theme=dark] .announcement-card-badge-success{background-color:#10b98126;color:var(--color-success-400)}[data-theme=dark] .announcement-card-badge-primary{background-color:#1a5f7a26;color:var(--color-primary-400)}[data-theme=dark] .announcement-card-high-priority{background:linear-gradient(135deg,rgba(245,158,11,.1) 0%,var(--bg-primary) 100%)}@media (max-width: 480px){.announcement-card-content{padding:var(--space-3)}.announcement-card-header{flex-direction:column;align-items:flex-start;gap:var(--space-1)}}.video-player{position:relative;width:100%;aspect-ratio:16 / 9;background-color:var(--color-gray-900);border-radius:var(--radius-xl);overflow:hidden;transition:var(--transition-all)}.video-player:hover{box-shadow:var(--shadow-lg)}.video-player-main{aspect-ratio:16 / 9;min-height:400px}.video-player-content{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.video-player-stream{width:100%;height:100%;position:relative}.video-player-gradient{width:100%;height:100%;background:linear-gradient(135deg,var(--color-gray-800) 0%,var(--color-gray-900) 50%,var(--color-gray-800) 100%);animation:gradientShift 8s ease infinite;background-size:200% 200%}.video-player-screen-indicator{position:absolute;top:var(--space-4);left:var(--space-4);padding:var(--space-2) var(--space-3);background-color:var(--color-info-500);color:var(--color-white);font-size:var(--text-xs);font-weight:var(--font-medium);border-radius:var(--radius-md)}.video-player-avatar{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:linear-gradient(135deg,var(--color-gray-800) 0%,var(--color-gray-900) 100%)}.video-player-avatar-img{width:80px;height:80px;border-radius:var(--radius-full);-o-object-fit:cover;object-fit:cover;border:3px solid rgba(255,255,255,.2)}.video-player-avatar-initials{display:flex;align-items:center;justify-content:center;width:80px;height:80px;background:var(--gradient-primary);border-radius:var(--radius-full);font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-white);border:3px solid rgba(255,255,255,.2)}.video-player-main .video-player-avatar-img,.video-player-main .video-player-avatar-initials{width:120px;height:120px;font-size:var(--text-4xl)}.video-player-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.4) 0%,transparent 30%,transparent 70%,rgba(0,0,0,.4) 100%);opacity:0;transition:opacity var(--duration-200) var(--ease-out);pointer-events:none}.video-player:hover .video-player-overlay{opacity:1;pointer-events:auto}.video-player-actions{position:absolute;top:var(--space-3);right:var(--space-3);display:flex;gap:var(--space-2)}.video-player-action{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background-color:#0009;border:none;border-radius:var(--radius-lg);color:var(--color-white);cursor:pointer;transition:var(--transition-all)}.video-player-action:hover{background-color:#fff3;transform:scale(1.1)}.video-player-action.active{background-color:var(--color-primary-500)}.video-player-action svg{width:16px;height:16px}.video-player-status{position:absolute;top:var(--space-3);left:var(--space-3);display:flex;gap:var(--space-1)}.video-player-status-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background-color:#0009;border-radius:var(--radius-full);color:var(--color-white)}.video-player-status-icon svg{width:14px;height:14px}.video-player-muted{background-color:var(--color-error-500)}.video-player-name{position:absolute;bottom:var(--space-3);left:var(--space-3);right:var(--space-3);display:flex;align-items:center;gap:var(--space-2)}.video-player-badge{padding:var(--space-1) var(--space-2);background:var(--gradient-primary);color:var(--color-white);font-size:10px;font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-md)}.video-player-name-text{padding:var(--space-1) var(--space-2);background-color:#0009;color:var(--color-white);font-size:var(--text-sm);font-weight:var(--font-medium);border-radius:var(--radius-md);max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-player-pinned{border:2px solid var(--color-primary-500);box-shadow:0 0 0 2px #1a5f7a4d}.video-player-thumbnail{aspect-ratio:4 / 3;border-radius:var(--radius-lg)}.video-player-thumbnail .video-player-avatar-img,.video-player-thumbnail .video-player-avatar-initials{width:48px;height:48px;font-size:var(--text-lg)}.video-player-thumbnail .video-player-name{bottom:var(--space-2);left:var(--space-2);right:var(--space-2)}.video-player-thumbnail .video-player-name-text{font-size:var(--text-xs);padding:var(--space-0-5) var(--space-1-5)}@media (max-width: 768px){.video-player-main{min-height:200px}.video-player-main .video-player-avatar-img,.video-player-main .video-player-avatar-initials{width:80px;height:80px;font-size:var(--text-2xl)}}.video-controls{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);background-color:var(--color-gray-900);border-radius:var(--radius-2xl);position:relative}.video-controls-recording{position:absolute;top:calc(-1 * var(--space-10));left:50%;transform:translate(-50%);display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background-color:var(--color-error-500);color:var(--color-white);font-size:var(--text-sm);font-weight:var(--font-medium);border-radius:var(--radius-full);animation:pulse 2s ease-in-out infinite}.recording-icon{width:16px;height:16px;animation:pulse 1s ease-in-out infinite}.video-controls-group{display:flex;align-items:center;gap:var(--space-2)}.video-controls-left,.video-controls-right{flex:1}.video-controls-left{justify-content:flex-start}.video-controls-center{justify-content:center}.video-controls-right{justify-content:flex-end}.video-control-btn{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-3) var(--space-4);background-color:var(--color-gray-800);border:none;border-radius:var(--radius-xl);color:var(--color-white);cursor:pointer;transition:var(--transition-all);min-width:70px}.video-control-btn:hover{background-color:var(--color-gray-700);transform:translateY(-2px)}.video-control-btn:active{transform:translateY(0)}.video-control-btn svg{width:24px;height:24px}.video-control-label{font-size:10px;font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:.05em;opacity:.8}.video-control-btn-off{background-color:var(--color-error-600)}.video-control-btn-off:hover{background-color:var(--color-error-500)}.video-control-btn-active{background-color:var(--color-primary-600)}.video-control-btn-active:hover{background-color:var(--color-primary-500)}.video-control-btn-end{background-color:var(--color-error-500);padding:var(--space-4) var(--space-8);border-radius:var(--radius-full)}.video-control-btn-end:hover{background-color:var(--color-error-600);box-shadow:0 0 20px #ef444480}.video-control-btn-end svg{transform:rotate(135deg)}.video-control-badge{position:absolute;top:var(--space-1);right:var(--space-1);min-width:18px;height:18px;padding:0 var(--space-1);background-color:var(--color-gray-600);color:var(--color-white);font-size:10px;font-weight:var(--font-bold);line-height:18px;text-align:center;border-radius:var(--radius-full)}.video-control-badge-unread{background-color:var(--color-error-500);animation:pulse 2s ease-in-out infinite}@media (max-width: 1024px){.video-controls{padding:var(--space-3) var(--space-4)}.video-control-btn{padding:var(--space-2) var(--space-3);min-width:60px}.video-control-btn svg{width:20px;height:20px}.video-control-label{display:none}.video-control-btn-end{padding:var(--space-3) var(--space-6)}}@media (max-width: 640px){.video-controls{flex-wrap:wrap;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-xl)}.video-controls-group{gap:var(--space-1)}.video-controls-left,.video-controls-right{flex:none}.video-control-btn{padding:var(--space-2);min-width:44px;border-radius:var(--radius-lg)}.video-control-btn svg{width:18px;height:18px}.video-control-btn-end{padding:var(--space-3) var(--space-5)}}.chat-panel{display:flex;flex-direction:column;height:100%;background-color:var(--bg-primary);border-left:1px solid var(--border-primary);animation:slideInRight var(--duration-200) var(--ease-out)}.chat-panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);border-bottom:1px solid var(--border-primary);flex-shrink:0}.chat-panel-title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);margin:0}.chat-panel-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:none;border-radius:var(--radius-lg);color:var(--text-tertiary);cursor:pointer;transition:var(--transition-colors)}.chat-panel-close:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.chat-panel-close svg{width:20px;height:20px}.chat-panel-messages{flex:1;overflow-y:auto;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.chat-panel-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;color:var(--text-muted)}.chat-panel-empty p{font-weight:var(--font-medium);margin:0}.chat-panel-empty span{font-size:var(--text-sm)}.chat-message{display:flex;gap:var(--space-2);max-width:85%}.chat-message-own{flex-direction:row-reverse;margin-left:auto}.chat-message-avatar{flex-shrink:0;align-self:flex-end}.chat-message-content{display:flex;flex-direction:column;min-width:0}.chat-message-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-1)}.chat-message-sender{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text-primary)}.chat-message-badge{padding:var(--space-0-5) var(--space-1-5);background-color:var(--color-primary-100);color:var(--color-primary-700);font-size:9px;font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-sm)}.chat-message-bubble{padding:var(--space-3);background-color:var(--bg-tertiary);border-radius:var(--radius-xl);border-bottom-left-radius:var(--radius-sm)}.chat-message-own .chat-message-bubble{background:var(--gradient-primary);color:var(--color-white);border-bottom-left-radius:var(--radius-xl);border-bottom-right-radius:var(--radius-sm)}.chat-message-text{margin:0;font-size:var(--text-sm);line-height:var(--leading-relaxed);word-break:break-word}.chat-message-time{font-size:10px;color:var(--text-muted);margin-top:var(--space-1)}.chat-message-own .chat-message-time{text-align:right}.chat-message-instructor .chat-message-bubble{background:linear-gradient(135deg,var(--color-warning-50) 0%,var(--color-warning-100) 100%);border-left:3px solid var(--color-warning-500)}.chat-panel-input{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-top:1px solid var(--border-primary);flex-shrink:0}.chat-input-emoji{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:transparent;border:none;border-radius:var(--radius-lg);color:var(--text-tertiary);cursor:pointer;transition:var(--transition-colors);flex-shrink:0}.chat-input-emoji:hover{color:var(--text-secondary);background-color:var(--bg-tertiary)}.chat-input-emoji svg{width:20px;height:20px}.chat-input-field{flex:1;height:40px;padding:0 var(--space-4);font-size:var(--text-sm);color:var(--text-primary);background-color:var(--bg-tertiary);border:none;border-radius:var(--radius-full);outline:none}.chat-input-field::-moz-placeholder{color:var(--text-muted)}.chat-input-field::placeholder{color:var(--text-muted)}.chat-input-field:focus{box-shadow:0 0 0 2px var(--color-primary-200)}.chat-input-send{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:var(--gradient-primary);border:none;border-radius:var(--radius-full);color:var(--color-white);cursor:pointer;transition:var(--transition-all);flex-shrink:0}.chat-input-send:hover:not(:disabled){transform:scale(1.05);box-shadow:var(--shadow-primary)}.chat-input-send:disabled{opacity:.5;cursor:not-allowed}.chat-input-send svg{width:18px;height:18px}[data-theme=dark] .chat-panel{background-color:var(--bg-primary);border-left-color:var(--border-primary)}[data-theme=dark] .chat-message-bubble{background-color:var(--bg-tertiary)}[data-theme=dark] .chat-message-badge{background-color:#1a5f7a33;color:var(--color-primary-400)}[data-theme=dark] .chat-message-instructor .chat-message-bubble{background:linear-gradient(135deg,#f59e0b26,#f59e0b40)}[data-theme=dark] .chat-input-field{background-color:var(--bg-tertiary)}.participants-panel{display:flex;flex-direction:column;height:100%;background-color:var(--bg-primary);border-left:1px solid var(--border-primary);animation:slideInRight var(--duration-200) var(--ease-out)}.participants-panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);border-bottom:1px solid var(--border-primary);flex-shrink:0}.participants-panel-title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);margin:0}.participants-panel-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:none;border-radius:var(--radius-lg);color:var(--text-tertiary);cursor:pointer;transition:var(--transition-colors)}.participants-panel-close:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.participants-panel-close svg{width:20px;height:20px}.participants-search{position:relative;padding:var(--space-3) var(--space-4);flex-shrink:0}.participants-search-icon{position:absolute;left:calc(var(--space-4) + var(--space-3));top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--text-muted);pointer-events:none}.participants-search-input{width:100%;height:36px;padding:0 var(--space-3) 0 var(--space-9);font-size:var(--text-sm);color:var(--text-primary);background-color:var(--bg-tertiary);border:none;border-radius:var(--radius-lg);outline:none}.participants-search-input::-moz-placeholder{color:var(--text-muted)}.participants-search-input::placeholder{color:var(--text-muted)}.participants-search-input:focus{box-shadow:0 0 0 2px var(--color-primary-200)}.participants-list{flex:1;overflow-y:auto;padding:var(--space-2)}.participant-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-lg);transition:background-color var(--duration-150) var(--ease-out)}.participant-item:hover{background-color:var(--bg-tertiary)}.participant-item-current{background-color:var(--color-primary-50)}.participant-item-current:hover{background-color:var(--color-primary-100)}.participant-info{flex:1;min-width:0}.participant-name{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary)}.participant-you{font-size:var(--text-xs);color:var(--text-tertiary);font-weight:var(--font-normal)}.participant-role{display:flex;align-items:center;gap:var(--space-1);margin-top:var(--space-0-5);font-size:var(--text-xs);color:var(--color-warning-600)}.participant-role-icon{width:12px;height:12px}.participant-status{display:flex;align-items:center;gap:var(--space-1)}.participant-status-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-md);color:var(--text-secondary);background-color:var(--bg-secondary)}.participant-status-icon svg{width:14px;height:14px}.participant-status-icon.status-off{color:var(--color-error-500);background-color:var(--color-error-50)}.participants-empty{display:flex;align-items:center;justify-content:center;height:100px;color:var(--text-muted);font-size:var(--text-sm)}[data-theme=dark] .participants-panel{background-color:var(--bg-primary);border-left-color:var(--border-primary)}[data-theme=dark] .participants-search-input{background-color:var(--bg-tertiary)}[data-theme=dark] .participant-item-current{background-color:#1a5f7a33}[data-theme=dark] .participant-item-current:hover{background-color:#1a5f7a4d}[data-theme=dark] .participant-status-icon{background-color:var(--bg-tertiary)}[data-theme=dark] .participant-status-icon.status-off{background-color:#ef444433}.referral-card{background:var(--bg-primary);border-radius:var(--radius-xl);border:1px solid var(--border-primary);padding:var(--space-6);transition:var(--transition-all)}.referral-card:hover{box-shadow:var(--shadow-md)}.referral-section{margin-bottom:var(--space-6)}.referral-section:last-child{margin-bottom:0}.referral-section-title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-secondary);margin-bottom:var(--space-3);text-transform:uppercase;letter-spacing:.5px}.referral-code-box{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);background:var(--gradient-primary);border-radius:var(--radius-lg)}.referral-code{font-size:var(--text-2xl);font-weight:var(--font-bold);color:#fff;letter-spacing:2px}.referral-link-box{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg)}.referral-link{font-size:var(--text-sm);color:var(--text-secondary);font-family:var(--font-mono);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.copy-btn{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);background:#fff3;color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:var(--transition-all);white-space:nowrap}.referral-link-box .copy-btn{background:var(--color-primary);color:#fff}.copy-btn:hover{background:#ffffff4d;transform:translateY(-1px)}.referral-link-box .copy-btn:hover{background:var(--color-primary-dark)}.copy-btn.copied{background:var(--color-success)}.copy-btn svg{font-size:var(--text-base)}.referral-qr-section{text-align:center}.referral-qr-box{display:inline-flex;flex-direction:column;align-items:center;padding:var(--space-4);background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg)}.referral-qr-hint{font-size:var(--text-xs);color:var(--text-secondary);margin-top:var(--space-3)}.referral-share-buttons{display:flex;gap:var(--space-3);flex-wrap:wrap}.share-btn{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-lg);font-size:var(--text-xl);color:#fff;transition:var(--transition-all)}.share-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.share-btn.whatsapp{background:#25d366}.share-btn.facebook{background:#1877f2}.share-btn.twitter{background:#000}.share-btn.telegram{background:#08c}.share-btn.email{background:var(--color-gray-600)}@media (max-width: 480px){.referral-card{padding:var(--space-4)}.referral-code-box{flex-direction:column;gap:var(--space-3);text-align:center}.referral-code{font-size:var(--text-xl)}.referral-link-box{flex-direction:column;align-items:stretch}.referral-link{text-align:center}.copy-btn{width:100%;justify-content:center}.referral-share-buttons{justify-content:center}}.earnings-card{background:var(--bg-primary);border-radius:var(--radius-xl);border:1px solid var(--border-primary);overflow:hidden;transition:var(--transition-all)}.earnings-card:hover{box-shadow:var(--shadow-md)}.earnings-card-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-5);background:var(--gradient-primary);color:#fff}.earnings-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:#fff3;border-radius:var(--radius-lg);font-size:var(--text-xl)}.earnings-title{font-size:var(--text-lg);font-weight:var(--font-semibold);margin:0}.earnings-card-body{padding:var(--space-5)}.earnings-main{margin-bottom:var(--space-5);padding-bottom:var(--space-5);border-bottom:1px solid var(--border-primary)}.earnings-label{display:block;font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-2)}.earnings-value-row{display:flex;align-items:center;gap:var(--space-3)}.earnings-value{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--text-primary)}.earnings-trend{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-medium)}.earnings-trend.up{background:var(--color-success-alpha);color:var(--color-success)}.earnings-trend.down{background:var(--color-error-alpha);color:var(--color-error)}.earnings-trend svg{font-size:var(--text-base)}.earnings-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.earnings-stat{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--bg-secondary);border-radius:var(--radius-lg)}.earnings-stat-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--color-primary-alpha);color:var(--color-primary);border-radius:var(--radius-md);font-size:var(--text-lg)}.earnings-stat-icon.pending{background:var(--color-warning-alpha);color:var(--color-warning)}.earnings-stat-info{display:flex;flex-direction:column}.earnings-stat-value{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary)}.earnings-stat-label{font-size:var(--text-xs);color:var(--text-secondary)}.earnings-card-footer{padding:var(--space-4) var(--space-5);background:var(--bg-secondary);border-top:1px solid var(--border-primary)}.earnings-payout-btn{width:100%;padding:var(--space-3) var(--space-4);background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:var(--transition-all)}.earnings-payout-btn:hover{background:var(--color-primary-dark);transform:translateY(-1px)}.earnings-payout-btn:active{transform:translateY(0)}@media (max-width: 480px){.earnings-stats{grid-template-columns:1fr}.earnings-value{font-size:var(--text-2xl)}}.id-card{position:relative;width:340px;height:215px;border-radius:var(--radius-xl);overflow:hidden;font-family:var(--font-sans);color:#fff;box-shadow:0 10px 40px #22c55e4d,0 0 0 1px #ffffff1a,inset 0 1px #fff3;transition:all .4s cubic-bezier(.4,0,.2,1)}.id-card:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 20px 60px #22c55e66,0 0 0 1px #fff3,inset 0 1px #ffffff4d}.id-card-front{background:linear-gradient(135deg,#22c55e,#16a34a,#15803d,#166534,#14532d);position:relative}.id-card-front:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.1) 25%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.1) 75%,transparent 100%);opacity:0;transition:opacity .3s ease;pointer-events:none}.id-card-front:hover:before{opacity:1;animation:shimmerCard 2s infinite}@keyframes shimmerCard{0%{transform:translate(-100%)}to{transform:translate(100%)}}.id-card-back{background:linear-gradient(135deg,#14532d,#166534,#15803d,#16a34a,#22c55e);display:flex;flex-direction:column;padding:var(--space-4);position:relative}.id-card-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:linear-gradient(135deg,#ffffff26,#ffffff0d);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.2);position:relative;z-index:2}.id-card-header:after{content:"";position:absolute;bottom:0;left:var(--space-4);right:var(--space-4);height:1px;background:linear-gradient(90deg,transparent,rgba(255,215,0,.5),rgba(255,215,0,.8),rgba(255,215,0,.5),transparent)}.id-card-logo{flex-shrink:0;position:relative}.id-card-logo svg{width:40px;height:40px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.id-card-logo:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;background:radial-gradient(circle,rgba(255,255,255,.2) 0%,transparent 70%);border-radius:50%;pointer-events:none}.id-card-org{flex:1;min-width:0}.id-card-org-name{font-size:var(--text-sm);font-weight:var(--font-bold);letter-spacing:1.5px;margin:0;text-transform:uppercase;text-shadow:0 1px 2px rgba(0,0,0,.2);background:linear-gradient(180deg,#fff,#e0e0e0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.id-card-org-subtitle{font-size:var(--text-xs);opacity:.9;margin:0;font-weight:var(--font-medium);letter-spacing:.5px}.id-card-type{position:absolute;top:var(--space-3);right:var(--space-4);padding:4px 12px;background:linear-gradient(135deg,gold,#ffb700);color:#1a1a1a;font-size:8px;font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:1px;border-radius:var(--radius-full);box-shadow:0 2px 8px #ffd70066;z-index:3}.id-card-body{display:flex;gap:var(--space-4);padding:var(--space-3) var(--space-4);position:relative;z-index:2}.id-card-photo{flex-shrink:0;width:70px;height:85px;border-radius:var(--radius-md);overflow:hidden;position:relative;box-shadow:0 4px 15px #0000004d,inset 0 0 0 2px #ffffff4d}.id-card-photo:before{content:"";position:absolute;inset:0;border-radius:var(--radius-md);padding:2px;background:linear-gradient(135deg,#ffd700cc,#ffffff80,#ffd700cc);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:1}.id-card-photo-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fff3,#ffffff1a);font-size:var(--text-xl);font-weight:var(--font-bold);text-shadow:0 2px 4px rgba(0,0,0,.2)}.id-card-details{flex:1;display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.id-card-field{display:flex;flex-direction:column}.id-card-label{font-size:8px;text-transform:uppercase;letter-spacing:.8px;opacity:.7;font-weight:var(--font-semibold);color:#fffc}.id-card-value{font-size:var(--text-xs);font-weight:var(--font-semibold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 2px rgba(0,0,0,.1)}.id-card-name{font-size:var(--text-sm);font-weight:var(--font-bold);letter-spacing:.5px;background:linear-gradient(180deg,#fff,#f0f0f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none}.id-card-id-number{font-family:var(--font-mono);letter-spacing:1.5px;color:#ffd700e6;font-weight:var(--font-bold)}.id-card-footer{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-4);background:linear-gradient(90deg,#0000004d,#0003,#0000004d);margin-top:auto;position:relative;z-index:2}.id-card-footer:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,215,0,.3),rgba(255,215,0,.5),rgba(255,215,0,.3),transparent)}.id-card-validity-label{font-size:7px;text-transform:uppercase;opacity:.7;letter-spacing:.5px}.id-card-validity-value{font-size:var(--text-xs);font-weight:var(--font-bold);color:#4ade80;text-shadow:0 0 10px rgba(74,222,128,.5)}.id-card-validity-value.expired{color:#f87171;text-shadow:0 0 10px rgba(248,113,113,.5)}.id-card-status{display:flex;align-items:center;gap:6px;padding:4px 10px;background:#4ade8033;border-radius:var(--radius-full);border:1px solid rgba(74,222,128,.3)}.id-card-status-dot{width:6px;height:6px;background:#4ade80;border-radius:50%;animation:pulse-dot 2s infinite;box-shadow:0 0 8px #4ade8099}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.8)}}.id-card-status-text{font-size:8px;font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.5px;color:#4ade80}.id-card-barcode{display:flex;flex-direction:column;align-items:center;gap:2px}.id-card-barcode-bars{display:flex;gap:1px;height:20px;align-items:flex-end;padding:2px 4px;background:#ffffff1a;border-radius:2px}.id-card-barcode-bar{height:100%;background:#fff;opacity:.95}.id-card-barcode-number{font-size:7px;font-family:var(--font-mono);letter-spacing:1.5px;opacity:.8}.id-card-decoration{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:1}.id-card-decoration-circle{position:absolute;border-radius:50%}.id-card-decoration-1{width:180px;height:180px;top:-80px;right:-80px;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,rgba(255,255,255,.05) 50%,transparent 70%)}.id-card-decoration-2{width:120px;height:120px;bottom:-40px;left:-40px;background:radial-gradient(circle,rgba(255,255,255,.08) 0%,rgba(255,255,255,.03) 50%,transparent 70%)}.id-card-decoration-3{width:60px;height:60px;top:50%;right:30px;background:radial-gradient(circle,rgba(255,215,0,.1) 0%,transparent 70%)}.id-card-decoration-4{width:40px;height:40px;bottom:30%;left:20%;background:radial-gradient(circle,rgba(255,255,255,.05) 0%,transparent 70%)}.id-card-wave{position:absolute;bottom:0;left:0;right:0;height:30px;opacity:.1;z-index:1}.id-card-wave svg{width:100%;height:100%;fill:currentColor}.id-card-chip{position:absolute;top:55px;right:var(--space-4);width:35px;height:28px;border-radius:4px;background:linear-gradient(135deg,gold,#ffec80,gold,#c9a227,gold,#ffec80);box-shadow:0 2px 4px #0000004d,inset 0 1px #fff6;z-index:2}.id-card-chip:before{content:"";position:absolute;inset:4px;background:linear-gradient(135deg,#f0d060,gold,#c9a227);border-radius:2px}.id-card-chip:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60%;height:1px;background:#0003;box-shadow:0 4px #0003,0 -4px #0003}.id-card-back-qr{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3)}.id-card-qr-container{padding:var(--space-2);background:linear-gradient(135deg,#fff,#f0f0f0);border-radius:var(--radius-md);box-shadow:0 4px 15px #0003,inset 0 1px #fff;position:relative}.id-card-qr-container:before,.id-card-qr-container:after{content:"";position:absolute;width:10px;height:10px;border:2px solid rgba(255,215,0,.8)}.id-card-qr-container:before{top:-1px;left:-1px;border-right:none;border-bottom:none;border-radius:4px 0 0}.id-card-qr-container:after{bottom:-1px;right:-1px;border-left:none;border-top:none;border-radius:0 0 4px}.id-card-qr-container svg{display:block;color:#14532d}.id-card-qr-text{font-size:var(--text-xs);opacity:.9;margin:0;font-weight:var(--font-medium)}.id-card-back-info{display:flex;gap:var(--space-4);flex:1}.id-card-back-section{flex:1}.id-card-back-section h4{font-size:9px;text-transform:uppercase;letter-spacing:.8px;margin:0 0 var(--space-1) 0;font-weight:var(--font-bold);color:#ffd700e6;display:flex;align-items:center;gap:4px}.id-card-back-section h4:before{content:"";width:3px;height:10px;background:linear-gradient(180deg,gold,#ffb700);border-radius:2px}.id-card-back-section p{font-size:8px;margin:0;line-height:1.5;opacity:.9}.id-card-terms{list-style:none;padding:0;margin:0;font-size:7px;opacity:.85}.id-card-terms li{margin-bottom:3px;padding-left:12px;position:relative;line-height:1.4}.id-card-terms li:before{content:"✓";position:absolute;left:0;color:#4ade80;font-size:8px}.id-card-back-footer{margin-top:auto;padding-top:var(--space-2);border-top:1px solid rgba(255,255,255,.15);position:relative}.id-card-back-footer:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:50px;height:2px;background:linear-gradient(90deg,transparent,rgba(255,215,0,.5),transparent)}.id-card-back-address{text-align:center;margin-bottom:var(--space-1)}.id-card-back-address p{font-size:8px;margin:0;opacity:.9;line-height:1.4}.id-card-back-property{text-align:center;font-size:7px;opacity:.6;font-style:italic}.id-card-website{text-align:center;margin-top:var(--space-1)}.id-card-website a{font-size:8px;color:#ffd700e6;text-decoration:none;font-weight:var(--font-semibold)}.id-card-magnetic-stripe{position:absolute;top:15px;left:0;right:0;height:25px;background:linear-gradient(180deg,#1a1a1a,#333,#1a1a1a);box-shadow:inset 0 1px #ffffff1a,inset 0 -1px #0000004d}.id-card-signature-strip{margin-top:var(--space-2);padding:var(--space-2);background:linear-gradient(135deg,#f5f5f5,#fff);border-radius:var(--radius-sm)}.id-card-signature-label{font-size:6px;color:#666;text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px}.id-card-signature-line{height:15px;border-bottom:1px solid #cccccc;font-family:Brush Script MT,cursive;color:#333;font-size:12px;display:flex;align-items:flex-end;padding-bottom:2px}.id-card.id-card-student .id-card-front{background:linear-gradient(135deg,#22c55e,#16a34a,#15803d)}.id-card.id-card-staff .id-card-front{background:linear-gradient(135deg,#15803d,#166534,#14532d)}.id-card.id-card-staff .id-card-type{background:linear-gradient(135deg,gold,#ff8c00)}.id-card.id-card-vip .id-card-front{background:linear-gradient(135deg,#14532d,#166534,#15803d 60%,#166534)}.id-card.id-card-vip .id-card-header{background:linear-gradient(135deg,#ffd70033,#ffd7001a);border-bottom:1px solid rgba(255,215,0,.3)}.id-card.id-card-vip .id-card-type{background:linear-gradient(135deg,gold,#b8860b);animation:glow-gold 2s ease-in-out infinite}@keyframes glow-gold{0%,to{box-shadow:0 2px 8px #ffd70066}50%{box-shadow:0 2px 15px #ffd700b3}}.id-card-container{perspective:1000px;width:340px;height:215px}.id-card-container:hover .id-card-flipper,.id-card-container.flipped .id-card-flipper{transform:rotateY(180deg)}.id-card-container .id-card-front,.id-card-container .id-card-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden}.id-card-container .id-card-back{transform:rotateY(180deg)}@media (max-width: 380px){.id-card,.id-card-container{width:300px;height:190px}.id-card-photo{width:55px;height:70px}.id-card-org-name{font-size:var(--text-xs);letter-spacing:1px}.id-card-chip{width:30px;height:24px;top:50px}.id-card-name{font-size:var(--text-xs)}}@media print{.id-card{box-shadow:none;-webkit-print-color-adjust:exact;print-color-adjust:exact}.id-card-chip,.id-card-decoration,.id-card-wave{-webkit-print-color-adjust:exact;print-color-adjust:exact}.id-card:hover{transform:none}}[data-theme=dark] .id-card{box-shadow:0 10px 40px #22c55e66,0 0 0 1px #ffffff26,inset 0 1px #fff3}[data-theme=dark] .id-card:hover{box-shadow:0 20px 60px #22c55e80,0 0 0 1px #fff3,inset 0 1px #ffffff4d}@media (prefers-reduced-motion: reduce){.id-card,.id-card-flipper{transition:none}.id-card:hover{transform:none}.id-card-status-dot{animation:none}.id-card-front:before{animation:none}.id-card.id-card-vip .id-card-type{animation:none}}.id-card-loading{background:linear-gradient(135deg,#22c55e,#16a34a,#15803d);display:flex;align-items:center;justify-content:center}.id-card-loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}.assignment-card{display:flex;flex-direction:column;background:var(--card-bg, #ffffff);border-radius:var(--radius-lg, 12px);border:1px solid var(--border-color, #e2e8f0);overflow:hidden;transition:all .3s ease;text-decoration:none;color:inherit;position:relative}.assignment-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg, 0 10px 40px rgba(0, 0, 0, .1));border-color:var(--primary-color, #1a5f7a)}.assignment-card__header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;background:linear-gradient(135deg,var(--primary-color, #1a5f7a) 0%,var(--secondary-color, #57c5b6) 100%)}.assignment-card__icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#fff3;border-radius:10px;color:#fff;font-size:1.25rem}.assignment-card__body{padding:1.25rem;flex:1}.assignment-card__title{font-size:1.1rem;font-weight:600;color:var(--text-primary, #1e293b);margin-bottom:.5rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.assignment-card__description{font-size:.875rem;color:var(--text-secondary, #64748b);margin-bottom:1rem;line-height:1.5}.assignment-card__course{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:var(--text-muted, #94a3b8)}.assignment-card__course .icon{font-size:.875rem}.assignment-card__footer{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-top:1px solid var(--border-color, #e2e8f0);background:var(--bg-light, #f8fafc)}.assignment-card__due-date{display:flex;align-items:center;gap:.5rem;font-size:.8rem;font-weight:500;padding:.25rem .75rem;border-radius:20px}.assignment-card__due-date .icon{font-size:.875rem}.assignment-card__due-date.upcoming{color:var(--primary-color, #1a5f7a);background:var(--primary-light, rgba(26, 95, 122, .1))}.assignment-card__due-date.today{color:var(--warning-color, #f59e0b);background:#f59e0b1a}.assignment-card__due-date.tomorrow{color:var(--info-color, #3b82f6);background:#3b82f61a}.assignment-card__due-date.overdue{color:var(--error-color, #ef4444);background:#ef44441a}.assignment-card__meta{font-size:.8rem;color:var(--text-secondary, #64748b)}.assignment-card__marks{font-weight:600;color:var(--success-color, #10b981)}.assignment-card__submissions{display:flex;align-items:center;gap:.35rem}.assignment-card__progress-bar{height:4px;background:var(--border-color, #e2e8f0);overflow:hidden}.assignment-card__progress-fill{height:100%;transition:width .5s ease}.assignment-card__progress-bar.upcoming .assignment-card__progress-fill{background:var(--primary-color, #1a5f7a)}.assignment-card__progress-bar.today .assignment-card__progress-fill{background:var(--warning-color, #f59e0b)}.assignment-card__progress-bar.overdue .assignment-card__progress-fill{background:var(--error-color, #ef4444)}@media (max-width: 480px){.assignment-card__title{font-size:1rem}.assignment-card__footer{flex-direction:column;gap:.75rem;align-items:flex-start}}.submission-form{background:var(--card-bg, #ffffff);border-radius:var(--radius-lg, 12px);padding:2rem;border:1px solid var(--border-color, #e2e8f0)}.submission-form__header{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color, #e2e8f0)}.submission-form__title{font-size:1.25rem;font-weight:600;color:var(--text-primary, #1e293b);margin-bottom:.25rem}.submission-form__subtitle{font-size:.875rem;color:var(--text-secondary, #64748b)}.submission-form__error{display:flex;align-items:center;gap:.5rem;padding:1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-md, 8px);color:var(--error-color, #ef4444);margin-bottom:1.5rem}.submission-form__field{margin-bottom:1.5rem}.submission-form__label{display:block;font-size:.875rem;font-weight:500;color:var(--text-primary, #1e293b);margin-bottom:.5rem}.submission-form__textarea{width:100%;padding:1rem;border:1px solid var(--border-color, #e2e8f0);border-radius:var(--radius-md, 8px);font-family:inherit;font-size:.95rem;line-height:1.6;resize:vertical;transition:border-color .2s ease,box-shadow .2s ease;background:var(--input-bg, #ffffff);color:var(--text-primary, #1e293b)}.submission-form__textarea:focus{outline:none;border-color:var(--primary-color, #1a5f7a);box-shadow:0 0 0 3px #1a5f7a1a}.submission-form__char-count{display:block;text-align:right;font-size:.75rem;color:var(--text-muted, #94a3b8);margin-top:.5rem}.submission-form__field-error{display:block;font-size:.8rem;color:var(--error-color, #ef4444);margin-top:.5rem}.submission-form__dropzone{border:2px dashed var(--border-color, #e2e8f0);border-radius:var(--radius-lg, 12px);padding:2rem;text-align:center;cursor:pointer;transition:all .2s ease;background:var(--bg-light, #f8fafc)}.submission-form__dropzone:hover{border-color:var(--primary-color, #1a5f7a);background:#1a5f7a0d}.submission-form__dropzone-icon{font-size:2.5rem;color:var(--text-muted, #94a3b8);margin-bottom:.75rem}.submission-form__dropzone p{font-size:.95rem;color:var(--text-secondary, #64748b);margin-bottom:.25rem}.submission-form__dropzone-hint{font-size:.8rem;color:var(--text-muted, #94a3b8)}.submission-form__files{margin-top:1rem;display:flex;flex-direction:column;gap:.5rem}.submission-form__file{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--bg-light, #f8fafc);border:1px solid var(--border-color, #e2e8f0);border-radius:var(--radius-md, 8px)}.submission-form__file.existing{background:#10b9810d;border-color:#10b98133}.submission-form__file-icon{font-size:1.25rem;color:var(--primary-color, #1a5f7a)}.submission-form__file-icon.success{color:var(--success-color, #10b981)}.submission-form__file-info{flex:1;min-width:0}.submission-form__file-name{display:block;font-size:.875rem;font-weight:500;color:var(--text-primary, #1e293b);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.submission-form__file-size{font-size:.75rem;color:var(--text-muted, #94a3b8)}.submission-form__file-remove{padding:.5rem;background:none;border:none;color:var(--text-muted, #94a3b8);cursor:pointer;border-radius:var(--radius-sm, 4px);transition:all .2s ease}.submission-form__file-remove:hover{background:#ef44441a;color:var(--error-color, #ef4444)}.submission-form__existing-files{margin-top:1rem}.submission-form__existing-label{font-size:.8rem;color:var(--text-muted, #94a3b8);margin-bottom:.5rem}.submission-form__links{display:flex;flex-direction:column;gap:.5rem}.submission-form__link-input{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--input-bg, #ffffff);border:1px solid var(--border-color, #e2e8f0);border-radius:var(--radius-md, 8px);transition:border-color .2s ease}.submission-form__link-input:focus-within{border-color:var(--primary-color, #1a5f7a)}.submission-form__link-icon{color:var(--text-muted, #94a3b8)}.submission-form__link-input input{flex:1;border:none;background:none;font-size:.9rem;color:var(--text-primary, #1e293b);outline:none}.submission-form__link-remove{padding:.25rem;background:none;border:none;color:var(--text-muted, #94a3b8);cursor:pointer;transition:color .2s ease}.submission-form__link-remove:hover{color:var(--error-color, #ef4444)}.submission-form__add-link{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:none;border:none;color:var(--primary-color, #1a5f7a);font-size:.875rem;cursor:pointer;margin-top:.5rem}.submission-form__add-link:hover{text-decoration:underline}.submission-form__actions{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border-color, #e2e8f0)}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 480px){.submission-form{padding:1.25rem}.submission-form__dropzone{padding:1.5rem 1rem}}.grade-modal{padding:.5rem}.grade-modal__student{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--bg-light, #f8fafc);border-radius:var(--radius-md, 8px);margin-bottom:1.5rem}.grade-modal__student-avatar{width:50px;height:50px;border-radius:50%;background:var(--primary-color, #1a5f7a);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.25rem;overflow:hidden}.grade-modal__student-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.grade-modal__student-info{flex:1}.grade-modal__student-info h4{font-size:1rem;font-weight:600;color:var(--text-primary, #1e293b);margin-bottom:.25rem}.grade-modal__student-info p{font-size:.85rem;color:var(--text-secondary, #64748b)}.grade-modal__meta{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color, #e2e8f0)}.grade-modal__meta-item{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--text-secondary, #64748b)}.grade-modal__assignment-title{font-weight:500;color:var(--primary-color, #1a5f7a)}.grade-modal__content{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-color, #e2e8f0)}.grade-modal__section-title{font-size:.9rem;font-weight:600;color:var(--text-primary, #1e293b);margin-bottom:1rem;text-transform:uppercase;letter-spacing:.5px}.grade-modal__text-content{background:var(--bg-light, #f8fafc);padding:1rem;border-radius:var(--radius-md, 8px);margin-bottom:1rem}.grade-modal__text-content p{font-size:.95rem;line-height:1.6;color:var(--text-primary, #1e293b);white-space:pre-wrap}.grade-modal__files,.grade-modal__links{margin-top:1rem}.grade-modal__files h6,.grade-modal__links h6{font-size:.8rem;font-weight:500;color:var(--text-muted, #94a3b8);margin-bottom:.5rem}.grade-modal__file,.grade-modal__link{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--bg-light, #f8fafc);border:1px solid var(--border-color, #e2e8f0);border-radius:var(--radius-sm, 4px);color:var(--primary-color, #1a5f7a);text-decoration:none;font-size:.85rem;margin-bottom:.5rem;transition:all .2s ease}.grade-modal__file:hover,.grade-modal__link:hover{background:var(--primary-color, #1a5f7a);color:#fff;border-color:var(--primary-color, #1a5f7a)}.grade-modal__link span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:300px}.grade-modal__no-content{font-size:.9rem;color:var(--text-muted, #94a3b8);font-style:italic}.grade-modal__grading{margin-bottom:1.5rem}.grade-modal__field{margin-bottom:1rem}.grade-modal__field label{display:block;font-size:.875rem;font-weight:500;color:var(--text-primary, #1e293b);margin-bottom:.5rem}.grade-modal__marks-input{display:flex;align-items:center;gap:.5rem}.grade-modal__marks-input input{width:100px;padding:.75rem 1rem;border:1px solid var(--border-color, #e2e8f0);border-radius:var(--radius-md, 8px);font-size:1.25rem;font-weight:600;text-align:center;color:var(--text-primary, #1e293b)}.grade-modal__marks-input input:focus{outline:none;border-color:var(--primary-color, #1a5f7a);box-shadow:0 0 0 3px #1a5f7a1a}.grade-modal__marks-total{font-size:1.1rem;color:var(--text-secondary, #64748b)}.grade-modal__field textarea{width:100%;padding:.75rem 1rem;border:1px solid var(--border-color, #e2e8f0);border-radius:var(--radius-md, 8px);font-family:inherit;font-size:.95rem;resize:vertical;color:var(--text-primary, #1e293b)}.grade-modal__field textarea:focus{outline:none;border-color:var(--primary-color, #1a5f7a);box-shadow:0 0 0 3px #1a5f7a1a}.grade-modal__error{display:block;font-size:.8rem;color:var(--error-color, #ef4444);margin-top:.5rem}.grade-modal__actions{display:flex;justify-content:flex-end;gap:1rem;padding-top:1rem;border-top:1px solid var(--border-color, #e2e8f0)}@media (max-width: 480px){.grade-modal__student{flex-direction:column;text-align:center}.grade-modal__actions{flex-direction:column}.grade-modal__actions button{width:100%}}.id-card-wrapper{display:flex;flex-direction:column;align-items:center;gap:var(--space-6);padding:var(--space-6)}.id-card-wrapper.small{transform:scale(.8);transform-origin:top center}.id-card-wrapper.large{transform:scale(1.2);transform-origin:top center}.id-card-controls{display:flex;gap:var(--space-3);flex-wrap:wrap;justify-content:center}.id-card-control-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border:none;border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #22c55e4d}.id-card-control-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #22c55e66}.id-card-control-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.id-card-control-btn svg{font-size:1.1rem}.id-card-container{perspective:1500px;width:240px;height:380px;cursor:pointer}.id-card-flipper{position:relative;width:100%;height:100%;transition:transform .8s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d}.id-card-container.flipped .id-card-flipper{transform:rotateY(180deg)}.id-card-container.auto-flip .id-card-flipper{animation:autoFlip 6s ease-in-out infinite}@keyframes autoFlip{0%,45%{transform:rotateY(0)}50%,95%{transform:rotateY(180deg)}to{transform:rotateY(360deg)}}.id-card-flip-hint{font-size:var(--text-sm);color:var(--text-muted);opacity:.6;transition:opacity .3s ease}.id-card-container:hover+.id-card-flip-hint{opacity:1}.id-card{position:absolute;width:100%;height:100%;border-radius:16px;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:0 15px 40px #0003,0 0 0 1px #ffffff1a,inset 0 1px #ffffff1a;transition:box-shadow .3s ease}.id-card-container:hover .id-card{box-shadow:0 25px 60px #22c55e4d,0 0 0 1px #22c55e33,inset 0 1px #fff3}.id-card-front{background:linear-gradient(180deg,#fff,#f8fafc)}.id-card-back{background:linear-gradient(180deg,#f8fafc,#fff);transform:rotateY(180deg)}.id-card-bg{position:absolute;inset:0;overflow:hidden;pointer-events:none}.id-card-bg-top{position:absolute;top:0;left:0;right:0;height:130px;z-index:1}.id-card-bg-top svg{width:100%;height:100%}.id-card-bg-bottom{position:absolute;bottom:0;left:0;right:0;height:60px;z-index:1}.id-card-bg-bottom svg{width:100%;height:100%}.id-card-bg-top-back{position:absolute;top:0;left:0;right:0;height:80px;z-index:1}.id-card-bg-top-back svg{width:100%;height:100%}.id-card-bg-bottom-back{position:absolute;bottom:0;left:0;right:0;height:100px;z-index:1}.id-card-bg-bottom-back svg{width:100%;height:100%}.id-card-bubbles{position:absolute;inset:0;overflow:hidden;z-index:2}.bubble{position:absolute;border-radius:50%;background:radial-gradient(circle at 30% 30%,#fff6,#ffffff1a);box-shadow:inset 0 0 20px #fff3,0 0 10px #22c55e33;animation:floatBubble 8s ease-in-out infinite}.id-card-front .bubble{background:radial-gradient(circle at 30% 30%,#ffffff80,#ffffff26)}.id-card-back .bubble{background:radial-gradient(circle at 30% 30%,#22c55e66,#22c55e1a)}.bubble-1{width:40px;height:40px;top:15px;right:-10px;animation-delay:0s}.bubble-2{width:25px;height:25px;top:60px;right:30px;animation-delay:-1s;animation-duration:6s}.bubble-3{width:18px;height:18px;top:40px;left:10px;animation-delay:-2s;animation-duration:7s}.bubble-4{width:30px;height:30px;top:90px;left:-8px;animation-delay:-3s}.bubble-5{width:15px;height:15px;bottom:80px;right:20px;animation-delay:-4s;animation-duration:5s}.bubble-6{width:22px;height:22px;bottom:40px;left:30px;animation-delay:-1.5s;animation-duration:9s}.bubble-7{width:12px;height:12px;bottom:60px;right:50px;animation-delay:-2.5s;animation-duration:6s}.bubble-8{width:35px;height:35px;bottom:10px;right:-10px;animation-delay:-.5s;animation-duration:10s}@keyframes floatBubble{0%,to{transform:translateY(0) translate(0) scale(1);opacity:.7}25%{transform:translateY(-8px) translate(3px) scale(1.05);opacity:.9}50%{transform:translateY(-3px) translate(-3px) scale(.95);opacity:.6}75%{transform:translateY(-12px) translate(2px) scale(1.02);opacity:.8}}.id-card-deco-circle{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.2);z-index:1}.deco-1{width:150px;height:150px;top:-50px;right:-50px;border-color:#ffffff26}.deco-2{width:80px;height:80px;bottom:100px;left:-30px;border-color:#22c55e1a}.deco-3{width:60px;height:60px;bottom:30px;right:30px;border-color:#0000001a}.id-card-pattern-overlay{position:absolute;inset:0;background-image:radial-gradient(circle at 20% 80%,rgba(34,197,94,.03) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(34,197,94,.03) 0%,transparent 50%);z-index:0}.id-card-content{position:relative;z-index:10;display:flex;flex-direction:column;height:100%;padding:0}.id-card-header-section{display:flex;flex-direction:column;align-items:center;padding:12px 16px 8px;position:relative;z-index:10}.id-card-logo-container{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:#fffffff2;border-radius:12px;box-shadow:0 4px 15px #0000001a,0 0 0 2px #ffffff80;margin-bottom:6px}.id-card-logo-img{width:40px;height:40px;-o-object-fit:contain;object-fit:contain}.id-card-institute-info{text-align:center;color:#fff}.id-card-institute-name{font-size:14px;font-weight:800;letter-spacing:2px;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.2);background:linear-gradient(180deg,#fff,#e0e0e0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.id-card-institute-subtitle{font-size:9px;letter-spacing:1.5px;margin:2px 0 0;opacity:.9;font-weight:500}.id-card-type-badge{position:absolute;top:10px;right:10px;padding:3px 10px;background:linear-gradient(135deg,gold,#ffb700);color:#1a1a1a;font-size:7px;font-weight:800;letter-spacing:1px;border-radius:20px;box-shadow:0 2px 8px #ffd70066}.id-card-photo-section{display:flex;flex-direction:column;align-items:center;padding:12px 0;position:relative}.id-card-photo-frame{position:relative;width:90px;height:110px;padding:4px;background:linear-gradient(135deg,#22c55e,#16a34a,#15803d);border-radius:12px;box-shadow:0 8px 25px #22c55e59,inset 0 1px #ffffff4d}.id-card-photo-inner{width:100%;height:100%;border-radius:8px;overflow:hidden;background:#f0f0f0}.id-card-photo-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.id-card-photo-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e2e8f0,#cbd5e1);font-size:28px;font-weight:700;color:#64748b}.photo-frame-corner{position:absolute;width:12px;height:12px;border:2px solid rgba(255,215,0,.8)}.corner-tl{top:-2px;left:-2px;border-right:none;border-bottom:none;border-radius:6px 0 0}.corner-tr{top:-2px;right:-2px;border-left:none;border-bottom:none;border-radius:0 6px 0 0}.corner-bl{bottom:-2px;left:-2px;border-right:none;border-top:none;border-radius:0 0 0 6px}.corner-br{bottom:-2px;right:-2px;border-left:none;border-top:none;border-radius:0 0 6px}.id-card-status-badge{display:flex;align-items:center;gap:5px;margin-top:8px;padding:3px 12px;background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:20px;font-size:9px;font-weight:600;color:#16a34a}.id-card-status-badge.active{background:#22c55e1a;border-color:#22c55e4d;color:#16a34a}.id-card-status-badge.inactive{background:#ef44441a;border-color:#ef44444d;color:#dc2626}.status-dot{width:6px;height:6px;background:currentColor;border-radius:50%;animation:pulseDot 2s ease-in-out infinite}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.id-card-details-section{flex:1;padding:8px 20px;display:flex;flex-direction:column;gap:6px}.id-card-student-name{font-size:15px;font-weight:700;color:#0f172a;text-align:center;margin:0 0 8px;letter-spacing:.5px}.id-card-detail-row{display:flex;justify-content:space-between;align-items:center;padding:4px 0;border-bottom:1px dashed rgba(0,0,0,.08)}.id-card-detail-row:last-child{border-bottom:none}.detail-label{font-size:9px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.detail-value{font-size:10px;font-weight:600;color:#1e293b}.detail-value.id-number{font-family:var(--font-mono, "JetBrains Mono", monospace);color:#16a34a;letter-spacing:.5px}.id-card-footer-section{display:flex;justify-content:space-between;align-items:flex-end;padding:10px 16px;background:#000000e6;margin-top:auto;color:#fff}.id-card-validity{display:flex;flex-direction:column}.validity-label{font-size:7px;text-transform:uppercase;opacity:.7;letter-spacing:.5px}.validity-date{font-size:11px;font-weight:700;color:#4ade80;text-shadow:0 0 10px rgba(74,222,128,.5)}.id-card-barcode-mini{display:flex;flex-direction:column;align-items:center;gap:2px}.barcode-lines{display:flex;gap:1px;height:20px;padding:2px 4px;background:#ffffff1a;border-radius:2px}.barcode-line{background:#fff;opacity:.9}.barcode-text{font-size:6px;font-family:var(--font-mono, monospace);letter-spacing:1px;opacity:.7}.id-card-holographic{position:absolute;bottom:55px;left:0;right:0;height:8px;overflow:hidden;z-index:15}.holographic-strip{width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,215,0,.3) 20%,rgba(34,197,94,.3) 40%,rgba(59,130,246,.3) 60%,rgba(168,85,247,.3) 80%,transparent 100%);animation:shimmerHolo 3s linear infinite}@keyframes shimmerHolo{0%{transform:translate(-100%)}to{transform:translate(100%)}}.id-card-content-back{padding:10px 16px;color:#1e293b}.id-card-back-header{display:flex;align-items:center;gap:8px;padding-bottom:8px;border-bottom:1px solid rgba(0,0,0,.1);margin-bottom:10px}.back-logo-small{width:24px;height:24px}.back-logo-small img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.back-header-text{font-size:10px;font-weight:700;color:#fff;letter-spacing:1px;text-shadow:0 1px 2px rgba(0,0,0,.3)}.id-card-back-info-grid{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.back-info-item{display:flex;flex-direction:column;gap:1px}.back-label{font-size:8px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.back-value{font-size:10px;font-weight:600;color:#1e293b}.back-value.cnic{font-family:var(--font-mono, monospace);letter-spacing:1px}.back-value.blood-group{display:inline-flex;align-items:center;justify-content:center;width:28px;height:20px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border-radius:4px;font-size:9px;font-weight:700}.id-card-qr-section{display:flex;flex-direction:column;align-items:center;gap:4px;margin:12px 0}.qr-code-container{padding:8px;background:linear-gradient(135deg,#fff,#f0f0f0);border-radius:8px;box-shadow:0 4px 15px #0000001a,inset 0 1px #fff;position:relative}.qr-code-container:before,.qr-code-container:after{content:"";position:absolute;width:12px;height:12px;border:2px solid rgba(34,197,94,.6)}.qr-code-container:before{top:-1px;left:-1px;border-right:none;border-bottom:none;border-radius:4px 0 0}.qr-code-container:after{bottom:-1px;right:-1px;border-left:none;border-top:none;border-radius:0 0 4px}.qr-label{font-size:8px;color:#64748b;font-weight:500}.id-card-back-contact{display:flex;justify-content:center;gap:16px;margin-bottom:10px}.contact-item{display:flex;align-items:center;gap:4px;font-size:8px;color:#64748b}.contact-item svg{font-size:10px;color:#16a34a}.id-card-disclaimer{padding:8px;background:#22c55e0d;border:1px solid rgba(34,197,94,.1);border-radius:6px;margin-bottom:10px}.id-card-disclaimer p{font-size:7px;color:#475569;margin:0;line-height:1.4;text-align:center}.id-card-disclaimer .address{font-weight:600;color:#16a34a;margin-top:4px}.id-card-back-footer{display:flex;justify-content:space-between;align-items:flex-end;padding-top:8px;border-top:1px solid rgba(0,0,0,.08);position:relative;z-index:10}.issuing-info{display:flex;flex-direction:column}.issue-label{font-size:7px;color:#fff;text-transform:uppercase;opacity:.8}.issue-value{font-size:9px;font-weight:600;color:#fff}.authority-signature{display:flex;flex-direction:column;align-items:center;gap:2px}.signature-line{width:60px;height:1px;background:#ffffff80}.authority-signature span{font-size:6px;color:#fff;opacity:.8}.id-card-magnetic-strip{position:absolute;top:45px;left:0;right:0;height:20px;background:linear-gradient(180deg,#1a1a1a,#333,#1a1a1a);box-shadow:inset 0 1px #ffffff1a,inset 0 -1px #0000004d;z-index:5}@media print{.id-card-wrapper{padding:0}.id-card-controls,.id-card-flip-hint{display:none!important}.id-card-container{perspective:none}.id-card-flipper{transform:none!important;transform-style:flat}.id-card{position:static;page-break-inside:avoid;box-shadow:none;margin-bottom:20mm;-webkit-print-color-adjust:exact;print-color-adjust:exact}.id-card-front{margin-bottom:10mm}.id-card-back{transform:none}.bubble,.id-card-holographic{animation:none!important}}@media (max-width: 480px){.id-card-wrapper{padding:var(--space-4)}.id-card-container{width:200px;height:316px}.id-card-photo-frame{width:75px;height:92px}.id-card-institute-name{font-size:12px}.id-card-student-name{font-size:13px}.id-card-control-btn{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}.id-card-control-btn span{display:none}}[data-theme=dark] .id-card-front{background:linear-gradient(180deg,#1e293b,#0f172a)}[data-theme=dark] .id-card-back{background:linear-gradient(180deg,#0f172a,#1e293b)}[data-theme=dark] .id-card-student-name,[data-theme=dark] .detail-value,[data-theme=dark] .back-value{color:#f1f5f9}[data-theme=dark] .detail-label,[data-theme=dark] .back-label{color:#94a3b8}[data-theme=dark] .id-card-photo-placeholder{background:linear-gradient(135deg,#334155,#1e293b);color:#94a3b8}[data-theme=dark] .id-card-disclaimer{background:#22c55e1a;border-color:#22c55e33}[data-theme=dark] .id-card-disclaimer p{color:#cbd5e1}[data-theme=dark] .qr-code-container{background:linear-gradient(135deg,#1e293b,#334155)}[data-theme=dark] .qr-code-container svg{color:#4ade80!important}@media (prefers-reduced-motion: reduce){.id-card-flipper,.id-card{transition:none}.bubble,.status-dot,.holographic-strip,.id-card-container.auto-flip .id-card-flipper{animation:none}}.id-card-control-btn:focus-visible{outline:2px solid #22c55e;outline-offset:2px}.id-card-container:focus-visible{outline:3px solid #22c55e;outline-offset:4px;border-radius:20px}.live-class-card{display:flex;flex-direction:column;background:var(--bg-primary);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm);overflow:hidden;transition:var(--transition-all);border:2px solid transparent}.live-class-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.live-class-card.status-live{border-color:var(--color-success-300);box-shadow:0 4px 20px -4px #10b9814d}.live-class-card.status-live:hover{box-shadow:0 8px 30px -4px #10b98166}.live-class-card.status-scheduled{border-color:transparent}.live-class-card.status-ended{opacity:.75}.live-class-card.status-ended:hover{opacity:1}.live-class-card .card-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);background:var(--bg-secondary);border-bottom:1px solid var(--border-primary)}.platform-badge{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1-5) var(--space-3);background:var(--bg-primary);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text-secondary)}.platform-badge svg{width:16px;height:16px}.header-right{display:flex;align-items:center;gap:var(--space-2)}.live-badge{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1-5) var(--space-3);background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:var(--radius-full);font-size:11px;font-weight:var(--font-bold);color:#fff;letter-spacing:.05em;animation:pulse-badge 2s ease-in-out infinite}@keyframes pulse-badge{0%,to{box-shadow:0 0 #ef444466}50%{box-shadow:0 0 0 8px #ef444400}}.live-dot{width:8px;height:8px;background:#fff;border-radius:50%;animation:blink 1s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.menu-wrapper{position:relative}.menu-trigger{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:none;border-radius:var(--radius-lg);color:var(--text-tertiary);cursor:pointer;transition:var(--transition-all)}.menu-trigger:hover{background:var(--bg-tertiary);color:var(--text-primary)}.menu-trigger svg{width:20px;height:20px}.dropdown-menu{position:absolute;top:100%;right:0;margin-top:var(--space-2);min-width:160px;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);overflow:hidden;z-index:100;animation:dropdown-appear .15s ease-out}@keyframes dropdown-appear{0%{opacity:0;transform:translateY(-8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.dropdown-menu button{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--text-secondary);background:transparent;border:none;cursor:pointer;transition:var(--transition-all)}.dropdown-menu button:hover{background:var(--bg-secondary);color:var(--text-primary)}.dropdown-menu button.delete-action{color:var(--color-error-600)}.dropdown-menu button.delete-action:hover{background:var(--color-error-50)}.dropdown-menu button svg{width:16px;height:16px}.live-class-card .card-body{padding:var(--space-5);flex:1}.class-title{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--text-primary);margin:0 0 var(--space-3) 0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.class-details{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4)}.detail-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary)}.detail-item svg{width:16px;height:16px;color:var(--color-primary-500);flex-shrink:0}.schedule-info{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-3);background:var(--bg-secondary);border-radius:var(--radius-lg)}.schedule-item{display:flex;align-items:center;gap:var(--space-1-5);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary)}.schedule-item svg{width:14px;height:14px;color:var(--color-primary-500)}.schedule-divider{color:var(--text-muted)}.class-description{font-size:var(--text-sm);color:var(--text-tertiary);margin:var(--space-4) 0 0 0;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.time-banner{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3);font-size:var(--text-sm);font-weight:var(--font-semibold)}.time-banner-live{background:linear-gradient(90deg,var(--color-success-500),var(--color-primary-500));color:#fff}.time-banner-scheduled{background:linear-gradient(90deg,#fef9c3,#fef3c7);color:#92400e}.time-banner-ended{background:var(--bg-tertiary);color:var(--text-tertiary)}.banner-icon{width:18px;height:18px}.joined-badge{padding:var(--space-1) var(--space-2);background:#fff3;border-radius:var(--radius-full);font-size:var(--text-xs)}.live-class-card .card-footer{padding:var(--space-4);border-top:1px solid var(--border-primary)}.action-buttons{display:flex;gap:var(--space-2)}.action-buttons .btn{flex:1}.join-btn{background:var(--gradient-primary)!important;box-shadow:var(--shadow-primary-sm)!important}.join-btn:hover{box-shadow:var(--shadow-primary-md)!important;transform:translateY(-2px)}.waiting-btn{background:var(--bg-secondary)!important;color:var(--text-tertiary)!important;border:none!important;cursor:not-allowed!important}.ended-btn{color:var(--text-muted)!important}.live-class-card-list{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:var(--bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:var(--transition-all);border:2px solid transparent}.live-class-card-list:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary-200)}.live-class-card-list.status-live{border-color:var(--color-success-300);background:linear-gradient(90deg,rgba(16,185,129,.05),transparent)}.list-status{display:flex;align-items:center;gap:var(--space-2);min-width:100px}.live-indicator-small{width:10px;height:10px;background:#ef4444;border-radius:50%;animation:live-pulse 1.5s ease-in-out infinite}.status-text{font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.05em}.status-text.status-live{color:#ef4444}.status-text.status-scheduled{color:#eab308}.status-text.status-ended{color:#94a3b8}.list-content{flex:1;min-width:0}.list-title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--space-1) 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-meta{display:flex;flex-wrap:wrap;gap:var(--space-4)}.list-meta span{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--text-secondary)}.list-meta svg{width:14px;height:14px;color:var(--color-primary-500)}.list-platform{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--bg-secondary);border-radius:var(--radius-lg);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--text-secondary)}.list-platform svg{width:16px;height:16px}.list-time-info{min-width:120px;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-tertiary);text-align:right}.list-actions{display:flex;gap:var(--space-2)}[data-theme=dark] .live-class-card{background:var(--bg-primary)}[data-theme=dark] .live-class-card .card-header{background:var(--bg-secondary);border-color:var(--border-primary)}[data-theme=dark] .platform-badge,[data-theme=dark] .schedule-info{background:var(--bg-tertiary)}[data-theme=dark] .time-banner-scheduled{background:#eab30826;color:#fbbf24}[data-theme=dark] .time-banner-ended{background:var(--bg-tertiary)}[data-theme=dark] .waiting-btn{background:var(--bg-tertiary)!important}[data-theme=dark] .live-class-card-list{background:var(--bg-primary)}[data-theme=dark] .live-class-card-list.status-live{background:linear-gradient(90deg,rgba(16,185,129,.1),transparent)}[data-theme=dark] .list-platform{background:var(--bg-tertiary)}@media (max-width: 768px){.live-class-card .card-header{padding:var(--space-3)}.live-class-card .card-body{padding:var(--space-4)}.live-class-card .card-footer{padding:var(--space-3)}.class-title{font-size:var(--text-base)}.action-buttons{flex-direction:column}.live-class-card-list{flex-wrap:wrap;gap:var(--space-3);padding:var(--space-4)}.list-status{min-width:auto}.list-content{flex:1 1 100%;order:-1}.list-platform,.list-time-info{flex:1}.list-actions{flex:1 1 100%;justify-content:flex-end}}.join-class-btn{transition:var(--transition-all)}.join-class-btn-live{animation:pulse-button 2s ease-in-out infinite;background:var(--gradient-primary);box-shadow:var(--shadow-primary)}.join-class-btn-live:hover{animation:none;box-shadow:var(--shadow-primary-lg);transform:translateY(-2px)}@keyframes pulse-button{0%,to{box-shadow:var(--shadow-primary)}50%{box-shadow:var(--shadow-primary-lg),0 0 20px #22c55e66}}.join-class-btn-scheduled{cursor:not-allowed}.join-class-btn-ended{opacity:.6;cursor:not-allowed}.calendar-widget{padding:var(--space-5)}.calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-5)}.nav-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;transition:var(--transition-all)}.nav-btn:hover{background:var(--color-primary-50);border-color:var(--color-primary-300);color:var(--color-primary-600)}.nav-btn svg{width:24px;height:24px}.month-display{display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.month-name{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--text-primary)}.today-btn{padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-primary-600);background:var(--color-primary-50);border:none;border-radius:var(--radius-full);cursor:pointer;transition:var(--transition-all)}.today-btn:hover{background:var(--color-primary-100)}.weekdays-row{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:var(--space-2)}.weekday{display:flex;align-items:center;justify-content:center;height:36px;font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--text-tertiary);text-transform:uppercase}.days-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--space-1)}.day-cell{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;aspect-ratio:1;padding:var(--space-1);background:transparent;border:2px solid transparent;border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition-all)}.day-cell:hover:not(.empty):not(.selected){background:var(--bg-secondary)}.day-cell.empty{cursor:default}.day-cell.today{background:var(--color-primary-50);border-color:var(--color-primary-500)}.day-cell.today .day-number{color:var(--color-primary-600);font-weight:var(--font-bold)}.day-cell.past:not(.today){opacity:.5}.day-cell.selected{background:var(--color-primary-500);border-color:var(--color-primary-500)}.day-cell.selected .day-number{color:#fff}.day-cell.has-class{background:var(--color-primary-50)}.day-cell.has-class:hover{background:var(--color-primary-100)}.day-cell.has-live{background:linear-gradient(135deg,#ef44441a,#10b9811a);border-color:#ef44444d}.day-number{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary);line-height:1}.day-indicators{position:absolute;bottom:4px;display:flex;gap:2px}.indicator{width:6px;height:6px;border-radius:50%}.indicator.live{background:#ef4444;animation:pulse-indicator 1.5s ease-in-out infinite}.indicator.scheduled{background:#eab308}.indicator.ended{background:#94a3b8}@keyframes pulse-indicator{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.7}}.day-cell.selected .indicator{background:#fff!important}.calendar-legend{display:flex;justify-content:center;gap:var(--space-5);margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--border-primary)}.legend-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--text-secondary)}.legend-dot{width:8px;height:8px;border-radius:50%}.legend-dot.live{background:#ef4444}.legend-dot.scheduled{background:#eab308}.legend-dot.ended{background:#94a3b8}[data-theme=dark] .nav-btn{background:var(--bg-tertiary);border-color:var(--border-primary)}[data-theme=dark] .nav-btn:hover{background:#22c55e1a;border-color:var(--color-primary-600)}[data-theme=dark] .today-btn{background:#22c55e33;color:var(--color-primary-400)}[data-theme=dark] .day-cell.today{background:#22c55e26;border-color:var(--color-primary-500)}[data-theme=dark] .day-cell.has-class{background:#22c55e1a}[data-theme=dark] .day-cell.has-class:hover{background:#22c55e33}[data-theme=dark] .day-cell.has-live{background:linear-gradient(135deg,#ef444426,#10b98126)}.attendance-modal{display:flex;flex-direction:column;gap:var(--space-4)}.attendance-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-3)}.attendance-stats{display:flex;align-items:center;gap:var(--space-2)}.attendance-stats .badge{display:flex;align-items:center;gap:var(--space-1)}.attendance-search{width:100%}.attendance-list{max-height:400px;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-2)}.attendance-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--bg-secondary);border-radius:var(--radius-lg);transition:var(--transition-all)}.attendance-item:hover{background:var(--color-primary-50)}.attendance-rank{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--text-tertiary);background:var(--bg-tertiary);border-radius:var(--radius-full)}.attendance-info{flex:1;display:flex;flex-direction:column;min-width:0}.student-name{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.student-id{font-size:var(--text-xs);color:var(--text-tertiary)}.join-time{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--text-secondary);white-space:nowrap}.join-time svg{width:14px;height:14px;color:var(--color-primary-500)}.attendance-loading,.attendance-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8);text-align:center;color:var(--text-tertiary)}.attendance-loading .spinner{width:32px;height:32px;border:3px solid var(--border-primary);border-top-color:var(--color-primary-500);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--space-3)}@keyframes spin{to{transform:rotate(360deg)}}.attendance-empty .empty-icon{width:48px;height:48px;color:var(--text-muted);margin-bottom:var(--space-3)}[data-theme=dark] .attendance-item{background:var(--bg-tertiary)}[data-theme=dark] .attendance-item:hover{background:#22c55e1a}[data-theme=dark] .attendance-rank{background:var(--bg-secondary)}