@tailwind base;@tailwind components;@tailwind utilities;@layer base{:root{--sidebar-w: 240px}*{@apply border-surface-200;}body{@apply bg-surface-50 text-surface-900 font-sans antialiased;}h1,h2,h3,h4,h5{@apply font-display;}}@layer components{.btn{@apply inline-flex items-center gap-2 px-4 py-2 rounded-lg font-sans font-medium text-sm transition-all duration-150 cursor-pointer select-none;}.btn-primary{@apply btn bg-brand-500 text-white hover:bg-brand-600 active:scale-[.98] shadow-sm;}.btn-secondary{@apply btn bg-white text-surface-800 border border-surface-200 hover:bg-surface-50 active:scale-[.98] shadow-card;}.btn-ghost{@apply btn text-surface-600 hover:bg-surface-100 active:scale-[.98];}.btn-danger{@apply btn bg-red-500 text-white hover:bg-red-600 active:scale-[.98];}.btn-sm{@apply px-3 py-1.5 text-xs;}.btn-lg{@apply px-6 py-3 text-base;}.card{@apply bg-white rounded-xl border border-surface-200 shadow-card;}.input{@apply w-full px-3 py-2 rounded-lg border border-surface-200 bg-white text-sm text-surface-900 placeholder-surface-400 focus:outline-none focus:ring-2 focus:ring-brand-500/30 focus:border-brand-500 transition-colors duration-150;}.label{@apply block text-xs font-medium text-surface-600 mb-1;}.badge{@apply inline-flex items-center px-2 py-0.5 rounded-full text-xs font-medium;}.badge-green{@apply badge bg-emerald-50 text-emerald-700;}.badge-blue{@apply badge bg-blue-50 text-blue-700;}.badge-amber{@apply badge bg-amber-50 text-amber-700;}.badge-red{@apply badge bg-red-50 text-red-700;}.badge-grey{@apply badge bg-surface-100 text-surface-600;}.page-header{@apply flex items-center justify-between mb-6;}.page-title{@apply text-2xl font-display font-700 text-surface-900;}}
