@tailwind base;@tailwind components;@tailwind utilities;:root{--primary: rgb(234, 48, 54);--secondary: #1e293b}html,body,#root{height:100%;overflow:hidden}body{margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}@layer components{.modal-overlay{@apply fixed inset-0 flex items-start sm:items-center justify-center p-4 bg-slate-900/40 backdrop-blur-sm overflow-y-auto;}.modal-shell{@apply bg-white w-full flex flex-col max-h-[min(90dvh,100dvh-2rem)] my-auto overflow-hidden shadow-2xl;}.modal-scroll{@apply flex-1 min-h-0 overflow-y-auto overscroll-contain;}}.modal-body-scroll{flex:1 1 0%;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.app-sidebar{transition:width .2s ease;will-change:width}@supports (padding: env(safe-area-inset-top)){body{padding-left:env(safe-area-inset-left,0);padding-right:env(safe-area-inset-right,0)}}.touch-manipulation{touch-action:manipulation}