/* Tailwind helper classes via @apply */
.card { @apply bg-white border rounded p-5; }
.input { @apply mt-1 w-full rounded border border-slate-300 px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-slate-400; }
.btn { @apply inline-flex items-center justify-center rounded px-4 py-2 text-sm font-medium text-white; }
.btn-secondary { @apply inline-flex items-center justify-center rounded border border-slate-300 bg-white px-4 py-2 text-sm font-medium hover:bg-slate-50; }
.uppercase { text-transform: uppercase; }
.hidden { display: none; }