@import "tailwindcss";
:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#111827;background:#f8fafc}
[x-cloak]{display:none!important}
.card{border:1px solid #e5e7eb;border-radius:1rem;background:white;box-shadow:0 4px 18px rgba(15,23,42,.05)}
.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:.75rem;padding:.7rem 1rem;font-weight:700;transition:.2s}.btn-primary{background:#111827;color:white}.btn-primary:hover{background:#374151}.btn-light{background:#f3f4f6;color:#111827}.btn-danger{background:#dc2626;color:white}.input{width:100%;border:1px solid #d1d5db;border-radius:.7rem;padding:.7rem .85rem;background:white}.input:focus{outline:2px solid #c7d2fe;border-color:#6366f1}