.sf-form{margin:1em 0}
.sf-form .sf-field{margin-bottom:12px}
.sf-form label{display:block;font-weight:600;margin-bottom:4px}
.sf-form input[type=text],
.sf-form input[type=email],
.sf-form input[type=number],
.sf-form input[type=date],
.sf-form input[type=time],
.sf-form textarea,
.sf-form select{width:100%;padding:8px;border:1px solid #cbd5e1;border-radius:4px}
.sf-error{color:#b91c1c;font-size:0.9em;margin-top:4px}
.sf-success{color:#166534;font-weight:600}
.sf-hidden{display:none !important}
.sf-form button[type=submit]{padding:10px 14px;border:1px solid #0ea5e9;background:#0ea5e9;color:#fff;border-radius:6px;cursor:pointer}
.sf-form button[type=submit]:hover{filter:brightness(0.95)}
.sf-field.sf-invalid input,
.sf-field.sf-invalid select,
.sf-field.sf-invalid textarea{border-color:#b91c1c;outline:none}
.sf-alert{padding:10px;border-radius:6px;margin-bottom:12px}
.sf-alert.success{background:#ecfdf5;border:1px solid #34d399;color:#065f46}
.sf-alert.error{background:#fef2f2;border:1px solid #fca5a5;color:#7f1d1d}