.auth-body{min-height:100vh; position:relative; display:flex; flex-direction:column;}

.auth-bg{position:fixed; inset:0; z-index:0; overflow:hidden; pointer-events:none;}

.auth-logo{
  display:flex; align-items:center; gap:12px;
  font-family:'Vazirmatn', sans-serif; font-weight:700; font-size:18px; color:var(--white);
}
.auth-logo small{display:block; font-size:11px; font-weight:400; color:var(--gold); letter-spacing:.5px;}


.auth-wrap{
  position:relative; z-index:1; flex:1;
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  gap:34px; padding:60px 20px; max-width:460px; margin:0 auto; width:100%;
}

.auth-card{
  width:100%; padding:40px 34px; border-radius:var(--radius);
  display:flex; flex-direction:column; gap:6px;
}

.auth-tabs{display:flex; gap:18px; margin-bottom:18px;}
.auth-tab{
  font-size:13px; color:var(--gray); padding-bottom:8px; position:relative;
}
.auth-tab.active{color:var(--gold); font-weight:600;}
.auth-tab.active::after{
  content:""; position:absolute; bottom:-1px; right:0; left:0; height:2px;
  background:linear-gradient(90deg,var(--gold),var(--pink)); border-radius:2px;
}

.auth-title{font-size:24px; font-weight:800; margin-bottom:6px;}
.auth-sub{color:var(--gray); font-size:13.5px; margin-bottom:26px; line-height:1.8;}

.auth-form{display:flex; flex-direction:column; gap:18px;}
.auth-label{display:flex; flex-direction:column; gap:8px; font-size:13px; color:var(--gray);}
.auth-label input{
  background:rgba(255,255,255,.04); border:1px solid var(--line); border-radius:12px;
  padding:14px 16px; color:var(--white); font-family:inherit; font-size:14.5px;
  transition:border-color .25s var(--ease), background .25s var(--ease);
}
.auth-label input:focus{outline:none; border-color:var(--gold); background:rgba(244,180,0,.06);}
.auth-label input::placeholder{color:#6b6b6b;}

.auth-submit{width:100%; justify-content:center; margin-top:8px; font-size:15px; padding:14px 0;}

.auth-alert{
  background:rgba(236,72,153,.1); border:1px solid rgba(236,72,153,.4); color:#ffb8d9;
  border-radius:10px; padding:12px 14px; font-size:13px; margin-bottom:18px; line-height:1.7;
}

.auth-footnote{margin-top:22px; text-align:center; font-size:12px; color:var(--gray); line-height:1.8;}


.dash-wrap{
  position:relative; z-index:1; max-width:1000px; margin:0 auto; width:100%;
  padding:50px 24px 100px; display:flex; flex-direction:column; gap:26px;
}

.dash-header{display:flex; align-items:center; justify-content:space-between; margin-bottom:10px;}
.dash-logout{padding:10px 20px; font-size:13px;}

.dash-hero{
  padding:32px; border-radius:var(--radius); display:flex; align-items:center; gap:20px; flex-wrap:wrap;
}
.dash-avatar{
  width:64px; height:64px; border-radius:16px; flex-shrink:0;
  background:linear-gradient(135deg,var(--gold),var(--pink));
  display:flex; align-items:center; justify-content:center;
  font-size:26px; font-weight:800; color:#090909;
}
.dash-username{font-size:26px; font-weight:800; margin-top:2px;}
.dash-admin-chip{
  margin-right:auto; background:rgba(244,180,0,.12); border:1px solid rgba(244,180,0,.4);
  color:var(--gold); font-size:12.5px; font-weight:600; padding:8px 16px; border-radius:999px;
}

.dash-empty{padding:40px; border-radius:var(--radius); text-align:center; color:var(--gray);}
.dash-empty p{margin-bottom:8px; line-height:1.8;}
.dash-empty-sub{font-size:13px; color:#7a7a7a;}

.dash-grid{
  display:grid; grid-template-columns:repeat(auto-fit, minmax(180px,1fr)); gap:18px;
}
.dash-card{
  padding:24px; border-radius:16px; display:flex; flex-direction:column; gap:10px;
}
.dash-card-label{font-size:12.5px; color:var(--gray);}
.dash-card-value{font-size:19px; font-weight:700; color:var(--white);}

.dash-admin-panel{
  padding:28px 30px; border-radius:var(--radius); display:flex; align-items:center;
  justify-content:space-between; gap:20px; flex-wrap:wrap;
  border:1px solid rgba(244,180,0,.3);
}
.dash-admin-panel h3{font-size:17px; margin-bottom:6px;}
.dash-admin-panel p{font-size:13px; color:var(--gray);}

@media(max-width:640px){
  .auth-card{padding:30px 22px;}
  .dash-hero{padding:24px;}
  .dash-admin-panel{flex-direction:column; align-items:flex-start;}
}