/* ============ صفحه ورود ============ */
#loginPage{position:fixed;inset:0;z-index:999;font-family:'Vazirmatn',sans-serif;overflow:hidden;background:#edf1f0}
#loginPage.hidden{display:none}
.login-container{display:flex;width:100%;height:100vh}

/* --- سمت لوگو (راست) --- */
.login-logo-side{width:50%;background:linear-gradient(135deg,#0b2e33 0%,#0f454c 50%,#135a58 100%);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;flex-shrink:0}
.login-logo-side::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(-45deg,rgba(255,255,255,.03) 0 2px,transparent 2px 16px);pointer-events:none}
.login-logo-outside{width:440px;height:440px;object-fit:contain;filter:drop-shadow(0 4px 20px rgba(0,0,0,.3));position:relative;z-index:1}

/* --- سمت فرم (چپ) --- */
.login-form-side{width:50%;background:#f0f4f3;display:flex;align-items:center;justify-content:center;padding:40px}
.login-form-card{width:100%;max-width:420px}
.login-welcome-section{text-align:center;margin-bottom:28px}
.login-welcome-title{font-size:32px;font-weight:800;color:#111;margin-bottom:10px;letter-spacing:-.5px}
.login-welcome-subtitle{font-size:16px;color:#555;font-weight:400}

/* --- فرم --- */
.login-new-form{width:100%}
.login-form-group{margin-bottom:12px}
.login-form-group label{display:block;margin-bottom:8px;font-size:14px;font-weight:500;color:#333}
.login-form-group input{width:100%;padding:16px 18px;border:1.5px solid #e0e0e0;border-radius:10px;font-size:15px;font-family:'Vazirmatn',sans-serif;background:#fff;transition:all .25s ease;outline:none;color:#111}
.login-form-group input::placeholder{color:#999}
.login-form-group input:focus{border-color:#0e8f86;box-shadow:0 0 0 3px rgba(14,143,134,.12)}
.login-new-btn{width:100%;padding:14px;background:#111;color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:700;font-family:'Vazirmatn',sans-serif;cursor:pointer;transition:all .25s ease;margin-top:4px;letter-spacing:.2px}
.login-new-btn:hover{background:#222;transform:translateY(-1px);box-shadow:0 6px 20px rgba(0,0,0,.2)}
.login-new-btn:active{transform:translateY(0)}
.login-err{color:var(--red);font-size:12.5px;font-weight:700;min-height:18px;margin-bottom:0;text-align:center}

/* --- موبایل --- */
@media(max-width:768px){
  #loginPage{background:linear-gradient(135deg,#0b2e33 0%,#0f454c 50%,#135a58 100%)}
  .login-container{flex-direction:column;min-height:100vh;overflow-y:auto;-webkit-overflow-scrolling:touch;background:transparent;position:relative;display:flex;align-items:center;justify-content:center}
  .login-container::before{content:'';position:fixed;inset:0;background:repeating-linear-gradient(-45deg,rgba(255,255,255,.03) 0 2px,transparent 2px 16px);pointer-events:none}
  .login-logo-side{width:100%;height:auto;padding:20px;flex-shrink:0;background:transparent;display:flex;justify-content:center}
  .login-logo-outside{width:420px;height:420px}
  .login-form-side{width:100%;min-height:auto;padding:0 20px;flex-shrink:0;background:transparent;display:flex;justify-content:center;margin-top:24px}
  .login-form-card{max-width:none;background:#fff;border-radius:16px;padding:28px 24px;box-shadow:0 4px 20px rgba(0,0,0,.12);width:100%}
  .login-welcome-title{font-size:24px}
}
@media(max-width:480px){
  .login-logo-side{padding:16px}
  .login-logo-outside{width:340px;height:340px}
  .login-form-side{padding:0 16px}
  .login-form-card{padding:24px 18px;border-radius:14px}
  .login-welcome-title{font-size:22px}
  .login-form-group input{padding:14px}
}