body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; background:#f6f7f9; color:#17202a; margin:0; }
main { max-width: 1100px; margin: 28px auto; padding: 0 16px; }
h1 { margin-bottom: 4px; }.muted { color:#6b7280; }
.card { background:#fff; border:1px solid #e5e7eb; border-radius:14px; padding:18px; margin:16px 0; box-shadow:0 1px 2px rgba(0,0,0,.04); }
.grid { display:grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap:12px; }
label { display:block; font-weight:600; margin:8px 0; }
input, select, textarea { width:100%; box-sizing:border-box; padding:10px; border:1px solid #cfd6df; border-radius:8px; margin-top:4px; }
textarea { min-height: 70px; }
button { background:#111827; color:#fff; border:0; border-radius:8px; padding:10px 14px; margin:8px 8px 0 0; cursor:pointer; }
button:hover { background:#374151; }
table { width:100%; border-collapse:collapse; font-size:14px; }
th, td { border-bottom:1px solid #e5e7eb; padding:8px; text-align:left; vertical-align:top; }
th { background:#f9fafb; }.badge { display:inline-block; padding:3px 8px; border-radius:999px; background:#eef2ff; }