:root{--brand-2:#a86b2d;--brand-3:#d99a4e;--brand-1:#6b3f1d;}
  *{font-family:'Vazirmatn',system-ui,sans-serif;box-sizing:border-box;}
  body{margin:0;min-height:100vh;background:#f5f6fa;overflow-x:hidden;}

  .login-wrap{display:flex;min-height:100vh;}

  /* فرم سمت راست (RTL) */
  .login-form-side{
    flex:1;display:flex;align-items:center;justify-content:center;
    padding:2rem;background:#fff;order:1;
  }
  .login-form-box{width:100%;max-width:420px;}

  /* تصویر سمت چپ */
  .login-visual-side{
    flex:1;order:2;position:relative;overflow:hidden;
    background:linear-gradient(135deg,#6b3f1d 0%,#a86b2d 45%,#d99a4e 100%);
    display:flex;align-items:center;justify-content:center;padding:3rem;
    color:#fff;text-align:center;
  }
  .login-visual-side::before{
    content:"";position:absolute;inset:0;
    background-image:radial-gradient(circle at 20% 20%,rgba(255,255,255,.15) 0,transparent 40%),
                     radial-gradient(circle at 80% 80%,rgba(255,255,255,.1) 0,transparent 40%);
  }
  .visual-inner{position:relative;z-index:1;max-width:440px;}
  .visual-inner .brand-mark{
    width:88px;height:88px;border-radius:24px;
    background:rgba(255,255,255,.15);backdrop-filter:blur(10px);
    display:grid;place-items:center;font-size:2.6rem;margin:0 auto 1.5rem;
    border:1px solid rgba(255,255,255,.25);
  }
  .visual-inner h2{font-size:1.75rem;font-weight:800;margin:0 0 .75rem;}
  .visual-inner p{opacity:.85;line-height:2;font-size:.95rem;margin:0;}
  .visual-features{
    display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:2rem;
  }
  .visual-features .f{
    background:rgba(255,255,255,.12);backdrop-filter:blur(8px);
    border:1px solid rgba(255,255,255,.2);border-radius:14px;
    padding:.85rem;text-align:right;font-size:.8rem;
  }
  .visual-features .f i{font-size:1.2rem;display:block;margin-bottom:.35rem;opacity:.9;}

  /* برند بالای فرم */
  .login-brand{
    display:flex;align-items:center;gap:.75rem;margin-bottom:2.5rem;
  }
  .login-brand .logo{
    width:46px;height:46px;border-radius:14px;
    background:linear-gradient(135deg,var(--brand-2),var(--brand-3));
    display:grid;place-items:center;color:#fff;font-size:1.35rem;
    box-shadow:0 6px 18px rgba(168,107,45,.35);
  }
  .login-brand b{font-size:1.15rem;color:var(--brand-1);display:block;}
  .login-brand small{font-size:.72rem;color:#9aa0ac;}

  .login-form-box h1{font-size:1.5rem;font-weight:800;color:#1f2430;margin:0 0 .4rem;}
  .login-form-box .lead{font-size:.85rem;color:#8b8f9a;margin:0 0 2rem;}

  .form-label{font-size:.82rem;font-weight:600;color:#545a68;margin-bottom:.4rem;}
  .form-control,.form-select{
    border-radius:12px;padding:.7rem 1rem;font-size:.88rem;
    border:1.5px solid #eef0f4;background:#f9fafc;transition:.18s;
  }
  .form-control:focus,.form-select:focus{
    background:#fff;border-color:var(--brand-3);
    box-shadow:0 0 0 4px rgba(217,154,78,.15);
  }
  .input-icon{position:relative;}
  .input-icon i{
    position:absolute;right:14px;top:50%;transform:translateY(-50%);
    color:#a8aab3;font-size:.95rem;pointer-events:none;
  }
  .input-icon .form-control{padding-right:2.6rem;}
  .input-icon .eye{
    position:absolute;left:14px;top:50%;transform:translateY(-50%);
    color:#a8aab3;cursor:pointer;font-size:.95rem;background:none;border:0;padding:0;
  }

  .btn-login{
    width:100%;border:0;border-radius:12px;padding:.85rem;
    font-weight:700;font-size:.95rem;color:#fff;
    background:linear-gradient(135deg,var(--brand-2),var(--brand-3));
    box-shadow:0 8px 22px rgba(168,107,45,.28);
    transition:.2s;
  }
  .btn-login:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(168,107,45,.35);}
  .btn-login:disabled{opacity:.65;transform:none;cursor:not-allowed;}

  .divider{
    display:flex;align-items:center;gap:.75rem;margin:1.5rem 0;
    color:#a8aab3;font-size:.75rem;
  }
  .divider::before,.divider::after{
    content:"";flex:1;height:1px;background:#eef0f4;
  }

  .role-pick{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.5rem;}
  .role-pick input{display:none;}
  .role-pick label{
    border:1.5px solid #eef0f4;border-radius:11px;padding:.65rem .5rem;
    text-align:center;cursor:pointer;font-size:.78rem;font-weight:600;
    color:#545a68;transition:.15s;background:#f9fafc;
  }
  .role-pick label i{display:block;font-size:1.15rem;margin-bottom:.3rem;color:#8b8f9a;}
  .role-pick input:checked + label{
    border-color:var(--brand-2);background:#fdf6ec;color:var(--brand-1);
  }
  .role-pick input:checked + label i{color:var(--brand-2);}

  .form-check-label{font-size:.83rem;color:#545a68;}
  .forgot{font-size:.82rem;color:var(--brand-2);text-decoration:none;font-weight:600;}
  .forgot:hover{color:var(--brand-1);}

  .login-foot{
    text-align:center;font-size:.8rem;color:#8b8f9a;margin-top:2rem;
  }
  .login-foot a{color:var(--brand-2);font-weight:600;text-decoration:none;}

  @media(max-width:991px){
    .login-visual-side{display:none;}
  }