@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glow{0%,to{box-shadow:0 0 20px #3b82f64d}50%{box-shadow:0 0 30px #3b82f699}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.modern-btn{@apply px-6 py-3 rounded-2xl font-medium transition-all duration-300 transform hover:scale-105;}.modern-btn-primary{@apply bg-gradient-to-r from-blue-600 to-purple-600 text-white shadow-lg shadow-blue-500/25 hover:shadow-blue-500/40;}.modern-btn-secondary{@apply bg-white/80 dark:bg-gray-800/80 backdrop-blur-sm text-gray-700 dark:text-gray-300 hover:bg-white dark:hover:bg-gray-700 shadow-lg border border-gray-200/50 dark:border-gray-700/50;}.modern-card{@apply bg-white/90 dark:bg-gray-800/90 backdrop-blur-sm rounded-3xl shadow-xl border border-gray-200/50 dark:border-gray-700/50;}.modern-card-hover{@apply hover:shadow-2xl hover:scale-[1.02] transition-all duration-300;}.modern-input{@apply w-full px-4 py-3 rounded-2xl border border-gray-200/50 dark:border-gray-700/50 bg-white/80 dark:bg-gray-800/80 backdrop-blur-sm focus:outline-none focus:ring-2 focus:ring-blue-500/50 focus:border-transparent transition-all duration-300;}.modern-textarea{@apply w-full px-4 py-3 rounded-2xl border border-gray-200/50 dark:border-gray-700/50 bg-white/80 dark:bg-gray-800/80 backdrop-blur-sm focus:outline-none focus:ring-2 focus:ring-blue-500/50 focus:border-transparent transition-all duration-300 resize-none;}.modern-select{@apply w-full px-4 py-3 rounded-2xl border border-gray-200/50 dark:border-gray-700/50 bg-white/80 dark:bg-gray-800/80 backdrop-blur-sm focus:outline-none focus:ring-2 focus:ring-blue-500/50 focus:border-transparent transition-all duration-300;}.modern-table{@apply w-full divide-y divide-gray-200/50 dark:divide-gray-700/50;}.modern-table thead{@apply bg-gradient-to-r from-gray-50 to-gray-100 dark:from-gray-800 dark:to-gray-700;}.modern-table th{@apply px-6 py-4 text-left text-xs font-semibold text-gray-600 dark:text-gray-300 uppercase tracking-wider;}.modern-table td{@apply px-6 py-4 whitespace-nowrap text-sm text-gray-900 dark:text-gray-100;}.modern-table tbody tr{@apply hover:bg-gray-50/50 dark:hover:bg-gray-700/50 transition-colors duration-200;}.modern-badge{@apply inline-flex items-center px-3 py-1 rounded-full text-xs font-medium;}.modern-badge-success{@apply bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-400;}.modern-badge-warning{@apply bg-yellow-100 text-yellow-800 dark:bg-yellow-900/30 dark:text-yellow-400;}.modern-badge-error{@apply bg-red-100 text-red-800 dark:bg-red-900/30 dark:text-red-400;}.modern-badge-info{@apply bg-blue-100 text-blue-800 dark:bg-blue-900/30 dark:text-blue-400;}.gradient-text{@apply bg-gradient-to-r from-gray-900 via-blue-900 to-purple-900 dark:from-white dark:via-blue-100 dark:to-purple-100 bg-clip-text text-transparent;}.glass-effect{@apply bg-white/10 dark:bg-gray-900/10 backdrop-blur-md border border-white/20 dark:border-gray-700/20;}.shadow-modern{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.shadow-modern-lg{box-shadow:0 25px 50px -12px #00000040}.animate-float{animation:float 3s ease-in-out infinite}.animate-glow{animation:glow 2s ease-in-out infinite}.animate-slide-in-up{animation:slideInUp .6s ease-out}.animate-fade-in-scale{animation:fadeInScale .5s ease-out}.modern-scrollbar::-webkit-scrollbar{width:6px}.modern-scrollbar::-webkit-scrollbar-track{@apply bg-gray-100 dark:bg-gray-800 rounded-full;}.modern-scrollbar::-webkit-scrollbar-thumb{@apply bg-gray-300 dark:bg-gray-600 rounded-full hover:bg-gray-400 dark:hover:bg-gray-500;}.modern-focus{@apply focus:outline-none focus:ring-2 focus:ring-blue-500/50 focus:ring-offset-2 focus:ring-offset-white dark:focus:ring-offset-gray-800;}.modern-hover{@apply hover:scale-105 hover:shadow-lg transition-all duration-300;}.modern-spinner{@apply animate-spin rounded-full border-4 border-gray-200 border-t-blue-600;}.modern-progress{@apply w-full bg-gray-200 dark:bg-gray-700 rounded-full h-2 overflow-hidden;}.modern-progress-bar{@apply h-full bg-gradient-to-r from-blue-500 to-purple-600 rounded-full transition-all duration-300;}.modern-tooltip{@apply absolute z-10 px-3 py-2 text-sm text-white bg-gray-900 rounded-lg shadow-lg opacity-0 invisible transition-all duration-300;}.modern-tooltip:hover{@apply opacity-100 visible;}.modern-modal{@apply fixed inset-0 bg-black/50 backdrop-blur-sm flex items-center justify-center z-50;}.modern-modal-content{@apply bg-white dark:bg-gray-800 rounded-3xl shadow-2xl max-w-md w-full mx-4 animate-fade-in-scale;}.modern-form-group{@apply space-y-2;}.modern-form-label{@apply block text-sm font-semibold text-gray-700 dark:text-gray-300;}.modern-form-error{@apply text-sm text-red-600 dark:text-red-400;}.modern-form-help{@apply text-sm text-gray-500 dark:text-gray-400;}.modern-stats-card{@apply bg-white/90 dark:bg-gray-800/90 backdrop-blur-sm rounded-2xl p-6 shadow-lg border border-gray-200/50 dark:border-gray-700/50 hover:shadow-xl transition-all duration-300;}.modern-stats-icon{@apply w-12 h-12 rounded-xl flex items-center justify-center text-2xl;}.modern-stats-value{@apply text-3xl font-bold text-gray-900 dark:text-white;}.modern-stats-label{@apply text-sm font-medium text-gray-600 dark:text-gray-400;}.modern-nav{@apply flex flex-wrap gap-3;}.modern-nav-item{@apply px-6 py-3 rounded-2xl font-medium transition-all duration-300 transform hover:scale-105;}.modern-nav-item-active{@apply bg-gradient-to-r from-blue-600 to-purple-600 text-white shadow-lg shadow-blue-500/25;}.modern-nav-item-inactive{@apply bg-white/80 dark:bg-gray-800/80 backdrop-blur-sm text-gray-700 dark:text-gray-300 hover:bg-white dark:hover:bg-gray-700 shadow-lg border border-gray-200/50 dark:border-gray-700/50;}.modern-sidebar{@apply bg-white/90 dark:bg-gray-800/90 backdrop-blur-sm rounded-2xl shadow-xl border border-gray-200/50 dark:border-gray-700/50;}.modern-dashboard{@apply space-y-6;}.modern-dashboard-header{@apply flex justify-between items-center;}.modern-dashboard-title{@apply text-2xl font-bold text-gray-900 dark:text-white;}.modern-dashboard-subtitle{@apply text-gray-600 dark:text-gray-400;}.modern-invoice{@apply bg-white dark:bg-gray-800 rounded-3xl shadow-2xl border border-gray-200/50 dark:border-gray-700/50;}.modern-invoice-header{@apply bg-gradient-to-r from-blue-600 to-purple-600 text-white p-8 rounded-t-3xl;}.modern-invoice-content{@apply p-8;}.modern-invoice-footer{@apply bg-gray-50 dark:bg-gray-700 p-8 rounded-b-3xl;}.modern-chart{@apply bg-white/90 dark:bg-gray-800/90 backdrop-blur-sm rounded-2xl p-6 shadow-lg border border-gray-200/50 dark:border-gray-700/50;}.modern-data-table{@apply bg-white/90 dark:bg-gray-800/90 backdrop-blur-sm rounded-2xl shadow-lg border border-gray-200/50 dark:border-gray-700/50 overflow-hidden;}.modern-data-table-header{@apply bg-gradient-to-r from-gray-50 to-gray-100 dark:from-gray-800 dark:to-gray-700 px-6 py-4 border-b border-gray-200/50 dark:border-gray-700/50;}.modern-data-table-title{@apply text-lg font-semibold text-gray-900 dark:text-white;}.modern-data-table-subtitle{@apply text-sm text-gray-600 dark:text-gray-400;}.modern-action-btn{@apply px-4 py-2 rounded-xl font-medium transition-all duration-300 transform hover:scale-105;}.modern-action-btn-primary{@apply bg-blue-600 text-white hover:bg-blue-700 shadow-lg shadow-blue-500/25;}.modern-action-btn-secondary{@apply bg-gray-200 dark:bg-gray-700 text-gray-700 dark:text-gray-300 hover:bg-gray-300 dark:hover:bg-gray-600;}.modern-action-btn-success{@apply bg-green-600 text-white hover:bg-green-700 shadow-lg shadow-green-500/25;}.modern-action-btn-danger{@apply bg-red-600 text-white hover:bg-red-700 shadow-lg shadow-red-500/25;}.modern-status{@apply inline-flex items-center px-3 py-1 rounded-full text-xs font-medium;}.modern-status-success{@apply bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-400;}.modern-status-warning{@apply bg-yellow-100 text-yellow-800 dark:bg-yellow-900/30 dark:text-yellow-400;}.modern-status-error{@apply bg-red-100 text-red-800 dark:bg-red-900/30 dark:text-red-400;}.modern-status-info{@apply bg-blue-100 text-blue-800 dark:bg-blue-900/30 dark:text-blue-400;}.modern-status-neutral{@apply bg-gray-100 text-gray-800 dark:bg-gray-900/30 dark:text-gray-400;}.modern-loading{@apply animate-pulse bg-gray-200 dark:bg-gray-700 rounded;}.modern-skeleton{@apply animate-pulse bg-gray-200 dark:bg-gray-700 rounded-lg;}.modern-grid{@apply grid gap-6;}.modern-grid-1{@apply grid-cols-1;}.modern-grid-2{@apply grid-cols-1 md:grid-cols-2;}.modern-grid-3{@apply grid-cols-1 md:grid-cols-2 lg:grid-cols-3;}.modern-grid-4{@apply grid-cols-1 md:grid-cols-2 lg:grid-cols-4;}.modern-space-y>*+*{@apply mt-6;}.modern-space-x>*+*{@apply ml-6;}.modern-heading-1{@apply text-4xl font-bold text-gray-900 dark:text-white;}.modern-heading-2{@apply text-3xl font-bold text-gray-900 dark:text-white;}.modern-heading-3{@apply text-2xl font-semibold text-gray-900 dark:text-white;}.modern-heading-4{@apply text-xl font-semibold text-gray-900 dark:text-white;}.modern-body{@apply text-gray-700 dark:text-gray-300;}.modern-caption{@apply text-sm text-gray-500 dark:text-gray-400;}.modern-divider{@apply border-t border-gray-200/50 dark:border-gray-700/50;}.modern-separator{@apply h-px bg-gradient-to-r from-transparent via-gray-300 dark:via-gray-600 to-transparent;}.modern-backdrop{@apply bg-white/80 dark:bg-gray-800/80 backdrop-blur-sm;}.modern-border{@apply border border-gray-200/50 dark:border-gray-700/50;}.modern-shadow{@apply shadow-lg shadow-gray-200/50 dark:shadow-gray-900/50;}.dark .modern-card{@apply bg-gray-800/90;}.dark .modern-input,.dark .modern-select,.dark .modern-textarea{@apply bg-gray-800/80;}@media print{.modern-card{@apply shadow-none border border-gray-300;}.modern-btn,.modern-nav{@apply hidden;}}