body {
  margin:0;
  padding:16px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background:#f5f5f5;
}
.card {
  max-width:1100px;
  margin:0 auto;
  background:#fff;
  padding:16px 18px 20px;
  border-radius:8px;
  box-shadow:0 1px 4px rgba(0,0,0,0.08);
}
h2 { margin-top:0; }
.field { margin-bottom:10px; }
.field label { display:block; margin-bottom:4px; font-weight:600; }
input[type="text"],
input[type="password"],
input[type="number"],
input[type="date"],
select {
  width:100%;
  max-width:260px;
  padding:6px 7px;
  border-radius:4px;
  border:1px solid #ccc;
}
button, .btn {
  padding:6px 10px;
  border-radius:4px;
  border:1px solid #555;
  background:#fff;
  cursor:pointer;
}
.btn.primary, button[type=submit] {
  background:#007bff;
  border-color:#007bff;
  color:#fff;
}
.btn.danger {
  background:#c62828;
  border-color:#c62828;
  color:#fff;
}
.msg {
  padding:8px 10px;
  border-radius:4px;
  margin-bottom:12px;
}
.msg.error { background:#ffe6e6; color:#b00020; }
.msg.success { background:#e6ffea; color:#006400; }
.muted { color:#777; font-size:13px; }
table { border-collapse:collapse; width:100%; margin-top:10px; }
th, td { border:1px solid #ddd; padding:4px 6px; font-size:13px; }
th { background:#f3f3f3; }
th.right, td.right { text-align:right; }
.navlinks a { margin-right:10px; }
.navlinks a.active { font-weight:bold; }