@tailwind base;@tailwind components;@tailwind utilities;@layer base{html{font-family:Inter,system-ui,sans-serif}body{@apply bg-gray-50 text-gray-900;}}@layer utilities{.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.transition-all-smooth{transition:all .2s cubic-bezier(.4,0,.2,1)}.custom-scrollbar::-webkit-scrollbar{width:8px;height:8px}.custom-scrollbar::-webkit-scrollbar-track{@apply bg-gray-100 rounded;}.custom-scrollbar::-webkit-scrollbar-thumb{@apply bg-gray-300 rounded;}.custom-scrollbar::-webkit-scrollbar-thumb:hover{@apply bg-gray-400;}.custom-scrollbar{scrollbar-width:thin;scrollbar-color:rgb(209 213 219) rgb(243 244 246)}.focus-ring{@apply focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2;}.fade-in{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.card-shadow{box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.card-shadow-hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.card-shadow-active{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}}@layer components{.btn-primary{@apply bg-blue-600 hover:bg-blue-700 text-white font-medium py-2 px-4 rounded-lg transition-colors duration-200 focus-ring;}.btn-secondary{@apply bg-gray-100 hover:bg-gray-200 text-gray-900 font-medium py-2 px-4 rounded-lg transition-colors duration-200 focus-ring;}.btn-danger{@apply bg-red-600 hover:bg-red-700 text-white font-medium py-2 px-4 rounded-lg transition-colors duration-200 focus-ring;}.form-input{@apply w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent transition-all duration-200;}.form-select{@apply w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent transition-all duration-200 bg-white;}.form-textarea{@apply w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent transition-all duration-200 resize-none;}.modal-overlay{@apply fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50;}.modal-content{@apply bg-white rounded-lg shadow-xl max-w-md w-full mx-4 max-h-screen overflow-y-auto;}}.crm-container{@apply min-h-screen bg-gray-50;}.crm-header{@apply bg-white shadow-sm border-b border-gray-200;}.crm-content{@apply max-w-7xl mx-auto py-6 px-4 sm:px-6 lg:px-8;}.crm-table{@apply bg-white rounded-lg shadow-sm border border-gray-200 overflow-hidden;}.crm-table-header{@apply px-6 py-4 border-b border-gray-200 bg-gray-50;}.crm-table-row{@apply px-6 py-4 border-b border-gray-200 hover:bg-gray-50 transition-colors duration-150;}.status-badge{@apply px-2.5 py-0.5 rounded-full text-xs font-medium;}.toast-container{@apply fixed top-4 right-4 z-50;}.toast{@apply bg-white border border-gray-200 rounded-lg shadow-lg p-4 mb-3 max-w-sm fade-in;}.toast-success{@apply border-green-200 bg-green-50;}.toast-error{@apply border-red-200 bg-red-50;}.toast-info{@apply border-blue-200 bg-blue-50;}.chart-container *{transition:all .2s ease}.period-selector button{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.period-selector button:active{transform:scale(.98)}.stats-card{transform:translateY(0);transition:transform .2s ease,box-shadow .2s ease}.stats-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.live-dot{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .5s ease-out forwards}@media (max-width: 640px){.chart-wrapper{height:200px!important;padding:10px!important}.stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.period-selector{flex-direction:row;gap:4px}.period-selector button{font-size:11px;padding:6px 12px}}@media (prefers-color-scheme: dark){.chart-container{background:#1a1a1a;color:#fff}.chart-wrapper{background:#2a2a2a;border:1px solid #3a3a3a}.stats-card{background:#2a2a2a;color:#fff}}