@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--color-primary: 218 36% 18%;--color-primary-light: 218 36% 28%;--color-primary-dark: 218 45% 10%;--color-primary-50: 218 36% 97%;--color-primary-100: 218 36% 92%;--color-primary-500: 218 36% 45%;--color-primary-600: 218 36% 35%;--color-primary-700: 218 36% 25%;--color-accent: 16 96% 50%;--color-accent-light: 16 96% 60%;--color-accent-dark: 16 96% 40%;--color-accent-50: 16 96% 95%;--color-accent-100: 16 96% 87%;--color-warm: 45 100% 50%;--color-warm-light: 45 100% 60%;--color-warm-dark: 45 100% 40%;--color-secondary: 262 52% 47%;--color-secondary-light: 262 52% 57%;--color-danger: 0 84% 60%;--color-danger-light: 0 84% 70%;--color-warning: 38 92% 50%;--color-warning-light: 38 92% 60%;--color-success: 152 69% 35%;--color-success-light: 152 69% 45%;--color-info: 200 98% 39%;--color-info-light: 200 98% 49%;--color-slate-25: 210 40% 99%;--color-slate-50: 210 40% 98%;--color-slate-100: 210 40% 96%;--color-slate-200: 214 32% 91%;--color-slate-300: 213 27% 84%;--color-slate-400: 215 20% 65%;--color-slate-500: 215 16% 47%;--color-slate-600: 215 19% 35%;--color-slate-700: 215 25% 27%;--color-slate-800: 217 33% 17%;--color-slate-900: 222 47% 11%;--color-slate-950: 229 84% 5%;--font-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace;--spacing-unit: .25rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.25rem;--radius-3xl: 1.5rem;--radius-full: 9999px;--transition-micro: 80ms cubic-bezier(0, 0, .2, 1);--transition-fast: .12s cubic-bezier(0, 0, .2, 1);--transition-normal: .18s cubic-bezier(0, 0, .2, 1);--transition-smooth: .25s cubic-bezier(0, 0, .2, 1);--transition-slow: .4s cubic-bezier(0, 0, .2, 1);--transition-spring: .5s cubic-bezier(.175, .885, .32, 1.1);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .06);--shadow-primary: 0 4px 14px 0 hsl(220 70% 45% / .25);--shadow-primary-lg: 0 8px 25px 0 hsl(220 70% 45% / .3);--shadow-accent: 0 4px 14px 0 hsl(162 83% 44% / .25);--shadow-accent-lg: 0 8px 25px 0 hsl(162 83% 44% / .35);--shadow-warm: 0 4px 14px 0 hsl(43 96% 56% / .25);--shadow-danger: 0 4px 14px 0 rgba(239, 68, 68, .2);--shadow-success: 0 4px 14px 0 rgba(34, 197, 94, .2);--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 400;--z-modal: 500;--z-popover: 600;--z-tooltip: 700;--z-admin: 1000;--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px)}@media(max-width:768px){:root{--spacing-unit: .2rem;--radius-xl: .75rem;--radius-2xl: 1rem}html{font-size:14px}body.modal-open{overflow:hidden;position:fixed;width:100%}}.min-h-screen-ios{min-height:100vh;min-height:-webkit-fill-available}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-sans);line-height:1.6;color:hsl(var(--color-slate-900));background:hsl(var(--color-slate-50));font-feature-settings:"cv02","cv03","cv04","cv11"}::selection{background:#1c64f226;color:#083691}:focus-visible{outline:2px solid hsl(var(--color-primary));outline-offset:2px;border-radius:var(--radius-sm)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes slideInFromRight{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes scaleInBounce{0%{opacity:0;transform:scale(.9)}70%{transform:scale(1.02)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spinSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@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 gentleBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes ripple{0%{transform:scale(0);opacity:.5}to{transform:scale(2.5);opacity:0}}@keyframes progressIndeterminate{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes skeletonLoading{0%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes loading-bar{0%{transform:translate(-100%)}50%{transform:translate(0)}to{transform:translate(100%)}}@keyframes scan-horizontal{0%{transform:translate(-100%);opacity:0}50%{opacity:.5}to{transform:translate(100%);opacity:0}}@keyframes scan-vertical{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.animate-fade-in{animation:fadeIn var(--transition-normal) ease-out forwards}.animate-fade-in-up{animation:fadeInUp var(--transition-smooth) ease-out forwards}.animate-fade-in-down{animation:fadeInDown var(--transition-smooth) ease-out forwards}.animate-fade-in-scale{animation:fadeInScale var(--transition-smooth) ease-out forwards}.animate-slide-in-right{animation:slideInFromRight var(--transition-smooth) ease-out forwards}.animate-slide-in-left{animation:slideInFromLeft var(--transition-smooth) ease-out forwards}.animate-scale-in{animation:scaleIn var(--transition-fast) ease-out forwards}.animate-scale-in-bounce{animation:scaleInBounce var(--transition-spring) forwards}.animate-shimmer{background:linear-gradient(90deg,hsl(var(--color-slate-100)),hsl(var(--color-slate-50)),hsl(var(--color-slate-100)));background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-spin{animation:spin 1s linear infinite}.animate-spin-slow{animation:spinSlow 3s linear infinite}.animate-bounce{animation:bounce 1s infinite}.animate-gentle-bounce{animation:gentleBounce 2s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-10px) rotate(1deg)}50%{transform:translateY(-5px) rotate(-1deg)}75%{transform:translateY(-15px) rotate(.5deg)}}@keyframes floatSlow{0%,to{transform:translateY(0) translate(0)}33%{transform:translateY(-20px) translate(10px)}66%{transform:translateY(-10px) translate(-5px)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 20px #13cd9533}50%{box-shadow:0 0 40px #13cd9566,0 0 60px #13cd9533}}@keyframes tiltIn{0%{transform:perspective(1000px) rotateX(10deg) scale(.95);opacity:0}to{transform:perspective(1000px) rotateX(0) scale(1);opacity:1}}@keyframes staggerFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scalePop{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes iconBob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes springIn{0%{transform:scale(.8) translateY(20px);opacity:0}60%{transform:scale(1.03) translateY(-3px);opacity:1}to{transform:scale(1) translateY(0);opacity:1}}.animate-float{animation:float 6s ease-in-out infinite}.animate-float-slow{animation:floatSlow 8s ease-in-out infinite}.animate-float-delayed{animation:float 6s ease-in-out infinite;animation-delay:2s}.animate-pulse-glow{animation:pulseGlow 3s ease-in-out infinite}.animate-icon-bob{animation:iconBob 2s ease-in-out infinite}.animate-spring-in{animation:springIn .6s cubic-bezier(.175,.885,.32,1.275) forwards}.animate-scale-pop{animation:scalePop .3s ease-in-out}.animate-gradient{background-size:200% 200%;animation:gradientShift 8s ease infinite}.stagger-children>*{opacity:0;animation:staggerFadeIn .5s ease-out forwards}.stagger-children>*:nth-child(1){animation-delay:.05s}.stagger-children>*:nth-child(2){animation-delay:.1s}.stagger-children>*:nth-child(3){animation-delay:.15s}.stagger-children>*:nth-child(4){animation-delay:.2s}.stagger-children>*:nth-child(5){animation-delay:.25s}.stagger-children>*:nth-child(6){animation-delay:.3s}.stagger-children>*:nth-child(7){animation-delay:.35s}.stagger-children>*:nth-child(8){animation-delay:.4s}.hover-lift-3d{transition:all .4s cubic-bezier(.175,.885,.32,1.275);transform-style:preserve-3d}.hover-lift-3d:hover{transform:translateY(-8px) rotateX(-2deg) rotateY(2deg);box-shadow:0 20px 40px -15px #00000026,0 10px 20px -10px #13cd9526}.glass{background:#ffffffb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.3)}.glass-dark{background:#0f172acc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1)}.shimmer-premium{background:linear-gradient(90deg,hsl(var(--color-slate-100)),hsl(var(--color-slate-50)),#13cd951a,hsl(var(--color-slate-50)) 60%,hsl(var(--color-slate-100)));background-size:400% 100%;animation:shimmer 2s ease-in-out infinite}.btn-ripple{position:relative;overflow:hidden}.btn-ripple:after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;background-image:radial-gradient(circle,rgba(255,255,255,.25) 10%,transparent 10%);background-repeat:no-repeat;background-position:50%;transform:scale(10);opacity:0;transition:transform .5s,opacity .5s}.btn-ripple:active:after{transform:scale(0);opacity:1;transition:0s}.card-glow-hover{position:relative;transition:all .4s ease}.card-glow-hover:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(135deg,hsl(162 83% 44% / .15),transparent 50%);opacity:0;transition:opacity .4s ease;pointer-events:none}.card-glow-hover:hover:before{opacity:1}.card-glow-hover:hover{transform:translateY(-4px);box-shadow:0 20px 40px -15px #13cd9533}@media(prefers-reduced-motion:reduce){.animate-float,.animate-float-slow,.animate-float-delayed,.animate-pulse-glow,.animate-icon-bob,.animate-gradient,.stagger-children>*{animation:none!important;opacity:1!important;transform:none!important}.hover-lift-3d:hover{transform:translateY(-4px)}}.animate-marquee{animation:marquee 30s linear infinite}.animate-glow-pulse{animation:glowPulse 2s ease-in-out infinite}.pause-on-hover:hover{animation-play-state:paused}.delay-75{animation-delay:75ms}.delay-100{animation-delay:.1s}.delay-150{animation-delay:.15s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-500{animation-delay:.5s}.delay-700{animation-delay:.7s}.delay-1000{animation-delay:1s}.transition-all{transition:all var(--transition-normal)}.transition-colors{transition:color var(--transition-fast),background-color var(--transition-fast),border-color var(--transition-fast)}.transition-transform{transition:transform var(--transition-normal)}.transition-opacity{transition:opacity var(--transition-normal)}.transition-shadow{transition:box-shadow var(--transition-normal)}.glass{background:#ffffffd9;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.4)}.glass-light{background:#ffffffb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.3)}.glass-dark{background:#0f172ad9;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.08)}.glass-dark-heavy{background:#0f172af2;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.gradient-text{color:hsl(var(--color-primary))}.gradient-text-primary{color:hsl(var(--color-primary));font-weight:700}.bg-grid{background-image:linear-gradient(to right,hsl(var(--color-slate-200) / .4) 1px,transparent 1px),linear-gradient(to bottom,hsl(var(--color-slate-200) / .4) 1px,transparent 1px);background-size:24px 24px}.bg-dots{background-image:radial-gradient(circle,hsl(var(--color-slate-300)) 1px,transparent 1px);background-size:16px 16px}.bg-noise{position:relative}.bg-noise:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");opacity:.03;pointer-events:none}.bg-gradient-primary{background:linear-gradient(135deg,hsl(var(--color-primary)),hsl(var(--color-primary-dark)))}.bg-gradient-accent{background:linear-gradient(135deg,hsl(var(--color-accent)),hsl(var(--color-accent-dark)))}.bg-gradient-warm{background:linear-gradient(135deg,hsl(var(--color-warm)),hsl(var(--color-warm-dark)))}.bg-gradient-dark{background:linear-gradient(135deg,hsl(var(--color-slate-900)),hsl(var(--color-slate-950)))}.bg-gradient-mesh{background:radial-gradient(at 40% 20%,hsl(var(--color-accent) / .08) 0px,transparent 50%),radial-gradient(at 80% 0%,hsl(var(--color-primary) / .06) 0px,transparent 50%),radial-gradient(at 0% 50%,hsl(var(--color-warm) / .05) 0px,transparent 50%),hsl(var(--color-slate-50));border-bottom:1px solid hsl(var(--color-slate-200))}.bg-gradient-hero{background:radial-gradient(ellipse 80% 50% at 50% -20%,hsl(var(--color-accent) / .12) 0%,transparent 50%),radial-gradient(ellipse 60% 40% at 100% 0%,hsl(var(--color-primary) / .08) 0%,transparent 50%),linear-gradient(to bottom,hsl(var(--color-slate-50)),#fff)}.bg-gradient-card{background:linear-gradient(135deg,#fff,hsl(var(--color-slate-50)))}.bg-gradient-cta{background:radial-gradient(ellipse at 20% 80%,hsl(var(--color-accent) / .15) 0%,transparent 40%),radial-gradient(ellipse at 80% 20%,hsl(var(--color-warm) / .1) 0%,transparent 40%),linear-gradient(135deg,hsl(var(--color-slate-900)),hsl(var(--color-slate-950)))}.bg-gradient-namecheap{background:linear-gradient(135deg,#4b6cb7,#182848,#2c3e50);background-size:200% 200%;animation:gradientShift 15s ease infinite}.bg-gradient-namecheap-light{background:radial-gradient(ellipse at 30% 20%,rgba(107,78,183,.3) 0%,transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(75,108,183,.3) 0%,transparent 50%),linear-gradient(160deg,#5b7fd1,#4b6cb7 30%,#3d4f8c 70%,#182848)}.gradient-border{position:relative;background:#fff}.gradient-border:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;padding:1px;background:linear-gradient(135deg,hsl(var(--color-accent)),hsl(var(--color-primary)));border-radius:inherit;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.glow-accent{box-shadow:0 0 20px hsl(var(--color-accent) / .3),0 0 40px hsl(var(--color-accent) / .15)}.glow-primary{box-shadow:0 0 20px hsl(var(--color-primary) / .3),0 0 40px hsl(var(--color-primary) / .15)}.hover-lift{transition:transform var(--transition-smooth),box-shadow var(--transition-smooth)}.hover-lift:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.hover-lift:active{transform:translateY(-2px)}.hover-scale{transition:transform var(--transition-fast)}.hover-scale:hover{transform:scale(1.02)}.hover-scale:active{transform:scale(.98)}.hover-glow:hover{box-shadow:var(--shadow-primary)}.hover-glow-lg:hover{box-shadow:var(--shadow-primary-lg)}.ripple-container{position:relative;overflow:hidden}.ripple-container:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle,hsl(var(--color-primary) / .3) 0%,transparent 70%);transform:scale(0);opacity:0;transition:transform .5s,opacity .3s}.ripple-container:active:after{transform:scale(2);opacity:1;transition:0s}.card{background:#fff;border-radius:var(--radius-xl);border:1px solid hsl(var(--color-slate-200));transition:all var(--transition-smooth)}.card:hover{border-color:hsl(var(--color-slate-300));box-shadow:var(--shadow-md)}.card-elevated{background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid hsl(var(--color-slate-100));transition:all var(--transition-smooth)}.card-elevated:hover{box-shadow:var(--shadow-lg);border-color:hsl(var(--color-slate-200));transform:translateY(-2px)}.card-accent{background:#fff;border-radius:var(--radius-xl);border:1px solid hsl(var(--color-accent) / .2);transition:all var(--transition-smooth)}.card-accent:hover{border-color:hsl(var(--color-accent) / .4);box-shadow:var(--shadow-accent)}.card-interactive{background:#fff;border-radius:var(--radius-xl);border:1px solid hsl(var(--color-slate-200));transition:all var(--transition-smooth);cursor:pointer}.card-interactive:hover{border-color:hsl(var(--color-accent));box-shadow:var(--shadow-accent);transform:translateY(-4px)}.card-glass{background:#fffffff2;border-radius:var(--radius-xl);border:1px solid hsl(var(--color-slate-200));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.card-dark{background:linear-gradient(135deg,hsl(var(--color-slate-900)),hsl(var(--color-slate-800)));border:1px solid hsl(var(--color-slate-700));border-radius:var(--radius-xl);color:#fff}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:var(--radius-lg);font-weight:600;font-size:.875rem;transition:all var(--transition-fast);cursor:pointer;border:1px solid transparent;-webkit-user-select:none;user-select:none}.btn:active{transform:translateY(1px)}.btn-primary{background:linear-gradient(135deg,hsl(var(--color-slate-900)),hsl(var(--color-slate-800)));color:#fff;box-shadow:0 2px 8px hsl(var(--color-slate-900) / .25)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,hsl(var(--color-slate-800)),#000);box-shadow:0 4px 12px hsl(var(--color-slate-900) / .35);transform:translateY(-1px)}.btn-accent{background:linear-gradient(135deg,hsl(var(--color-accent)),hsl(var(--color-accent-dark)));color:#fff;box-shadow:var(--shadow-accent)}.btn-accent:hover:not(:disabled){box-shadow:var(--shadow-accent-lg);transform:translateY(-2px)}.btn-gradient{background:linear-gradient(135deg,hsl(var(--color-accent)),hsl(var(--color-primary)));color:#fff;box-shadow:0 4px 15px hsl(var(--color-accent) / .3)}.btn-gradient:hover:not(:disabled){box-shadow:0 6px 20px hsl(var(--color-accent) / .4);transform:translateY(-2px)}.btn-secondary{background:#fff;color:hsl(var(--color-slate-900));border-color:hsl(var(--color-slate-200));box-shadow:0 1px 3px hsl(var(--color-slate-900) / .08)}.btn-secondary:hover:not(:disabled){background:hsl(var(--color-slate-50));border-color:hsl(var(--color-slate-300));box-shadow:0 2px 6px hsl(var(--color-slate-900) / .12)}.btn-outline{background:transparent;color:hsl(var(--color-primary));border-color:hsl(var(--color-primary))}.btn-outline:hover:not(:disabled){background:hsl(var(--color-primary-50))}.btn-outline-accent{background:transparent;color:hsl(var(--color-accent));border-color:hsl(var(--color-accent))}.btn-outline-accent:hover:not(:disabled){background:hsl(var(--color-accent-50))}.input{width:100%;padding:.875rem 1rem;border-radius:var(--radius-md);border:1px solid hsl(var(--color-slate-300));background:#fff;font-size:.875rem;color:hsl(var(--color-slate-900));transition:all var(--transition-fast)}.input:focus{border-color:hsl(var(--color-primary));outline:none}.input-with-icon{padding-left:2.75rem}.badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .625rem;border-radius:var(--radius-full);font-size:.6875rem;font-weight:600;font-size:.75rem;font-weight:500}.badge-primary{background:#1c64f21a;color:hsl(var(--color-primary))}.badge-success{background:#21c45d1a;color:hsl(var(--color-success))}.badge-warning{background:#ff99001a;color:hsl(var(--color-warning))}.badge-danger{background:#f440341a;color:hsl(var(--color-danger))}.badge-info{background:#0da2e71a;color:hsl(var(--color-info))}.badge-neutral{background:hsl(var(--color-slate-100));color:hsl(var(--color-slate-600))}.skeleton{background:linear-gradient(90deg,hsl(var(--color-slate-100)),hsl(var(--color-slate-50)),hsl(var(--color-slate-100)));background-size:200% 100%;animation:skeletonLoading 1.5s ease-in-out infinite;border-radius:var(--radius-md)}.progress-bar{height:4px;background:hsl(var(--color-slate-200));border-radius:var(--radius-full);overflow:hidden}.progress-bar-fill{height:100%;background:hsl(var(--color-primary));border-radius:var(--radius-full);transition:width var(--transition-smooth)}.progress-bar-indeterminate .progress-bar-fill{width:50%;animation:progressIndeterminate 1.5s ease-in-out infinite}.tooltip{position:relative}.tooltip:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-8px);padding:.5rem .75rem;background:hsl(var(--color-slate-900));color:#fff;font-size:.75rem;font-weight:500;border-radius:var(--radius-md);white-space:nowrap;opacity:0;visibility:hidden;transition:all var(--transition-fast);pointer-events:none;z-index:var(--z-tooltip)}.tooltip:hover:after{opacity:1;visibility:visible;transform:translate(-50%) translateY(-4px)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:hsl(var(--color-slate-100));border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:hsl(var(--color-slate-300));border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:hsl(var(--color-slate-400))}.dark ::-webkit-scrollbar-track,.scrollbar-dark::-webkit-scrollbar-track{background:hsl(var(--color-slate-900))}.dark ::-webkit-scrollbar-thumb,.scrollbar-dark::-webkit-scrollbar-thumb{background:hsl(var(--color-slate-700))}.divider{height:1px;width:100%;background:hsl(var(--color-slate-200))}.divider-vertical{width:1px;height:100%;background:hsl(var(--color-slate-200))}.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:hsl(var(--color-slate-100));color:hsl(var(--color-slate-600));font-weight:600;overflow:hidden}.avatar-sm{width:2rem;height:2rem;font-size:.75rem}.avatar-md{width:2.5rem;height:2.5rem;font-size:.875rem}.avatar-lg{width:3rem;height:3rem;font-size:1rem}.dark{color-scheme:dark}.dark body{color:hsl(var(--color-slate-100));background:hsl(var(--color-slate-950))}.dark .card{background:hsl(var(--color-slate-900));border-color:hsl(var(--color-slate-800))}.dark .card:hover{border-color:hsl(var(--color-slate-700))}.dark .input{background:hsl(var(--color-slate-900));border-color:hsl(var(--color-slate-700));color:#fff}.dark .input:focus{border-color:hsl(var(--color-primary))}.dark .divider{background:hsl(var(--color-slate-800))}@media(max-width:640px){html{font-size:15px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media print{body{background:#fff;color:#000}.no-print{display:none!important}.card{box-shadow:none;border:1px solid #ccc}}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-1{display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.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}