@tailwind base;@tailwind components;@tailwind utilities;:root{--foreground-rgb:0,0,0;--background-start-rgb:214,219,220;--background-end-rgb:255,255,255}@media (prefers-color-scheme:dark){:root{--foreground-rgb:255,255,255;--background-start-rgb:0,0,0;--background-end-rgb:0,0,0}}body{color:rgb(var(--foreground-rgb));background:linear-gradient(to bottom,transparent,rgb(var(--background-end-rgb))) rgb(var(--background-start-rgb));overflow-x:hidden;min-height:100vh}.webprocrm-gradient{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.webprocrm-card{@apply bg-white rounded-lg shadow-sm border border-gray-200 p-6}.webprocrm-button-primary{@apply bg-primary-600 hover:bg-primary-700 text-white font-medium py-2 px-4 rounded-md transition-colors duration-200}.webprocrm-button-secondary{@apply bg-gray-200 hover:bg-gray-300 text-gray-900 font-medium py-2 px-4 rounded-md transition-colors duration-200}@media (max-width:640px){.MuiDialog-paper{margin:8px!important;max-width:calc(100vw - 16px)!important}.MuiTableContainer-root{max-width:100vw}.MuiIconButton-root{min-width:44px;min-height:44px}.MuiCard-root{word-break:break-word}}html{scroll-behavior:smooth;-webkit-overflow-scrolling:touch}@supports (-webkit-touch-callout:none){body{-webkit-text-size-adjust:100%}}@media (max-width:600px){.MuiGrid2-container{margin:-8px!important}.MuiGrid2-root{padding:8px!important}}