body{
  margin:0;
  font-family:Arial, Helvetica, sans-serif;
  background:#f8fafc;
  color:#0f172a;
}
.auth-wrap{
  min-height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
}
.auth-card{
  width:100%;
  max-width:480px;
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius:24px;
  box-shadow:0 12px 30px rgba(15,23,42,.08);
  overflow:hidden;
}
.auth-top{
  background:linear-gradient(135deg,#0f172a,#1e293b 55%, #f97316);
  color:#fff;
  padding:24px;
}
.auth-top h1{
  margin:0 0 8px;
  font-size:34px;
}
.auth-top p{
  margin:0;
  color:rgba(255,255,255,.9);
}
.auth-body{
  padding:24px;
}
.auth-body label{
  display:block;
  font-weight:700;
  margin:0 0 8px;
}
.auth-body input, .auth-body select{
  width:100%;
  padding:13px 14px;
  border:1px solid #cbd5e1;
  border-radius:14px;
  outline:none;
  margin-bottom:16px;
  box-sizing:border-box;
}
.auth-body button{
  width:100%;
  border:none;
  background:#0f172a;
  color:#fff;
  padding:14px;
  border-radius:14px;
  font-weight:800;
  cursor:pointer;
}
.auth-body button:hover{
  background:#f97316;
}
.auth-links{
  margin-top:14px;
  text-align:center;
}
.auth-links a{
  color:#f97316;
  font-weight:700;
  text-decoration:none;
}
.msg{
  margin-bottom:14px;
  padding:12px 14px;
  border-radius:12px;
  font-size:14px;
}
.msg-ok{background:#ecfdf5;color:#166534;}
.msg-err{background:#fef2f2;color:#991b1b;}
.dashboard-wrap{
  max-width:1100px;
  margin:30px auto;
  padding:0 16px;
}
.dashboard-card{
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius:24px;
  box-shadow:0 8px 25px rgba(15,23,42,.06);
  padding:24px;
}
.top-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:16px;
}
.top-actions a{
  display:inline-block;
  text-decoration:none;
  background:#0f172a;
  color:#fff;
  padding:11px 15px;
  border-radius:12px;
  font-weight:700;
}
.top-actions a:hover{
  background:#f97316;
}