@tailwind base;@tailwind components;@tailwind utilities;@layer base{body{@apply min-h-screen;font-family:Inter,system-ui,-apple-system,sans-serif;background:linear-gradient(135deg,#f8fafc,#eef2ff 25%,#e0e7ff 50%,#ede9fe 75%,#f5f3ff);background-attachment:fixed}::selection{@apply bg-indigo-200 text-indigo-900}}@layer components{.card{@apply bg-white/80 backdrop-blur-xl rounded-2xl border border-white/50;box-shadow:0 1px 3px rgba(0,0,0,.04),0 4px 12px rgba(0,0,0,.03),inset 0 1px 0 hsla(0,0%,100%,.6)}.card-hover{@apply card cursor-pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.card-hover:hover{transform:translateY(-3px) scale(1.01);box-shadow:0 8px 25px rgba(99,102,241,.1),0 4px 12px rgba(0,0,0,.06),inset 0 1px 0 hsla(0,0%,100%,.8)}.card-glow{@apply card relative overflow-hidden}.card-glow:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg,transparent 0deg,rgba(99,102,241,.08) 60deg,transparent 120deg);animation:glow-rotate 8s linear infinite;pointer-events:none}.btn-primary{@apply text-white py-3 px-6 rounded-xl font-semibold transition-all duration-200;background:linear-gradient(135deg,#4f46e5,#6366f1 50%,#818cf8);box-shadow:0 4px 14px rgba(79,70,229,.35),inset 0 1px 0 hsla(0,0%,100%,.15)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(79,70,229,.45),inset 0 1px 0 hsla(0,0%,100%,.2);filter:brightness(1.05)}.btn-primary:active{transform:translateY(0) scale(.98);box-shadow:0 2px 8px rgba(79,70,229,.3)}.btn-success{@apply text-white py-3 px-6 rounded-xl font-semibold transition-all duration-200;background:linear-gradient(135deg,#059669,#10b981 50%,#34d399);box-shadow:0 4px 14px rgba(16,185,129,.35),inset 0 1px 0 hsla(0,0%,100%,.15)}.btn-success:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(16,185,129,.45);filter:brightness(1.05)}.btn-success:active{transform:translateY(0) scale(.98)}.btn-ghost{@apply text-slate-600 py-2 px-4 rounded-xl font-medium transition-all duration-200}.btn-ghost:hover{@apply text-indigo-600 bg-indigo-50/80;transform:translateX(-2px)}.stat-card{@apply card p-5 text-center relative overflow-hidden}.stat-card:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#6366f1,#8b5cf6,#a78bfa);opacity:0;transition:opacity .3s}.stat-card:hover:after{opacity:1}.input-field{@apply w-full border-2 border-slate-200/80 rounded-xl p-3 bg-white/70 backdrop-blur-sm
           outline-none transition-all duration-200}.input-field:focus{@apply border-indigo-400 bg-white;box-shadow:0 0 0 4px rgba(99,102,241,.1),0 2px 8px rgba(99,102,241,.08)}.badge,.progress-bar{@apply h-3 rounded-full transition-all duration-700 ease-out relative overflow-hidden}.progress-bar:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.4),transparent);animation:shimmer 2s ease-in-out infinite}.page-enter{animation:page-in .4s cubic-bezier(.4,0,.2,1) forwards}.spinner{@apply rounded-full border-2 border-slate-200;border-top-color:#6366f1;animation:spin .8s linear infinite}.text-gradient-primary{@apply bg-clip-text text-transparent;background-image:linear-gradient(135deg,#4f46e5,#7c3aed)}.text-gradient-success{@apply bg-clip-text text-transparent;background-image:linear-gradient(135deg,#059669,#10b981)}.text-gradient-warm{@apply bg-clip-text text-transparent;background-image:linear-gradient(135deg,#f59e0b,#ef4444)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 0 0 rgba(99,102,241,.4)}50%{box-shadow:0 0 30px 8px rgba(99,102,241,.15)}}@keyframes shimmer{0%{left:-100%}to{left:200%}}@keyframes glow-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes page-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes confetti-fall{0%{transform:translateY(-10px) rotate(0deg);opacity:1}to{transform:translateY(60px) rotate(1turn);opacity:0}}@keyframes count-up{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes badge-pop{0%{transform:scale(0) rotate(-30deg);opacity:0}50%{transform:scale(1.2) rotate(5deg)}to{transform:scale(1) rotate(0deg);opacity:1}}@keyframes gradient-shift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.animate-float{animation:float 3s ease-in-out infinite}.animate-pulse-glow{animation:pulse-glow 2.5s ease-in-out infinite}.animate-slide-up{animation:slide-up .5s cubic-bezier(.4,0,.2,1) forwards}.animate-scale-in{animation:scale-in .3s cubic-bezier(.4,0,.2,1) forwards}.animate-badge-pop{animation:badge-pop .5s cubic-bezier(.34,1.56,.64,1) forwards}.animate-gradient{background-size:200% 200%;animation:gradient-shift 3s ease infinite}.animate-count-up{animation:count-up .6s cubic-bezier(.34,1.56,.64,1) forwards}.stagger-children>:first-child{animation-delay:0ms}.stagger-children>:nth-child(2){animation-delay:50ms}.stagger-children>:nth-child(3){animation-delay:.1s}.stagger-children>:nth-child(4){animation-delay:.15s}.stagger-children>:nth-child(5){animation-delay:.2s}.stagger-children>:nth-child(6){animation-delay:.25s}.stagger-children>:nth-child(7){animation-delay:.3s}.stagger-children>:nth-child(8){animation-delay:.35s}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}