body { font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.input { width: 100%; border: 1px solid #d1d5db; border-radius: .65rem; padding: .65rem .8rem; outline: none; background: white; }
.input:focus { border-color: #2563eb; box-shadow: 0 0 0 3px rgba(37,99,235,.12); }
.label { display:block; font-size:.82rem; font-weight:700; color:#374151; margin-bottom:.35rem; }
.btn { display:inline-flex; align-items:center; justify-content:center; gap:.4rem; border-radius:.65rem; padding:.65rem 1rem; font-weight:700; transition:.15s; }
.btn-primary { background:#2563eb; color:white; }
.btn-primary:hover { background:#1d4ed8; }
.btn-secondary { background:#e5e7eb; color:#111827; }
.btn-danger { background:#dc2626; color:white; }
.btn-success { background:#16a34a; color:white; }
.card { background:white; border:1px solid #e5e7eb; border-radius:1rem; box-shadow:0 8px 22px rgba(15,23,42,.05); }
.table th { text-align:left; font-size:.75rem; color:#4b5563; text-transform:uppercase; background:#f9fafb; }
.table th, .table td { padding:.65rem .75rem; border-bottom:1px solid #e5e7eb; vertical-align:middle; }
.badge { border-radius:999px; font-size:.72rem; padding:.2rem .55rem; font-weight:700; }