@tailwind base;@tailwind components;@tailwind utilities;:root{--color-primary: #4263eb;--color-primary-light: #5c7cfa;--color-primary-dark: #3b5bdb;--color-success: #40c057;--color-warning: #fab005;--color-danger: #fa5252;--color-info: #15aabf}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.sidebar{@apply fixed left-0 top-0 h-full w-64 bg-syna-800 text-white flex flex-col z-40;}.sidebar-link{@apply flex items-center gap-3 px-4 py-3 text-sm font-medium rounded-lg transition-colors;}.sidebar-link:hover{@apply bg-syna-700;}.sidebar-link.active{@apply bg-syna-600 text-white;}.card{@apply bg-white rounded-xl shadow-sm border border-gray-100 p-6;}.card-header{@apply flex items-center justify-between mb-4;}.stat-card{@apply card flex flex-col gap-1;}.stat-value{@apply text-3xl font-bold;}.stat-label{@apply text-sm text-gray-500;}.badge{@apply inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium;}.badge-success{@apply bg-green-100 text-green-800;}.badge-warning{@apply bg-yellow-100 text-yellow-800;}.badge-danger{@apply bg-red-100 text-red-800;}.badge-info{@apply bg-blue-100 text-blue-800;}.badge-neutral{@apply bg-gray-100 text-gray-800;}.data-table{@apply w-full text-sm;}.data-table thead{@apply bg-gray-50 text-gray-600;}.data-table th{@apply px-4 py-3 text-left font-medium;}.data-table td{@apply px-4 py-3 border-t border-gray-100;}.data-table tbody tr:hover{@apply bg-gray-50;}.btn{@apply inline-flex items-center justify-center gap-2 px-4 py-2 rounded-lg text-sm font-medium transition-colors disabled:opacity-50 disabled:cursor-not-allowed;}.btn-primary{@apply bg-syna-600 text-white hover:bg-syna-700;}.btn-success{@apply bg-green-600 text-white hover:bg-green-700;}.btn-danger{@apply bg-red-600 text-white hover:bg-red-700;}.btn-ghost{@apply bg-transparent text-gray-600 hover:bg-gray-100;}.btn-outline{@apply border border-gray-300 text-gray-700 hover:bg-gray-50;}.input{@apply w-full px-3 py-2 rounded-lg border border-gray-300 text-sm focus:outline-none focus:ring-2 focus:ring-syna-500 focus:border-transparent;}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .3s ease-out}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#9ca3af}