:root { font-family: system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif; }
body { margin:0; padding:24px; background:#f6f7fb; }
.container { max-width: 920px; margin: 0 auto; }
.card { background:#fff; border-radius:14px; padding:20px; box-shadow:0 6px 20px rgba(0,0,0,.06); margin-bottom:16px; }
h1, h2 { margin:0 0 10px; }
.row { display:flex; gap:16px; flex-wrap:wrap; }
label { display:block; font-size:14px; margin:10px 0 6px; }
select, textarea, button, input[type="text"], input[type="radio"] { font-size:16px; }
select, textarea, input[type="text"] { width:100%; padding:10px; border:1px solid #ddd; border-radius:8px; background:#fff; }
textarea { min-height: 120px; resize: vertical; }
button { padding:12px 16px; border:none; border-radius:10px; cursor:pointer; background:#111827; color:#fff; }
.muted { color:#6b7280; font-size:14px; }
.badge { display:inline-block; padding:5px 10px; border-radius:999px; background:#eef2ff; margin-right:6px; margin-bottom:6px; font-size:12px; }
table { width:100%; border-collapse: collapse; }
th, td { padding:10px; border-bottom:1px solid #eee; text-align:left; }
.success { background:#ecfdf5; padding:12px; border:1px solid #10b981; color:#065f46; border-radius:8px; }
.error { background:#fef2f2; padding:12px; border:1px solid #ef4444; color:#991b1b; border-radius:8px; }