* { box-sizing: border-box; font-family: Arial, sans-serif; }
body { margin: 0; background: #f5f7fb; color: #1f2937; }
.topbar {
  display: flex; justify-content: space-between; align-items: center;
  padding: 16px 24px; background: #fff; border-bottom: 1px solid #e5e7eb;
}
.brand { font-weight: 700; }
.actions a, .actions button {
  margin-left: 10px; text-decoration: none; border: 1px solid #2563eb;
  color: #2563eb; background: #fff; padding: 8px 12px; border-radius: 8px; cursor: pointer;
}
.actions .primary { background: #2563eb; color: #fff; }
.container { max-width: 720px; margin: 40px auto; background: #fff; border-radius: 12px; padding: 24px; }
h1 { margin-top: 0; }
form { display: grid; gap: 12px; }
input {
  padding: 10px 12px; border: 1px solid #d1d5db; border-radius: 8px;
}
button[type="submit"] {
  background: #2563eb; color: #fff; border: none; padding: 10px 14px; border-radius: 8px; cursor: pointer;
}
.help { margin-top: 12px; }
.error { color: #dc2626; }
.success { color: #16a34a; }