@tailwind base;@tailwind components;@tailwind utilities;@layer base{*{@apply m-0 p-0 box-border;}body{@apply bg-gray-50 font-sans antialiased;font-size:14px}::-webkit-scrollbar{@apply w-2 h-2;}::-webkit-scrollbar-track{@apply bg-gray-100 rounded;}::-webkit-scrollbar-thumb{@apply bg-gray-400 rounded hover:bg-gray-500;}}@layer components{.btn-primary,.btn-secondary,.btn-danger,.btn-success,.btn-warning{@apply px-3 py-2 sm:px-4 sm:py-2 text-sm sm:text-base;min-height:44px}.input-field{@apply w-full px-3 py-2 text-base sm:text-sm border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent transition-all duration-200;min-height:44px}.card{@apply bg-white rounded-lg shadow-md overflow-hidden;}.card-header{@apply px-4 py-3 sm:px-6 sm:py-4 border-b border-gray-200 bg-gray-50;}.card-body{@apply px-4 py-3 sm:px-6 sm:py-4;}.card-footer{@apply px-4 py-3 sm:px-6 sm:py-4 border-t border-gray-200 bg-gray-50;}.table-container{@apply overflow-x-auto shadow-md rounded-lg;-webkit-overflow-scrolling:touch}.table{@apply min-w-full divide-y divide-gray-200;}.table-header-cell{@apply px-3 py-2 sm:px-6 sm:py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider;}.table-cell{@apply px-3 py-2 sm:px-6 sm:py-4 text-xs sm:text-sm text-gray-900;white-space:normal;word-break:break-word}@media (max-width: 640px){.responsive-table-card{@apply block;}.responsive-table-card thead{@apply hidden;}.responsive-table-card tbody tr{@apply block mb-4 border rounded-lg shadow-sm;}.responsive-table-card td{@apply block px-4 py-2 text-sm;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e5e7eb}.responsive-table-card td:before{content:attr(data-label);@apply font-semibold text-gray-600;flex-basis:40%}.responsive-table-card td:last-child{border-bottom:none}}.alert{@apply p-3 sm:p-4 rounded-lg mb-4 text-sm sm:text-base;}.badge{@apply inline-flex items-center px-2 py-0.5 text-xs font-medium rounded-full;}.modal-container{@apply bg-white rounded-lg shadow-xl w-full max-w-md mx-4;max-width:calc(100% - 2rem)}.modal-header,.modal-body,.modal-footer{@apply px-4 py-3 sm:px-6 sm:py-4;}.pagination{@apply flex flex-wrap justify-center items-center gap-2 mt-4;}.pagination-button{@apply px-3 py-2 min-w-[44px] text-center rounded-md bg-white border border-gray-300 text-gray-700 hover:bg-gray-50 transition-colors duration-150 text-sm;}@media (max-width: 640px){.dropdown{@apply fixed left-0 right-0 mx-auto w-auto min-w-[200px] max-w-[90%];}}.tooltip{@apply text-xs px-1.5 py-0.5;white-space:normal;word-break:break-word;max-width:200px}}@keyframes slideIn{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOut{0%{transform:translate(0);opacity:1}to{transform:translate(-100%);opacity:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.animate-slide-in{animation:slideIn .3s ease-out}.animate-slide-out{animation:slideOut .3s ease-out}.animate-fade-in{animation:fadeIn .2s ease-out}.animate-fade-out{animation:fadeOut .2s ease-out}.text-truncate{@apply overflow-hidden text-ellipsis whitespace-nowrap;}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}@media (max-width: 640px){.responsive-table{@apply block overflow-x-auto whitespace-nowrap;}.responsive-hide{@apply hidden;}.responsive-stack{@apply flex flex-col;}.container-mobile-padding{padding-left:1rem;padding-right:1rem}.text-mobile-sm{font-size:.875rem}.responsive-grid{grid-template-columns:1fr!important}}@media (min-width: 641px) and (max-width: 1024px){.table-cell{@apply px-4 py-3;}.btn-primary,.btn-secondary{@apply px-4;}}@media (prefers-color-scheme: dark){.dark\:bg-gray-900{background-color:#111827}.dark\:text-white{color:#fff}.dark\:border-gray-700{border-color:#374151}}