@tailwind base;@tailwind components;@tailwind utilities;@layer base{*{box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:#1f2937;background-color:#f9fafb}}@layer components{.container-responsive{@apply w-full max-w-7xl mx-auto px-4 sm:px-6 lg:px-8;}.panel-container{@apply min-h-screen bg-gray-50;}.panel-content{@apply bg-white text-gray-900;}.card{@apply bg-white border border-gray-200 rounded-lg shadow-sm p-6;}.card-header{@apply text-lg font-semibold text-gray-900 mb-4;}.card-body{@apply text-gray-700;}.form-input{@apply w-full px-3 py-2 border border-gray-300 rounded-lg bg-white text-gray-900 placeholder-gray-500 focus:outline-none focus:ring-2 focus:ring-green-500 focus:border-transparent;}.form-select{@apply w-full px-3 py-2 border border-gray-300 rounded-lg bg-white text-gray-900 focus:outline-none focus:ring-2 focus:ring-green-500 focus:border-transparent;}.form-textarea{@apply w-full px-3 py-2 border border-gray-300 rounded-lg bg-white text-gray-900 placeholder-gray-500 focus:outline-none focus:ring-2 focus:ring-green-500 focus:border-transparent resize-vertical;}.btn-primary{@apply bg-green-600 text-white px-4 py-2 rounded-lg hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-green-500 focus:ring-offset-2 transition-colors;}.btn-secondary{@apply bg-gray-600 text-white px-4 py-2 rounded-lg hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-gray-500 focus:ring-offset-2 transition-colors;}.btn-danger{@apply bg-red-600 text-white px-4 py-2 rounded-lg hover:bg-red-700 focus:outline-none focus:ring-2 focus:ring-red-500 focus:ring-offset-2 transition-colors;}.table-container{@apply bg-white border border-gray-200 rounded-lg overflow-hidden shadow-sm;}.table-header{@apply bg-gray-50 border-b border-gray-200;}.table-header th{@apply px-6 py-3 text-left text-xs font-medium text-gray-700 uppercase tracking-wider;}.table-body td{@apply px-6 py-4 whitespace-nowrap text-sm text-gray-900 border-b border-gray-100;}.table-row:hover{@apply bg-gray-50;}.status-active{@apply inline-flex px-2 py-1 text-xs font-medium bg-green-100 text-green-800 rounded-full;}.status-pending{@apply inline-flex px-2 py-1 text-xs font-medium bg-yellow-100 text-yellow-800 rounded-full;}.status-inactive{@apply inline-flex px-2 py-1 text-xs font-medium bg-gray-100 text-gray-800 rounded-full;}.status-error{@apply inline-flex px-2 py-1 text-xs font-medium bg-red-100 text-red-800 rounded-full;}.sidebar{@apply w-64 bg-slate-900 text-white shadow-lg;}@media (max-width: 768px){.sidebar{@apply fixed inset-y-0 left-0 z-50 w-64 transform -translate-x-full transition-transform duration-300 ease-in-out;}.sidebar.open{@apply translate-x-0;}}.sidebar-header{@apply p-6 border-b border-slate-700;}.sidebar-title{@apply text-xl font-bold text-green-400;}.sidebar-subtitle{@apply text-sm text-slate-300;}.sidebar-nav{@apply mt-6;}.sidebar-item{@apply flex items-center px-6 py-3 text-slate-300 hover:bg-slate-800 hover:text-white transition-colors cursor-pointer;}.sidebar-item.active{@apply bg-slate-800 text-white border-r-2 border-green-400;}.sidebar-icon{@apply mr-3 text-lg;}.panel-header{@apply bg-white border-b border-gray-200 px-6 py-4 shadow-sm;}.panel-header-content{@apply flex items-center justify-between;}.panel-title{@apply text-2xl font-bold text-gray-900;}.stats-grid{@apply grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4 sm:gap-6 mb-6 sm:mb-8;}.stats-card{@apply bg-white p-6 rounded-lg shadow-sm border border-gray-200;}.stats-label{@apply text-sm font-medium text-gray-600 mb-2;}.stats-value{@apply text-2xl font-bold text-gray-900;}.stats-change{@apply text-sm font-medium mt-1;}.modal-overlay{@apply fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50 p-2 sm:p-4;}.modal-content{@apply bg-white rounded-lg max-w-4xl w-full max-h-[95vh] sm:max-h-[90vh] overflow-y-auto shadow-xl;}.modal-header{@apply flex justify-between items-center p-6 border-b border-gray-200;}.modal-title{@apply text-xl font-bold text-gray-900;}.modal-close{@apply text-gray-500 hover:text-gray-700 text-2xl cursor-pointer;}.modal-body{@apply p-6;}.notification{@apply border rounded-lg p-4 mb-4;}.notification-info{@apply border-blue-200 bg-blue-50;}.notification-success{@apply border-green-200 bg-green-50;}.notification-warning{@apply border-yellow-200 bg-yellow-50;}.notification-error{@apply border-red-200 bg-red-50;}.notification-title{@apply font-semibold text-gray-900 mb-1;}.notification-message{@apply text-gray-700;}.loading-spinner{@apply animate-spin rounded-full h-8 w-8 border-b-2 border-green-600;}.loading-text{@apply text-gray-600 text-center;}.empty-state{@apply text-center py-12;}.empty-state-title{@apply text-xl font-semibold text-gray-700 mb-4;}.empty-state-message{@apply text-gray-600 mb-6;}.text-responsive{@apply text-sm md:text-base;}.mobile-padding{@apply px-4 sm:px-6 lg:px-8;}.mobile-text{@apply text-sm sm:text-base;}.mobile-button{@apply w-full sm:w-auto;}.mobile-grid{@apply grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4;}.mobile-flex{@apply flex flex-col sm:flex-row;}.mobile-hidden{@apply hidden sm:block;}.mobile-only{@apply block sm:hidden;}.panel-layout{@apply flex flex-col md:flex-row h-screen;}.panel-sidebar{@apply w-full md:w-64 bg-slate-900;}.panel-main{@apply flex-1 overflow-auto;}.table-responsive{@apply overflow-x-auto;}.table-responsive table{@apply min-w-full;}.card-responsive{@apply p-4 sm:p-6;}.form-responsive{@apply space-y-4 sm:space-y-6;}.form-group-responsive{@apply flex flex-col sm:flex-row sm:items-center sm:space-x-4 space-y-2 sm:space-y-0;}.focus-visible{@apply focus:outline-none focus:ring-2 focus:ring-green-500 focus:ring-offset-2;}}@media (prefers-color-scheme: dark){.panel-container{@apply bg-gray-900;}.panel-content{@apply bg-gray-800 text-gray-100;}}