* { box-sizing: border-box; margin: 0; padding: 0; }
body {
  min-height: 100vh;
  display: flex; align-items: center; justify-content: center;
  background: linear-gradient(135deg, #fdeee3 0%, #f7e2d0 55%, #e9f4e8 100%);
  font-family: "Segoe UI", Roboto, Arial, sans-serif;
  padding: 16px;
}
.auth-card, .dash-card {
  background: #ffffff;
  border-radius: 18px;
  padding: 40px 34px;
  width: 100%;
  max-width: 380px;
  box-shadow: 0 10px 30px rgba(180,140,100,.25);
  text-align: center;
}
.logo { max-width: 220px; margin-bottom: 18px; }
h1, h2 { color: #7a5c4a; font-weight: 600; margin-bottom: 6px; font-size: 22px; }
.muted { color: #a08b7d; font-size: 15px; margin-bottom: 22px; }
input {
  width: 100%; padding: 13px 16px; margin-bottom: 14px;
  border: 2px solid #f0dcc9; border-radius: 12px;
  font-size: 16px; outline: none; transition: border-color .2s;
  background: #fffdf9; color: #5c4638;
}
input:focus { border-color: #f2a97e; }
button {
  width: 100%; padding: 14px;
  border: none; border-radius: 12px;
  background: linear-gradient(135deg, #f5a97f, #ef9168);
  color: #fff; font-size: 17px; font-weight: 600; cursor: pointer;
  box-shadow: 0 6px 14px rgba(239,145,104,.35);
  transition: transform .15s, box-shadow .15s;
}
button:hover { transform: translateY(-1px); box-shadow: 0 8px 18px rgba(239,145,104,.45); }
button:active { transform: translateY(0); }
.error { color: #d9534f; font-size: 14px; min-height: 20px; margin-top: 10px; }