body { font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; margin:0; }
.container { padding: 16px; }
.navbar {
  background: #004aad;
  color: white;
  padding: 12px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: sticky;
  top: 0;
  z-index: 999;
}
.navbar a { color: white; text-decoration: none; margin-left: 10px; }
.flash-area { margin: 10px 0; }
.flash { padding: 8px 10px; border-radius: 6px; margin-bottom: 6px; }
.flash.success { background: #e6ffed; color: #0f5132; }
.flash.warning { background: #fff3cd; color: #664d03; }
.flash.danger  { background: #f8d7da; color: #842029; }
.form { display: grid; gap: 8px; max-width: 560px; }
.form-inline { display: grid; grid-template-columns: auto 160px auto 1fr auto auto; gap: 8px; align-items: center; }
.form input[type="text"], .form input[type="password"], .form select { padding: 6px; }
.form-inline input[type="text"] { padding: 6px; }
.question-block { border: 1px solid #eee; border-radius: 10px; padding: 12px; margin-bottom: 16px; background: #fafafa; }
.options { list-style: none; padding-left: 0; }
.options li { padding: 4px 0; }
.answer { margin: 8px 0 12px; }
.btn { display: inline-block; padding: 6px 10px; border: 1px solid #004aad; color: #004aad; border-radius: 6px; text-decoration: none; }
.btn:hover { background: #004aad; color: white; }