:root{
  --auth-bg:#0b1120;
  --auth-bg-2:#111827;
  --auth-card:rgba(15,23,42,.86);
  --auth-card-strong:#111827;
  --auth-border:rgba(148,163,184,.22);
  --auth-border-strong:rgba(56,189,248,.28);
  --auth-text:#f8fafc;
  --auth-muted:#b6c2d4;
  --auth-soft:#93a4ba;
  --auth-primary:#38bdf8;
  --auth-primary-2:#818cf8;
  --auth-success:#22c55e;
  --auth-danger:#f43f5e;
  --auth-radius:26px;
  --auth-shadow:0 30px 90px rgba(0,0,0,.38);
}
*{box-sizing:border-box}
body.site-auth-page{
  margin:0;
  min-height:100vh;
  color:var(--auth-text);
  font-family:'Vazirmatn', Tahoma, Arial, sans-serif;
  background:
    radial-gradient(circle at 80% 8%, rgba(56,189,248,.22), transparent 31rem),
    radial-gradient(circle at 16% 14%, rgba(129,140,248,.20), transparent 29rem),
    linear-gradient(145deg, #08101f 0%, #111827 54%, #080d18 100%);
}
a{color:inherit;text-decoration:none}
.auth-shell{
  width:min(100%, 560px);
  margin-inline:auto;
  min-height:100vh;
  padding:34px 16px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:18px;
}
.auth-brand{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  font-size:1.55rem;
  font-weight:900;
  color:#fff;
  margin-inline:auto;
}
.auth-brand span{
  width:46px;height:46px;border-radius:16px;
  display:inline-flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg, rgba(56,189,248,.22), rgba(129,140,248,.18));
  border:1px solid rgba(56,189,248,.28);
  color:var(--auth-primary);
}
.auth-card,.account-card{
  background:linear-gradient(145deg, rgba(15,23,42,.92), rgba(17,24,39,.86));
  border:1px solid var(--auth-border);
  border-radius:var(--auth-radius);
  box-shadow:var(--auth-shadow);
  padding:30px;
  backdrop-filter:blur(18px);
}
.auth-icon{
  width:74px;height:74px;border-radius:24px;
  display:flex;align-items:center;justify-content:center;
  margin:0 auto 16px;
  font-size:2rem;
  color:var(--auth-primary);
  background:rgba(56,189,248,.10);
  border:1px solid rgba(56,189,248,.24);
}
.auth-card h1,.account-card h1{
  text-align:center;
  font-size:1.75rem;
  font-weight:900;
  margin:0 0 8px;
}
.auth-subtitle,.auth-card p,.account-card p{
  color:var(--auth-muted);
  line-height:1.9;
  text-align:center;
}
.auth-form{display:grid;gap:10px;margin-top:18px}
.auth-form label{color:#dbeafe;font-weight:800;font-size:.92rem;margin-top:4px}
.auth-form .form-control{
  background:rgba(255,255,255,.055);
  border:1px solid rgba(148,163,184,.20);
  color:#fff;
  border-radius:16px;
  padding:.92rem 1rem;
  min-height:50px;
}
.auth-form .form-control:focus{
  background:rgba(255,255,255,.075);
  color:#fff;
  border-color:var(--auth-primary);
  box-shadow:0 0 0 .18rem rgba(56,189,248,.14);
}
.auth-form .form-control::placeholder{color:rgba(226,232,240,.40)}
.btn-auth-primary,.btn-auth-secondary{
  border:0;
  border-radius:16px;
  min-height:50px;
  padding:.85rem 1rem;
  display:inline-flex;align-items:center;justify-content:center;gap:.55rem;
  font-weight:900;
  transition:background-color .15s ease, border-color .15s ease, color .15s ease;
}
.btn-auth-primary{
  color:#07111f;
  background:linear-gradient(135deg, var(--auth-primary), #7dd3fc 50%, var(--auth-primary-2));
  box-shadow:0 16px 34px rgba(56,189,248,.20);
  margin-top:10px;
}
.btn-auth-secondary{
  color:#dbeafe;
  background:rgba(255,255,255,.07);
  border:1px solid rgba(148,163,184,.22);
}
.btn-auth-secondary:hover{background:rgba(56,189,248,.12);border-color:rgba(56,189,248,.28);color:#fff}
.auth-links{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:22px;color:var(--auth-muted);font-weight:700}
.auth-links a:hover{color:#fff}
.email-pill{
  direction:ltr;
  text-align:center;
  border-radius:999px;
  padding:.7rem 1rem;
  background:rgba(56,189,248,.10);
  border:1px solid rgba(56,189,248,.24);
  color:#dbeafe;
  font-weight:800;
  margin:14px 0 18px;
}
.code-input{
  direction:ltr;
  text-align:center;
  font-size:1.5rem;
  letter-spacing:8px;
  font-weight:900;
}
.alert{border-radius:16px;border:0;font-weight:700;line-height:1.8}
.alert-success{background:rgba(34,197,94,.14);color:#dcfce7;border:1px solid rgba(34,197,94,.24)}
.alert-danger{background:rgba(244,63,94,.14);color:#ffe4e6;border:1px solid rgba(244,63,94,.24)}
.account-page{padding:0}
.account-shell{width:min(1180px, calc(100% - 32px));margin-inline:auto;padding:32px 0 70px}
.account-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px;flex-wrap:wrap}
.account-grid{display:grid;grid-template-columns:360px 1fr;gap:22px;align-items:start}
.profile-card .auth-icon{margin-inline:0}
.profile-card h1,.profile-card p{text-align:right}
.profile-row{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid rgba(148,163,184,.14)}
.profile-row span{color:var(--auth-muted)}
.profile-row strong{color:#fff;direction:ltr;text-align:left}
.verify-badge{margin-top:18px;display:inline-flex;align-items:center;gap:.5rem;color:#bbf7d0;background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.22);border-radius:999px;padding:.55rem .85rem;font-weight:900}
.section-mini-head{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:18px}
.section-mini-head span{color:var(--auth-primary);font-weight:900}.section-mini-head h2{font-size:1.35rem;font-weight:900;margin:.25rem 0 0}.section-mini-head a{color:#dbeafe;background:rgba(56,189,248,.10);border:1px solid rgba(56,189,248,.22);border-radius:999px;padding:.55rem .9rem;font-weight:900}
.account-table{--bs-table-bg:transparent;--bs-table-color:#e5e7eb;--bs-table-border-color:rgba(148,163,184,.14)}
.account-table thead th{color:#93c5fd;font-weight:900;border-bottom-color:rgba(56,189,248,.20)}
.account-table td{color:#e5e7eb;vertical-align:middle}.order-status{display:inline-flex;border-radius:999px;padding:.35rem .7rem;background:rgba(245,158,11,.14);color:#fde68a;border:1px solid rgba(245,158,11,.22);font-weight:900;font-size:.82rem}
.empty-orders{border:1px dashed rgba(148,163,184,.24);border-radius:22px;padding:36px;text-align:center;color:var(--auth-muted)}
.empty-orders i{font-size:2.4rem;color:var(--auth-primary);display:block;margin-bottom:10px}
@media(max-width:900px){.account-grid{grid-template-columns:1fr}.auth-card,.account-card{padding:24px}.account-shell{width:min(100% - 24px, 1180px)}}
@media(max-width:560px){.auth-shell{padding:20px 12px}.auth-card{padding:22px;border-radius:22px}.auth-card h1{font-size:1.45rem}.auth-links{flex-direction:column;align-items:center}.account-topbar{align-items:stretch}.account-topbar .d-flex{width:100%}.account-topbar .btn-auth-secondary{flex:1}.section-mini-head{align-items:start;flex-direction:column}}