body { font-family: Arial, sans-serif; margin: 0; background: #f5f7fb; color: #111827; }
header { display:flex; justify-content:space-between; padding: 1rem 1.5rem; background:#111827; color:#fff; }
header a { color:#fff; text-decoration:none; }
main { padding: 1.5rem; }
.grid { display:grid; grid-template-columns: 2fr 1fr; gap: 1rem; align-items:start; }
.card { background:#fff; border-radius:12px; padding:1rem; box-shadow: 0 10px 25px rgba(0,0,0,.06); }
.card.narrow { max-width: 420px; margin: 3rem auto; }
label { display:block; margin: .5rem 0; }
input, textarea, button { width:100%; padding:.65rem; margin-top:.25rem; box-sizing:border-box; }
textarea { min-height: 100px; }
table { width:100%; border-collapse: collapse; margin-bottom: 1rem; }
th, td { border-bottom: 1px solid #e5e7eb; text-align:left; padding:.5rem; }
button { background:#2563eb; color:#fff; border:none; border-radius:8px; cursor:pointer; }
.error { color:#b91c1c; }