body.auth-body{
  min-height:100vh;
  background:
    radial-gradient(circle at top left, rgba(112, 219, 120, .20), transparent 28%),
    radial-gradient(circle at bottom right, rgba(154, 220, 95, .16), transparent 30%),
    linear-gradient(135deg,#effaf0,#f8fff8 55%,#eef8f0);
  display:grid;
  place-items:center;
  padding:22px;
}
.auth-card{
  width:min(500px,100%);
  background:#fff;
  border-radius:24px;
  padding:28px;
  border:1px solid #dce9dc;
  box-shadow:0 26px 70px rgba(40, 110, 55, .12);
}
.auth-brand{display:flex;align-items:center;gap:16px;margin-bottom:20px}
.auth-logo{width:86px;height:auto;display:block;object-fit:contain}
.auth-brand h1{font-size:28px;line-height:1.1;margin:0;color:#1f3a24}
.auth-brand p{margin:6px 0 0;color:#6c7d6f;font-size:13px}
.auth-card h2{font-size:24px;margin:10px 0 8px;color:#17351d}
.auth-card .field{margin-top:14px}
.auth-card button{margin-top:18px}
.auth-error{background:#fff1f1;color:#a23e3e;padding:12px;border-radius:12px;font-size:13px;margin:12px 0;border:1px solid #f2cece}
.auth-success{background:#ebf7ee;color:#2f6b3b;padding:12px;border-radius:12px;font-size:13px;margin:12px 0;border:1px solid #cfe8d5}
.auth-foot{margin-top:16px;color:#748478;font-size:12px;text-align:center}
.token-box{background:#f1f8f1;padding:12px;border-radius:12px;word-break:break-all;font-family:monospace;font-size:12px;border:1px solid #dce9dc}