@tailwind base;@tailwind components;@tailwind utilities;*{-webkit-tap-highlight-color:transparent}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background-color:#f8fafc;overflow-x:hidden;min-height:100vh;min-height:100dvh}.custom-scrollbar::-webkit-scrollbar{width:6px;height:6px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:3px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background-color:#94a3b8}@media(max-width:768px){.custom-scrollbar::-webkit-scrollbar{width:3px;height:3px}.custom-scrollbar-mobile-hidden::-webkit-scrollbar{display:none}.custom-scrollbar-mobile-hidden{-ms-overflow-style:none;scrollbar-width:none}}@layer utilities{.text-responsive-xs{@apply text-[11px] sm:text-xs;}.text-responsive-sm{@apply text-xs sm:text-sm;}.text-responsive-base{@apply text-sm sm:text-base;}.text-responsive-lg{@apply text-base sm:text-lg md:text-xl;}.text-responsive-xl{@apply text-lg sm:text-xl md:text-2xl;}.text-responsive-2xl{@apply text-xl sm:text-2xl md:text-3xl;}}@layer utilities{.touch-target{@apply min-h-[44px] min-w-[44px];}.touch-target-sm{@apply min-h-[36px] min-w-[36px];}.safe-bottom{padding-bottom:env(safe-area-inset-bottom,0px)}.safe-top{padding-top:env(safe-area-inset-top,0px)}.safe-left{padding-left:env(safe-area-inset-left,0px)}.safe-right{padding-right:env(safe-area-inset-right,0px)}}@layer utilities{.h-screen-safe{height:100vh;height:100dvh}.container-padding{@apply px-4 sm:px-6 md:px-8;}.section-spacing{@apply py-4 sm:py-6 md:py-8;}}@layer utilities{@media(prefers-reduced-motion:reduce){.animate-in,.animate-out{animation:none!important;transition:none!important}}.transition-smooth{@apply transition-all duration-200 ease-in-out;}}@layer base{:focus-visible{@apply outline-none ring-2 ring-brand-500 ring-offset-2;}:focus:not(:focus-visible){@apply outline-none ring-0;}}.mobile-overlay{@apply fixed inset-0 bg-black/50 z-30;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}@layer components{.card-responsive{@apply bg-white rounded-lg sm:rounded-xl border border-slate-200;@apply p-3 sm:p-4;@apply shadow-sm hover:shadow-md;@apply transition-shadow duration-200;}}@media print{.no-print{display:none!important}body{background:#fff}}
