/* auth.css scaffold */
.alert{
  padding:10px 12px;
  border-radius:8px;
  margin-bottom:12px;
  font-size:14px;
}
.alert-error{
  background:#fee2e2;
  color:#991b1b;
}
.alert-success{
  background:#dcfce7;
  color:#166534;
}
.auth-main{
  min-height: calc(100vh - 120px);
  display:flex;
  align-items:center;
  justify-content:center;
  background:#f8fafc;
}

.auth-wrap{
  width:100%;
  display:flex;
  justify-content:center;
}

.auth-card{
  width:100%;
  max-width:420px;
  background:#fff;
  padding:28px;
  border-radius:14px;
  box-shadow:0 10px 30px rgba(0,0,0,.08);
}

.auth-form{
  display:flex;
  flex-direction:column;
  gap:12px;
}

.auth-form input,
.auth-form select{
  padding:10px;
  border:1px solid #ddd;
  border-radius:8px;
}

.btn{
  background:#2563eb;
  color:#fff;
  border:none;
  padding:10px;
  border-radius:8px;
  cursor:pointer;
}

.btn-ghost{
  background:#f1f5f9;
  color:#111;
}