@tailwind base;@tailwind components;@tailwind utilities;@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap");:root{color-scheme:light;--primary-bg:#f0f2f5;--chat-bg:#e5ddd5;--primary-blue:#2563eb;--primary-blue-dark:#1d4ed8;--primary-blue-light:#3b82f6}*{box-sizing:border-box}body,html{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0;padding:0;height:100%;overflow-x:hidden}body{@apply bg-gray-50 text-gray-900 antialiased;font-size:14px;line-height:1.5}.whatsapp-container{@apply min-h-screen bg-primary-600;position:relative;overflow:hidden}.btn-primary,.btn-secondary{@apply bg-white text-primary-600 border border-gray-300 rounded-lg px-6 py-3 font-medium hover:bg-gray-50 transition-colors duration-200 flex items-center justify-center;font-size:15px;min-height:48px}.input{@apply w-full border border-gray-300 rounded-lg px-4 py-3 text-gray-900 focus:outline-none focus:ring-2 focus:ring-primary-500 focus:border-primary-500 transition-all duration-200 bg-white;font-size:16px;min-height:48px}.input::placeholder{color:#d1d5db;opacity:.6}.caption,.input:focus{@apply text-sm font-medium text-gray-600}.auth-card{@apply bg-white rounded-2xl shadow-lg;max-width:420px;width:100%;margin:0 auto}.mode-toggle{@apply bg-gray-100 rounded-2xl p-1.5 shadow-inner;background:linear-gradient(145deg,#f1f5f9,#e2e8f0)}.mode-toggle-button{@apply flex-1 py-3 px-6 rounded-xl text-sm font-semibold transition-all duration-300 flex items-center justify-center gap-2 relative overflow-hidden;min-height:44px}.mode-toggle-button.active{@apply bg-white text-primary-600 shadow-lg;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06),0 0 0 1px rgba(59,130,246,.1)}.divider,.mode-toggle-button:not(.active){@apply flex items-center my-8}.divider:after,.divider:before{content:"";@apply flex-1 border-t border-gray-200}.divider span{@apply px-6 text-sm text-gray-500 font-medium}.error-message{@apply bg-red-50 border-l-4 border-red-400 text-red-700 px-6 py-4 rounded-r-xl text-sm font-medium;box-shadow:0 2px 4px rgba(239,68,68,.1)}.success-message{@apply bg-green-50 border-l-4 border-green-400 text-green-700 px-6 py-4 rounded-r-xl text-sm font-medium;box-shadow:0 2px 4px rgba(34,197,94,.1)}.logo-container{@apply w-24 h-24 bg-gradient-to-br from-primary-500 to-primary-700 rounded-3xl flex items-center justify-center mx-auto shadow-2xl;box-shadow:0 20px 25px -5px rgba(37,99,235,.3),0 10px 10px -5px rgba(37,99,235,.2),inset 0 1px 0 hsla(0,0%,100%,.2)}@media (max-width:768px){.auth-card{@apply mx-4 rounded-2xl}.btn-primary,.btn-secondary{@apply px-6 py-3;min-height:48px;font-size:15px}.input{@apply px-4 py-3;min-height:52px;font-size:16px}}.page-container{padding-left:5%;padding-right:5%}@media (max-width:768px){.min-h-screen>div:not(header):not(nav){padding-left:5%!important;padding-right:5%!important}}.button-primary{@apply bg-brand-600 text-white rounded-xl px-4 py-2 hover:bg-brand-700}