@tailwind base;@tailwind components;@tailwind utilities;:root{--glass-border: rgba(255, 255, 255, .2);--glass-bg: rgba(255, 255, 255, .7);--glass-shadow: 0 8px 32px 0 rgba(31, 38, 135, .15);--primary-gradient: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%);--secondary-gradient: linear-gradient(135deg, #3b82f6 0%, #2dd4bf 100%)}@layer components{.glass{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.glass-dark{background:#0f172a99;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.05);box-shadow:0 8px 32px #0000004d}.glass-card{@apply glass rounded-2xl transition-all duration-300;}}@layer utilities{.text-gradient{background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.bg-gradient-primary{background:var(--primary-gradient)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.animate-fade-in-up{animation:fadeInUp .5s cubic-bezier(.16,1,.3,1) forwards}.animate-scale-in{animation:scaleIn .3s cubic-bezier(.16,1,.3,1) forwards}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}@layer utilities{.mobile-scroll{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.truncate-mobile{@apply truncate sm:whitespace-normal;}.p-mobile{@apply p-3 md:p-6 lg:p-8;}.grid-auto-fit{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid-auto-fit-sm{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.custom-scrollbar::-webkit-scrollbar{width:6px;height:6px}.custom-scrollbar::-webkit-scrollbar-track{@apply bg-slate-100 rounded-full;}.custom-scrollbar::-webkit-scrollbar-thumb{@apply bg-slate-300 rounded-full hover:bg-slate-400;}}@media(max-width:768px){.modal-mobile{@apply rounded-t-3xl rounded-b-none;max-height:90vh}input,textarea,select{font-size:16px!important}}