* { box-sizing: border-box; }
body {
  font-family: -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  background: #0b2545;
  color: #1a1a1a;
  margin: 0;
  padding: 24px 16px;
}
.wrap { max-width: 480px; margin: 0 auto; }
.wrap.wide { max-width: 720px; }
h1 { color: #fff; text-align: center; margin: 0 0 4px; font-size: 1.4rem; }
h2 { color: #fff; text-align: center; margin: 0 0 20px; font-size: 1rem; font-weight: normal; opacity: .85; }
.topbar { display: flex; justify-content: space-between; align-items: center; }
.topbar h1 { text-align: left; }
.card {
  background: #fff;
  border-radius: 12px;
  padding: 20px;
  margin-bottom: 16px;
  box-shadow: 0 2px 10px rgba(0,0,0,.15);
}
.card h2 { color: #0b2545; text-align: left; opacity: 1; font-weight: 600; }
.card.success { background: #e8f7ec; border: 1px solid #34a853; }
.card.flash { background: #fff3cd; border: 1px solid #ffc107; }
.big { font-size: 1.2rem; font-weight: 700; margin: 0 0 8px; }
.error { color: #c0392b; font-weight: 600; }
.fine { font-size: .8rem; color: #666; }
label { display: block; margin: 12px 0 4px; font-weight: 600; }
input[type=text], input[type=tel], input[type=email], input[type=password] {
  width: 100%;
  padding: 12px;
  font-size: 1rem;
  border: 1px solid #ccc;
  border-radius: 8px;
}
.checkbox-row {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-weight: normal;
  margin: 16px 0 4px;
}
.checkbox-row input[type=checkbox] {
  width: auto;
  margin-top: 3px;
}
button {
  margin-top: 16px;
  width: 100%;
  padding: 14px;
  font-size: 1rem;
  font-weight: 700;
  background: #0b2545;
  color: #fff;
  border: none;
  border-radius: 8px;
  cursor: pointer;
}
button.danger { background: #c0392b; }
button.link { background: none; color: #0b2545; width: auto; text-decoration: underline; font-weight: normal; padding: 4px; margin: 0; }
table { width: 100%; border-collapse: collapse; margin-top: 8px; }
th, td { text-align: left; padding: 6px 8px; border-bottom: 1px solid #eee; font-size: .9rem; }
#qrcode { display: flex; justify-content: center; margin: 12px 0; }
@media print {
  body { background: #fff; }
  .topbar form, form { display: none; }
  .card { box-shadow: none; }
}