:root{--primary:#1a5c2e;--primary-dark:#0d3d1a;--primary-light:#3a9654;--accent:#c8a84b;--accent-light:#e8c96b;--ink:#18261d;--muted:#69766e;--line:rgba(26,92,46,.14);--surface:#fff;--surface-soft:#f6f8f3;--danger:#b42318;--success:#067647;--shadow:0 30px 90px rgba(4,32,15,.28);--radius:30px}
*{box-sizing:border-box}html{min-height:100%;scroll-behavior:smooth}
body{margin:0;min-height:100vh;padding:30px;display:grid;place-items:center;color:var(--ink);font-family:'Vazirmatn',Tahoma,sans-serif;line-height:1.8;background:#173b23 url("../assets/img/1790532731.png") center/cover fixed no-repeat;position:relative;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:linear-gradient(135deg,rgba(5,34,17,.72),rgba(9,54,27,.40) 45%,rgba(2,28,14,.60)),radial-gradient(circle at 15% 20%,rgba(200,168,75,.18),transparent 28%)}
body::after{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;backdrop-filter:saturate(1.08) contrast(1.02)}
body.en{font-family:'Poppins','Vazirmatn',sans-serif;direction:ltr}a{color:var(--primary);text-decoration:none}
.auth-shell{width:min(1120px,100%);min-height:690px;display:grid;grid-template-columns:44% 56%;overflow:hidden;background:rgba(255,255,255,.93);border:1px solid rgba(255,255,255,.72);border-radius:var(--radius);box-shadow:var(--shadow);position:relative;z-index:1;backdrop-filter:blur(18px)}
.auth-visual{position:relative;overflow:hidden;color:#fff;padding:44px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(160deg,rgba(7,53,25,.62),rgba(12,73,36,.30)),url("../assets/img/1790532731.png") center/cover no-repeat}
.auth-visual::before{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(3,31,15,.28),rgba(3,31,15,.68));pointer-events:none}.auth-visual::after{content:"";position:absolute;width:420px;height:420px;border:1px solid rgba(255,255,255,.16);border-radius:50%;right:-190px;bottom:-180px;box-shadow:0 0 0 55px rgba(255,255,255,.035),0 0 0 110px rgba(255,255,255,.02)}
.auth-brand,.auth-visual-content,.auth-visual-footer{position:relative;z-index:2}.auth-brand{display:flex;align-items:center;gap:13px;color:#fff}.auth-brand img{width:58px;height:58px;object-fit:contain;border-radius:17px;background:rgba(255,255,255,.13);padding:5px;border:1px solid rgba(255,255,255,.18)}.auth-brand strong{display:block;font-family:Georgia,'Times New Roman',serif;font-size:22px;line-height:1.1}.auth-brand small{display:block;margin-top:5px;color:rgba(255,255,255,.76);font-size:10px;letter-spacing:1.4px}
.auth-visual-content{max-width:390px}.auth-kicker{display:inline-flex;align-items:center;gap:8px;padding:8px 13px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.10);border-radius:999px;font-size:12px;color:#f5f8ed;backdrop-filter:blur(8px)}.auth-kicker svg{width:15px;height:15px}.auth-visual h2{font-size:35px;line-height:1.35;margin:20px 0 12px;color:#fff;font-weight:800}.auth-visual p{margin:0;color:rgba(255,255,255,.80);font-size:14px;line-height:2}.auth-points{list-style:none;padding:0;margin:24px 0 0;display:grid;gap:11px}.auth-points li{display:flex;align-items:center;gap:10px;font-size:13px;color:rgba(255,255,255,.91)}.auth-points svg{width:17px;height:17px;color:var(--accent-light);flex:none}.auth-visual-footer{font-size:11px;color:rgba(255,255,255,.60)}
.auth-main{padding:46px 58px;display:flex;flex-direction:column;justify-content:center;min-width:0;background:rgba(255,255,255,.90)}.auth-topbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:30px}.back-site{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:800;color:var(--muted);transition:.25s}.back-site:hover{color:var(--primary)}.back-site svg{width:16px;height:16px}.auth-language{display:flex;align-items:center;gap:4px;padding:4px;border:1px solid var(--line);border-radius:999px;background:rgba(247,248,243,.9)}.auth-language button{border:0;background:transparent;color:var(--muted);padding:5px 10px;border-radius:999px;font:inherit;font-size:11px;font-weight:800;cursor:pointer}.auth-language button.active{background:var(--primary);color:#fff}.auth-heading{margin-bottom:24px}.auth-heading .eyebrow{color:var(--primary);font-size:10px;font-weight:900;letter-spacing:1.4px;margin-bottom:7px;text-transform:uppercase}h1{margin:0;color:var(--ink);font-size:30px;line-height:1.35;font-weight:800}.auth-heading p{margin:8px 0 0;color:var(--muted);font-size:13px}
form{display:grid;gap:14px;margin:0 0 10px}.auth-form label{display:grid;gap:7px;font-size:12px;font-weight:800;color:#35433a}.field-wrap{position:relative}.field-wrap .field-icon{position:absolute;top:50%;transform:translateY(-50%);right:14px;width:18px;height:18px;color:#87938b;pointer-events:none}body.en .field-wrap .field-icon{right:auto;left:14px}input{width:100%;height:52px;padding:0 43px 0 14px;border:1px solid var(--line);border-radius:14px;background:rgba(250,252,248,.92);color:var(--ink);font:inherit;font-size:13px;transition:border-color .2s,box-shadow .2s,background .2s}body.en input{padding:0 14px 0 43px}input:focus{outline:none;border-color:var(--primary);background:#fff;box-shadow:0 0 0 4px rgba(26,92,46,.09)}input::placeholder{color:#a0aaa3}input.code{height:64px;text-align:center;font-size:25px;letter-spacing:.6rem;font-weight:800;padding:0 12px}.auth-submit{height:52px;border:0;border-radius:14px;background:linear-gradient(135deg,var(--primary-dark),var(--primary-light));color:#fff;font:inherit;font-weight:800;cursor:pointer;box-shadow:0 12px 26px rgba(26,92,46,.20);transition:transform .2s,box-shadow .2s,filter .2s}.auth-submit:hover{transform:translateY(-1px);box-shadow:0 16px 32px rgba(26,92,46,.24);filter:saturate(1.08)}.auth-submit:focus-visible{outline:3px solid rgba(200,168,75,.55);outline-offset:2px}button.ghost{height:48px;border:1px solid var(--line);border-radius:13px;background:#fff;color:var(--ink);font:inherit;font-weight:700;cursor:pointer}button.ghost:hover{background:var(--surface-soft);border-color:rgba(26,92,46,.24)}button:disabled{opacity:.5;cursor:not-allowed}.alert{padding:12px 14px;border-radius:13px;margin-bottom:15px;font-size:12px;line-height:1.8}.alert.err{background:#fff4f2;color:var(--danger);border:1px solid #fecdca}.alert.ok{background:#eefbf4;color:var(--success);border:1px solid #b7ebcb}.alert.info{background:#eff8ff;color:#175cd3;border:1px solid #b2ddff}.links{margin:9px 0 0;text-align:center;font-size:12px;color:var(--muted)}.links a{font-weight:800;color:var(--primary)}.links-separator{opacity:.45;padding:0 6px}.muted{color:var(--muted);font-size:13px;margin:0 0 15px}dl{display:grid;grid-template-columns:auto 1fr;gap:9px 18px;margin:0 0 22px;padding:18px;border-radius:16px;background:var(--surface-soft);border:1px solid var(--line);font-size:13px}dt{color:var(--muted);font-weight:700}dd{margin:0;font-weight:700;overflow-wrap:anywhere}.auth-user-card{padding:18px;margin-bottom:18px;border:1px solid var(--line);background:linear-gradient(135deg,#f9fbf7,#fff);border-radius:18px}.auth-user-card strong{display:block;font-size:18px;margin-bottom:3px}.auth-user-card span{font-size:12px;color:var(--muted)}.auth-logout{width:100%}

/* --- stability fixes --- */
button,input{font-family:inherit}
button{appearance:none}
img{max-width:100%;display:block}
.auth-main{min-width:0;overflow:hidden}
.auth-main form{width:100%}
.auth-main > *{max-width:100%}
.auth-form label{min-width:0}
.field-wrap,input{min-width:0}
.auth-form .auth-submit{width:100%}
.auth-form + .links{margin-top:4px}
.auth-main > form:not(.auth-form){margin-top:2px}
.auth-main > form:not(.auth-form) .ghost{width:100%}
@media (min-width:901px){
  .auth-main{max-height:690px;overflow-y:auto;scrollbar-width:thin}
}
@media (max-width:600px){
  .auth-main{overflow:visible}
  .auth-topbar{gap:10px}
  .auth-language{flex:none}
  .auth-language button{padding:5px 9px}
  .auth-heading{margin-bottom:20px}
  .auth-form{gap:12px}
  input{height:50px}
  .auth-submit{height:50px}
}

@media (max-width:900px){body{padding:16px}.auth-shell{grid-template-columns:1fr;max-width:620px;min-height:auto}.auth-visual{min-height:300px;padding:32px}.auth-visual-content{max-width:100%}.auth-visual h2{font-size:28px}.auth-visual-footer{display:none}.auth-main{padding:34px 30px 38px}}
@media (max-width:600px){body{padding:0;background-position:center}.auth-shell{border:0;border-radius:0;box-shadow:none;background:transparent;min-height:100vh}.auth-visual{display:flex;min-height:245px;padding:24px 20px;background-position:center}.auth-visual-content p,.auth-points{display:none}.auth-visual h2{font-size:24px;margin:15px 0 0}.auth-brand img{width:48px;height:48px}.auth-brand strong{font-size:19px}.auth-main{padding:24px 18px 30px;justify-content:flex-start;background:rgba(255,255,255,.96);border-radius:28px 28px 0 0;margin-top:-20px;position:relative;z-index:3}.auth-topbar{margin-bottom:28px}h1{font-size:26px}}


/* Delivery method note: keeps the existing theme, only adds a small explanatory line. */
.delivery-note {
  margin: 10px 0 0;
  padding: 10px 12px;
  border-radius: 12px;
  font-size: 12px;
  line-height: 1.9;
  opacity: .82;
  border: 1px solid rgba(212, 175, 55, .22);
  background: rgba(255, 255, 255, .04);
}

/* Login/Register visual cleanup: keep only the brand and footer on the image panel. */
.auth-visual-content{display:none!important}

/* ===== Dashboard ===== */
.dash-hero{display:flex;align-items:center;gap:16px;padding:20px;margin-bottom:14px;border-radius:20px;color:#fff;background:linear-gradient(135deg,var(--primary-dark),var(--primary-light));box-shadow:0 14px 30px rgba(26,92,46,.22)}
.dash-avatar{width:64px;height:64px;flex:none;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.18);border:2px solid rgba(255,255,255,.4);font-size:28px;font-weight:800}
.dash-hero-text{display:grid;gap:3px;min-width:0}.dash-hero-text strong{font-size:19px;overflow-wrap:anywhere}.dash-hero-text span{font-size:13px;opacity:.9}
.badge{display:inline-flex;align-items:center;gap:6px;width:fit-content;margin-top:4px;padding:3px 10px;border-radius:999px;font-size:11px;font-style:normal;font-weight:800}.badge svg{width:14px;height:14px}
.badge.ok{background:rgba(255,255,255,.2);color:#fff}.badge.warn{background:#fff4d6;color:#8a5a00}
.dash-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}
.dash-stat{display:grid;gap:3px;padding:14px;border-radius:16px;background:var(--surface-soft);border:1px solid var(--line);min-width:0}.dash-stat svg{width:18px;height:18px;color:var(--primary)}.dash-stat small{color:var(--muted);font-weight:700;font-size:11px}.dash-stat b{font-size:12px;line-height:1.7;overflow-wrap:anywhere}
.dash-links{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:14px}
.dash-links a{display:grid;justify-items:center;gap:4px;padding:12px 4px;border-radius:14px;border:1px solid var(--line);background:#fff;color:var(--ink);font-size:11px;font-weight:800;transition:.2s}.dash-links a:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-1px)}.dash-links svg{width:20px;height:20px;color:var(--primary)}
.dash-card{margin-bottom:12px;border:1px solid var(--line);border-radius:16px;background:#fff;overflow:hidden}
.dash-card summary{display:flex;align-items:center;gap:10px;padding:14px 16px;cursor:pointer;font-weight:800;font-size:14px;list-style:none;min-height:50px}.dash-card summary::-webkit-details-marker{display:none}.dash-card summary svg{width:18px;height:18px;color:var(--primary)}
.dash-card summary::after{content:"";margin-inline-start:auto;width:8px;height:8px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg);transition:transform .2s}
.dash-card[open] summary::after{transform:rotate(-135deg)}
.dash-card .auth-form{padding:4px 16px 16px;margin:0}
input:disabled{opacity:.6;cursor:not-allowed}
@media(max-width:600px){.dash-links{grid-template-columns:repeat(2,1fr)}.dash-hero{padding:16px}.dash-avatar{width:56px;height:56px;font-size:24px}}