:root{--background: 220 13% 98%;--surface: 0 0% 100%;--primary: 145 63% 47%;--primary-foreground: 0 0% 100%;--text-primary: 222.2 84% 4.9%;--text-secondary: 215.4 16.3% 46.9%;--border: 214.3 31.8% 91.4%}.dark{--background: 220 13% 10%;--surface: 220 13% 15%;--text-primary: 220 13% 98%;--text-secondary: 215.4 16.3% 65%;--border: 214.3 31.8% 25%}body{font-family:Poppins,sans-serif;background-color:hsl(var(--background));color:hsl(var(--text-primary))}*{scrollbar-width:thin;scrollbar-color:hsl(145 63% 47% / .4) transparent}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:transparent;border-radius:10px}*::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#2cc36b66,#239a5499);border-radius:10px;border:2px solid transparent;background-clip:padding-box}*::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#2cc36bb3,#239a54e6);background-clip:padding-box}*::-webkit-scrollbar-thumb:active{background:#2cc36b;background-clip:padding-box}*::-webkit-scrollbar-corner{background:transparent}.scrollbar-hover::-webkit-scrollbar-thumb{background:transparent}.scrollbar-hover:hover::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#2cc36b66,#239a5499)}.custom-scrollbar::-webkit-scrollbar{width:6px;height:4px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:hsl(var(--border));border-radius:3px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:hsl(var(--text-secondary))}.scrollbar-hide::-webkit-scrollbar{display:none}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}@keyframes scale-in{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}@keyframes bounce-in{0%{transform:scale(0)}50%{transform:scale(1.2)}75%{transform:scale(.9)}to{transform:scale(1)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}@keyframes slideInLeft{0%{transform:translate(-20px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@keyframes staggerIn{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.animate-scale-in{animation:scale-in .4s ease-out}.animate-bounce-in{animation:bounce-in .6s ease-out}.animate-fade-in{animation:fade-in .3s ease-out forwards}.animate-fade-in-up{animation:fade-in-up .4s ease-out forwards}.animate-shimmer{animation:shimmer 2s infinite}.hover-scale{transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.hover-scale:hover{transform:scale(1.05)}.hover-rotate{transition:transform .3s ease}.hover-rotate:hover{transform:rotate(90deg)}@keyframes gradient-shift{0%,to{background-position:0% 0%}50%{background-position:100% 100%}}.animate-gradient-shift{background-size:200% 200%;animation:gradient-shift 4s ease-in-out infinite}