:root{--gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-success: linear-gradient(135deg, #84fab0 0%, #8fd3f4 100%);--gradient-danger: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--gradient-info: linear-gradient(135deg, #30cfd0 0%, #330867 100%);--gradient-sky: linear-gradient(135deg, #0ea5e9 0%, #3b82f6 100%);--gradient-purple: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--shadow-xs: 0 1px 3px rgba(0, 0, 0, .05);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .06);--shadow-md: 0 4px 16px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .12);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .16);--shadow-2xl: 0 24px 64px rgba(0, 0, 0, .2);--shadow-glow-sky: 0 0 20px rgba(14, 165, 233, .3);--shadow-glow-purple: 0 0 20px rgba(168, 85, 247, .3);--shadow-glow-emerald: 0 0 20px rgba(16, 185, 129, .3);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .4s cubic-bezier(.68, -.55, .265, 1.55)}.card-premium{position:relative;background:#fff;border:1px solid rgb(226 232 240);border-radius:1rem;box-shadow:var(--shadow-sm);transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base);transform:translateZ(0);will-change:transform}.card-premium:hover{transform:translateY(-4px) translateZ(0);box-shadow:var(--shadow-lg);border-color:#cbd5e1}.card-premium:active{transform:translateY(-2px) translateZ(0);box-shadow:var(--shadow-md)}.glow-border{position:relative;border:2px solid transparent;background:#fff;background-clip:padding-box}.glow-border:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:inherit;background:var(--gradient-sky);z-index:-1;opacity:0;transition:opacity var(--transition-base)}.glow-border:hover:before{opacity:1}.glow-border-purple:before{background:var(--gradient-purple)}.glow-border-success:before{background:var(--gradient-success)}.shine-effect{position:relative;overflow:hidden}.shine-effect:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.15) 50%,transparent 70%);transform:translate(-100%) translateZ(0);transition:transform .6s cubic-bezier(.4,0,.2,1);pointer-events:none}.shine-effect:hover:after{transform:translate(100%) translateZ(0)}.glass-effect{background:#ffffffe6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2)}.glass-effect-dark{background:#0f172acc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1)}.input-premium{position:relative;background:#fff;border:1px solid rgb(226 232 240);border-radius:.75rem;padding:.75rem 1rem;font-size:.875rem;color:#1e293b;outline:none;transition:border-color var(--transition-base),box-shadow var(--transition-base),background-color var(--transition-base)}.input-premium:focus{border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e91a,var(--shadow-glow-sky);background:#fff}.input-premium:hover:not(:focus){border-color:#94a3b8;background:#f8fafc}select.input-premium{cursor:pointer;padding-right:2.5rem;background-image:none}select.input-premium:focus{background:#fff}select.input-premium option{padding:.5rem;background:#fff;color:#1e293b}select.input-premium option:hover{background:#f0f9ff}.btn-premium{position:relative;padding:.75rem 1.5rem;border-radius:.75rem;font-weight:600;font-size:.875rem;transition:all var(--transition-base);transform:translateZ(0);cursor:pointer;border:none;outline:none}.btn-premium:active{transform:scale(.98) translateZ(0)}.btn-premium-primary{background:var(--gradient-sky);color:#fff;box-shadow:var(--shadow-md),0 0 #0ea5e980}.btn-premium-primary:hover{box-shadow:var(--shadow-lg),var(--shadow-glow-sky);transform:translateY(-2px) translateZ(0)}.btn-premium-ghost{background:transparent;color:#64748b;border:1px solid rgb(226 232 240)}.btn-premium-ghost:hover{background:#f8fafc;border-color:#cbd5e1;color:#1e293b}.badge-pulse{animation:pulse-glow 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse-glow{0%,to{opacity:1;box-shadow:0 0 0 0 currentColor}50%{opacity:.8;box-shadow:0 0 0 4px transparent}}.badge-shimmer{position:relative;overflow:hidden}.badge-shimmer:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}.hover-lift-sm:hover{transform:translateY(-2px) translateZ(0);box-shadow:var(--shadow-md)}.hover-lift-md:hover{transform:translateY(-4px) translateZ(0);box-shadow:var(--shadow-lg)}.hover-lift-lg:hover{transform:translateY(-6px) translateZ(0);box-shadow:var(--shadow-xl)}.hover-scale-sm{transition:transform var(--transition-base);transform:translateZ(0)}.hover-scale-sm:hover{transform:scale(1.02) translateZ(0)}.hover-scale-md:hover{transform:scale(1.05) translateZ(0)}.hover-scale-lg:hover{transform:scale(1.08) translateZ(0)}.ripple-effect{position:relative;overflow:hidden}.ripple-effect:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff80;transform:translate(-50%,-50%);transition:width .6s,height .6s}.ripple-effect:active:before{width:300px;height:300px}.skeleton{background:linear-gradient(90deg,#f1f5f9,#e2e8f0,#f1f5f9);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:.5rem}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.gradient-text{background:var(--gradient-sky);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text-purple{background:var(--gradient-purple);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.transition-smooth{transition:all var(--transition-base)}.transition-fast{transition:all var(--transition-fast)}.transition-slow{transition:all var(--transition-slow)}.transition-bounce{transition:all var(--transition-bounce)}.focus-ring-sky:focus{outline:none;box-shadow:0 0 0 3px #0ea5e933}.focus-ring-purple:focus{outline:none;box-shadow:0 0 0 3px #a855f733}.gpu-accelerated{transform:translateZ(0);will-change:transform}.smooth-scroll{scroll-behavior:smooth;-webkit-overflow-scrolling:touch}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}