/* ADA CRM Vazirmatn V1 */
@font-face{
  font-family:"AdaVazirmatn";
  src:url("/assets/fonts/vazirmatn-arabic-wght-normal-v3175.woff2") format("woff2");
  font-style:normal;
  font-weight:100 900;
  font-display:swap;
  unicode-range:U+0600-06FF,U+0750-077F,U+0870-089F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF;
}
@font-face{
  font-family:"AdaVazirmatn";
  src:url("/assets/fonts/vazirmatn-latin-wght-normal-v3175.woff2") format("woff2");
  font-style:normal;
  font-weight:100 900;
  font-display:swap;
  unicode-range:U+0000-024F,U+1E00-1EFF,U+2000-206F,U+20A0-20CF;
}

:root{--navy:#0d2444;--navy2:#14365f;--mint:#2f9e8c;--mint2:#5ec8b0;--ink:#13243a;--muted:#64748b;--line:#dfe7ef;--danger:#c52739}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:#f5f8fb}
body{font-family:"AdaVazirmatn",Tahoma,"Segoe UI",Arial,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased}
button,input{font:inherit}
button{cursor:pointer}
a{color:inherit}
.login-shell{min-height:100svh;display:grid;grid-template-columns:minmax(440px,43vw) 1fr;direction:ltr}
.brand-panel{position:relative;min-height:100svh;overflow:hidden;padding:50px 58px 34px;display:flex;flex-direction:column;color:#fff;background:linear-gradient(155deg,#081d3e 0%,#123866 56%,#2f8d7e 130%)}
.brand-panel:before,.brand-panel:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(94,200,176,.23)}
.brand-panel:before{width:650px;height:650px;left:50%;top:80px;transform:translateX(-50%)}.brand-panel:after{width:500px;height:500px;left:50%;top:155px;transform:translateX(-50%)}
.brand-glow{position:absolute;width:540px;height:270px;left:-80px;right:-80px;bottom:210px;background:linear-gradient(120deg,rgba(47,158,140,.75),rgba(50,92,187,.65),rgba(139,70,200,.62));filter:blur(38px);transform:rotate(-8deg);opacity:.62}
.brand{position:relative;z-index:2;display:inline-flex;align-items:center;gap:12px;text-decoration:none;direction:ltr;width:max-content}
.brand-mark{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:#fff;box-shadow:0 14px 28px -16px rgba(0,0,0,.45)}
.brand-mark i{display:block;width:23px;height:27px;background:linear-gradient(105deg,var(--navy2) 0 49%,var(--mint) 50%);clip-path:polygon(50% 0,100% 100%,72% 100%,62% 72%,38% 72%,28% 100%,0 100%)}
.brand-word{font:700 23px/1 "Segoe UI",Arial,sans-serif;color:#fff}.brand-word b{color:#7dd9c4}
.brand-large .brand-mark{width:52px;height:52px;border-radius:16px}.brand-large .brand-word{font-size:27px}
.brand-message{position:relative;z-index:2;margin:auto 0 42px;direction:rtl;text-align:right}
.brand-message>span{display:inline-flex;padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16);color:#bfe9df;font-size:12px;font-weight:800}
.brand-message h1{margin:22px 0 16px;font-size:clamp(34px,3.5vw,48px);line-height:1.35;letter-spacing:-1px}
.brand-message p{margin:0;max-width:520px;color:rgba(255,255,255,.72);font-size:15px;line-height:2}
.brand-features{position:relative;z-index:2;list-style:none;margin:0 0 38px;padding:0;display:grid;gap:17px;direction:rtl}
.brand-features li{display:flex;align-items:center;gap:13px}.brand-features>li>b{flex:none;width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.11);color:#8ee0ca}
.brand-features strong,.brand-features span{display:block}.brand-features strong{font-size:14px}.brand-features span{margin-top:4px;color:rgba(255,255,255,.58);font-size:11.5px}
.brand-foot{position:relative;z-index:2;margin:0;color:rgba(255,255,255,.52);font-size:11px}.brand-foot a{color:#8ee0ca;text-decoration:none}
.form-panel{position:relative;min-height:100svh;padding:90px 38px 38px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 80% 10%,rgba(47,158,140,.08),transparent 26%),#f5f8fb;direction:rtl}
.top-actions{position:absolute;top:27px;inset-inline:38px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.back-home{text-decoration:none;color:#53667d;font-size:12px;font-weight:800}.back-home:hover{color:var(--mint)}
.lang-switch{display:inline-flex;padding:4px;border-radius:999px;background:#e9eef3;border:1px solid #e0e7ee;direction:ltr}
.lang-switch button{min-width:45px;height:34px;padding:0 10px;border:0;border-radius:999px;background:transparent;color:#64748b;font-size:11px;font-weight:900}.lang-switch button.active{background:#fff;color:var(--navy2);box-shadow:0 3px 9px rgba(20,54,95,.1)}
.auth-card{width:min(610px,100%);padding:40px 48px 32px;border-radius:28px;background:rgba(255,255,255,.97);border:1px solid rgba(219,228,237,.95);box-shadow:0 30px 75px -42px rgba(20,54,95,.42)}
.mobile-brand{display:none;margin:0 auto 28px}.mobile-brand .brand-word{color:var(--ink)}
.auth-head{text-align:center}.auth-head h2{margin:0;font-size:30px;line-height:1.4}.auth-head p{margin:9px 0 0;color:var(--muted);font-size:13.5px}
.mode-tabs{display:grid;grid-template-columns:1fr 1fr;margin:28px 0 22px;padding:4px;border-radius:14px;background:#eef2f6}
.mode-tabs button{height:44px;border:0;border-radius:11px;background:transparent;color:#718096;font-weight:900;font-size:13px}.mode-tabs button.active{background:#fff;color:var(--navy2);box-shadow:0 5px 14px rgba(20,54,95,.1)}
.auth-alert{display:none;margin-bottom:17px;padding:12px 14px;border-radius:12px;background:#fff1f2;border:1px solid #ffd4d9;color:var(--danger);font-size:12.5px;line-height:1.7;font-weight:700}.auth-alert.show{display:block}.auth-alert.success{display:block;background:#edfbf7;border-color:#c2efdf;color:#08785d}
.auth-view,.auth-form{display:none}.auth-view.active,.auth-form.active{display:block}
.method-tabs{display:grid;grid-template-columns:1fr 1fr;margin-bottom:22px;border-bottom:1px solid var(--line)}
.method-tabs button{height:48px;border:0;border-bottom:3px solid transparent;background:transparent;color:#718096;font-size:12.5px;font-weight:900}.method-tabs button.active{color:var(--mint);border-color:var(--mint)}
.auth-form{direction:rtl}.auth-form>label,.two-cols label,.otp-row label,.register-code label{display:grid;gap:8px;margin-bottom:16px;color:#34465a;font-size:12.5px;font-weight:900}
.auth-form input{width:100%;height:54px;padding:0 16px;border:1.5px solid var(--line);border-radius:13px;background:#fff;color:var(--ink);outline:0;transition:.2s}.auth-form input:focus{border-color:var(--mint);box-shadow:0 0 0 4px rgba(47,158,140,.11)}
.password-field{position:relative}.password-field input{padding-inline-end:48px}.toggle-password{position:absolute;top:7px;inset-inline-end:7px;width:40px;height:40px;border:0;border-radius:10px;background:#f4f7fa;color:#718096}
.check{display:flex!important;align-items:center;gap:9px!important;margin:1px 0 18px!important;color:#53667d!important;font-weight:600!important}.check input{width:17px;height:17px;accent-color:var(--mint)}
.primary-submit{width:100%;height:57px;border:0;border-radius:14px;color:#fff;background:linear-gradient(120deg,var(--navy2),var(--mint));box-shadow:0 16px 30px -17px rgba(20,54,95,.7);font-size:14px;font-weight:900}.primary-submit:disabled{opacity:.65;cursor:wait}
.otp-row,.register-code{display:grid;grid-template-columns:1fr 116px;gap:10px;align-items:end}.otp-row label,.register-code label{margin-bottom:0}
.resend{height:54px;margin-bottom:16px;border:1px solid #d9e4eb;border-radius:13px;background:#f7fafb;color:var(--mint);font-size:11.5px;font-weight:900}.resend:disabled{color:#94a3b8;cursor:wait}
.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:12px}.register-note{margin:13px 0 0;text-align:center;color:#7b8b9e;font-size:11.5px;line-height:1.8}
.secure-note{margin-top:24px;padding-top:20px;border-top:1px solid #edf1f5;display:flex;align-items:center;justify-content:center;gap:8px;color:#7b8b9e;font-size:11px}.secure-note b{color:var(--mint)}
.hidden{display:none!important}
[dir="ltr"] .form-panel,[dir="ltr"] .auth-form,[dir="ltr"] .brand-message,[dir="ltr"] .brand-features{direction:ltr;text-align:left}
@media(max-width:1050px){
  .login-shell{grid-template-columns:1fr}.brand-panel{display:none}.form-panel{padding:88px 22px 35px}.auth-card{padding:36px 38px 30px}.mobile-brand{display:flex}.top-actions{inset-inline:22px}
}
@media(max-width:620px){
  .form-panel{align-items:flex-start;padding:78px 13px 24px}.top-actions{top:17px;inset-inline:14px}.auth-card{padding:27px 18px 25px;border-radius:22px}.mobile-brand{margin-bottom:22px}.auth-head h2{font-size:25px}.two-cols{grid-template-columns:1fr}.otp-row,.register-code{grid-template-columns:1fr}.resend{margin:0 0 16px}.secure-note{text-align:center;line-height:1.7}.mode-tabs{margin-top:23px}
}


/* ADA_CRM_BRANDING_LOGO_V1_START */
.brand .brand-logo{
  display:block;
  width:auto;
  height:64px;
  max-width:276px;
  object-fit:contain;
  object-position:center;
  flex:none;
}
.brand-large .brand-logo{
  height:88px;
  max-width:370px;
}
.mobile-brand .brand-logo{
  height:70px;
  max-width:294px;
}
@media(max-width:720px){
  .mobile-brand .brand-logo{
    height:62px;
    max-width:260px;
  }
}
/* ADA_CRM_BRANDING_LOGO_V1_END */

/* ADA_CRM_LOGIN_LOGO_PALETTE_V1_START */

/*
 * ADA CRM brand palette derived from the active logo:
 * deep navy, royal blue, cyan and violet.
 */
:root{
  --navy:#071b3d;
  --navy2:#0a2f65;
  --mint:#23a7cc;
  --mint2:#5a50d2;
  --ink:#102547;
  --muted:#64748b;
  --line:#dce5f2;
  --danger:#c52739;
}

/* Left branding panel */
.brand-panel{
  background:
    radial-gradient(circle at 18% 22%,rgba(35,167,204,.22),transparent 31%),
    radial-gradient(circle at 83% 82%,rgba(90,80,210,.28),transparent 36%),
    linear-gradient(150deg,#061a3b 0%,#0a2d62 42%,#164d91 72%,#40389d 132%);
}

.brand-panel:before{
  border-color:rgba(35,167,204,.26);
}

.brand-panel:after{
  border-color:rgba(90,80,210,.25);
}

.brand-glow{
  background:
    linear-gradient(
      118deg,
      rgba(35,167,204,.82),
      rgba(30,92,190,.72),
      rgba(90,80,210,.78)
    );
  filter:blur(42px);
  opacity:.68;
}

.brand-message>span{
  color:#baf7fb;
  background:rgba(35,167,204,.10);
  border-color:rgba(154,244,243,.23);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025);
}

.brand-features>li>b{
  color:#d9fcff;
  background:
    linear-gradient(
      145deg,
      rgba(35,167,204,.28),
      rgba(90,80,210,.30)
    );
  border-color:rgba(154,244,243,.20);
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.035),
    0 10px 24px -17px rgba(35,167,204,.9);
}

.brand-foot a{
  color:#9af4f3;
}

/* Right authentication area */
.form-panel{
  background:
    radial-gradient(circle at 82% 9%,rgba(35,167,204,.10),transparent 28%),
    radial-gradient(circle at 8% 91%,rgba(90,80,210,.075),transparent 30%),
    linear-gradient(180deg,#f8fbff 0%,#f3f6fc 100%);
}

.auth-card{
  border-color:rgba(69,94,148,.16);
  box-shadow:
    0 32px 82px -44px rgba(10,47,101,.38),
    0 12px 34px -28px rgba(90,80,210,.28);
}

.back-home{
  color:#163e78;
}

.lang-switch{
  background:#eaf0f8;
  border-color:#dce5f1;
}

.lang-switch button.active{
  color:#123e83;
  box-shadow:
    0 4px 13px rgba(16,61,126,.13),
    inset 0 -2px 0 rgba(35,167,204,.18);
}

/* Login/Register segmented tabs */
.mode-tabs{
  background:#eaf0f7;
  border:1px solid rgba(31,76,139,.055);
}

.mode-tabs button.active{
  color:#123e83;
  box-shadow:
    0 7px 18px rgba(16,61,126,.12),
    inset 0 -2px 0 rgba(90,80,210,.12);
}

/* Password/SMS method tabs */
.method-tabs button.active{
  color:#2257cf;
  border-color:#5a50d2;
}

/* Inputs */
.auth-form input{
  border-color:#dbe4f0;
}

.auth-form input:hover{
  border-color:#bdcce0;
}

.auth-form input:focus{
  border-color:#278fc8;
  box-shadow:
    0 0 0 4px rgba(35,167,204,.12),
    0 9px 20px -18px rgba(90,80,210,.45);
}

.password-field input:focus{
  border-color:#3279cf;
}

.toggle-password{
  color:#244d87;
  background:#f0f4fa;
}

.toggle-password:hover{
  color:#5a50d2;
  background:#e9eef9;
}

/* Main action follows logo blue/cyan/violet gradient */
.primary-submit{
  background:
    linear-gradient(
      110deg,
      #0a2f65 0%,
      #1d67c9 45%,
      #23a7cc 70%,
      #5a50d2 118%
    );
  box-shadow:
    0 18px 34px -19px rgba(20,72,153,.75),
    0 11px 25px -22px rgba(90,80,210,.85);
}

.primary-submit:hover:not(:disabled){
  box-shadow:
    0 21px 40px -19px rgba(20,72,153,.82),
    0 14px 30px -22px rgba(90,80,210,.95);
  transform:translateY(-1px);
}

.primary-submit:focus-visible{
  outline:3px solid rgba(35,167,204,.26);
  outline-offset:3px;
}

/* Secondary actions and informational states */
.resend{
  color:#2257cf;
  border-color:#d7e1f0;
  background:#f5f8fc;
}

.resend:hover:not(:disabled){
  color:#5a50d2;
  border-color:#c9d6eb;
  background:#f1f4fb;
}

.secure-note{
  color:#718096;
}

.secure-note b,
.secure-note i{
  color:#23a7cc;
}

/* Keep logo crisp on the dark branded panel */
.brand-panel .brand-logo{
  filter:
    drop-shadow(0 11px 20px rgba(0,0,0,.19))
    drop-shadow(0 0 18px rgba(35,167,204,.065));
}

/* Mobile logo is displayed on a light surface */
.mobile-brand .brand-logo{
  filter:drop-shadow(0 10px 20px rgba(10,47,101,.10));
}

@media(max-width:720px){
  .form-panel{
    background:
      radial-gradient(circle at 85% 4%,rgba(35,167,204,.095),transparent 25%),
      radial-gradient(circle at 10% 92%,rgba(90,80,210,.065),transparent 29%),
      #f5f8fc;
  }

  .auth-card{
    box-shadow:
      0 24px 58px -40px rgba(10,47,101,.40),
      0 10px 24px -23px rgba(90,80,210,.28);
  }
}

/* ADA_CRM_LOGIN_LOGO_PALETTE_V1_END */

/* ADA_CRM_REGISTER_RESPONSIVE_V1_START */

/*
 * Desktop:
 * Each side owns the viewport height.
 * The form column scrolls independently when registration is taller.
 */
@media (min-width:981px){
  html,
  body{
    width:100%;
    height:100%;
    min-height:100%;
    overflow:hidden;
  }

  .login-shell{
    width:100%;
    height:100svh;
    min-height:0;
    grid-template-columns:minmax(400px,43vw) minmax(0,1fr);
    overflow:hidden;
  }

  .brand-panel{
    width:100%;
    height:100svh;
    min-height:0;
    overflow-x:hidden;
    overflow-y:auto;
    overscroll-behavior-y:contain;
    scrollbar-width:thin;
    scrollbar-color:rgba(154,244,243,.24) transparent;
  }

  .brand-panel::-webkit-scrollbar{
    width:5px;
  }

  .brand-panel::-webkit-scrollbar-track{
    background:transparent;
  }

  .brand-panel::-webkit-scrollbar-thumb{
    border-radius:999px;
    background:rgba(154,244,243,.24);
  }

  .form-panel{
    width:100%;
    height:100svh;
    min-width:0;
    min-height:0;
    padding:72px 38px 34px;
    align-items:center;
    justify-content:flex-start;
    overflow-x:hidden;
    overflow-y:auto;
    overscroll-behavior-y:contain;
    scrollbar-gutter:stable;
    -webkit-overflow-scrolling:touch;
  }

  /*
   * Auto vertical margins center the login card when it is short.
   * When registration becomes taller, auto margins collapse to zero
   * and the card starts normally instead of being clipped.
   */
  .auth-card{
    width:min(610px,100%);
    max-width:100%;
    min-width:0;
    margin-block:auto;
    margin-inline:auto;
    flex:0 0 auto;
  }
}

/*
 * Compact the branding column on ordinary laptop screens
 * without hiding any feature.
 */
@media (min-width:981px) and (max-height:950px){
  .brand-panel{
    padding:34px 48px 22px;
  }

  .brand-large .brand-logo{
    height:72px;
    max-width:315px;
  }

  .brand-message{
    margin:auto 0 20px;
  }

  .brand-message>span{
    padding:6px 12px;
    font-size:11px;
  }

  .brand-message h1{
    margin:16px 0 10px;
    font-size:clamp(30px,3vw,40px);
    line-height:1.3;
  }

  .brand-message p{
    max-width:500px;
    font-size:13px;
    line-height:1.85;
  }

  .brand-features{
    gap:10px;
    margin:0 0 16px;
  }

  .brand-features li{
    gap:11px;
  }

  .brand-features>li>b{
    width:36px;
    height:36px;
    border-radius:11px;
  }

  .brand-features strong{
    font-size:13px;
  }

  .brand-features span{
    margin-top:2px;
    font-size:10.5px;
  }

  .brand-foot{
    font-size:10px;
  }

  .form-panel{
    padding-top:64px;
    padding-bottom:24px;
  }

  .auth-card{
    padding:34px 42px 28px;
  }
}

/*
 * Extra protection for short-height windows and browser zoom.
 * Both sides remain usable through independent scrolling.
 */
@media (min-width:981px) and (max-height:760px){
  .brand-panel{
    padding-top:24px;
    padding-bottom:18px;
  }

  .brand-large .brand-logo{
    height:62px;
    max-width:280px;
  }

  .brand-message{
    margin:18px 0;
  }

  .brand-message h1{
    margin:12px 0 8px;
    font-size:28px;
  }

  .brand-message p{
    font-size:12px;
    line-height:1.7;
  }

  .brand-features{
    gap:8px;
    margin-bottom:12px;
  }

  .form-panel{
    padding-top:58px;
    padding-bottom:18px;
  }
}

/*
 * Tablet and mobile:
 * Remove the desktop split layout and return to normal document flow.
 */
@media (max-width:980px){
  html,
  body{
    width:100%;
    height:auto;
    min-height:100%;
    overflow-x:hidden;
    overflow-y:auto;
  }

  .login-shell{
    width:100%;
    height:auto;
    min-height:100svh;
    display:grid;
    grid-template-columns:minmax(0,1fr);
    overflow:visible;
  }

  .brand-panel{
    display:none;
  }

  .form-panel{
    width:100%;
    height:auto;
    min-height:100svh;
    padding:82px 22px 32px;
    align-items:flex-start;
    justify-content:center;
    overflow:visible;
  }

  .auth-card{
    width:min(610px,100%);
    max-width:100%;
    min-width:0;
    margin:0 auto;
  }

  .mobile-brand{
    display:flex;
    justify-content:center;
  }
}

@media (max-width:640px){
  .form-panel{
    padding:74px 12px 22px;
  }

  .top-actions{
    top:16px;
    inset-inline:13px;
  }

  .auth-card{
    width:100%;
    padding:26px 16px 22px;
    border-radius:22px;
  }

  .mobile-brand{
    margin-bottom:20px;
  }

  .mobile-brand .brand-logo{
    width:auto;
    height:58px;
    max-width:min(250px,80vw);
  }

  .auth-head h2{
    font-size:24px;
    line-height:1.4;
  }

  .mode-tabs{
    margin-top:22px;
  }

  .two-cols{
    grid-template-columns:minmax(0,1fr);
  }

  .auth-form input{
    min-width:0;
  }

  .otp-row,
  .register-code{
    grid-template-columns:minmax(0,1fr);
  }
}

@media (max-width:380px){
  .form-panel{
    padding-inline:8px;
  }

  .auth-card{
    padding-inline:13px;
  }

  .mode-tabs button,
  .method-tabs button{
    font-size:11.5px;
  }
}

/* ADA_CRM_REGISTER_RESPONSIVE_V1_END */

/* ADA_CRM_LOGIN_DARK_PANEL_LOGO_V1_START */

/*
 * The active logo contains dark blue lettering.
 * On the dark brand panel it needs a controlled light surface
 * so the original cyan, blue and violet artwork remains intact.
 */
@media (min-width:981px){
  .brand-panel > .brand.brand-large{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:max-content;
    max-width:min(390px,100%);
    min-height:96px;
    padding:9px 18px 8px;
    overflow:hidden;
    background:
      linear-gradient(
        135deg,
        rgba(255,255,255,.985) 0%,
        rgba(248,251,255,.965) 55%,
        rgba(239,245,255,.94) 100%
      );
    border:1px solid rgba(255,255,255,.88);
    border-radius:21px;
    box-shadow:
      0 23px 52px -31px rgba(0,0,0,.86),
      0 10px 25px -22px rgba(35,167,204,.72),
      inset 0 0 0 1px rgba(70,100,180,.065);
    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
  }

  .brand-panel > .brand.brand-large .brand-logo{
    display:block;
    width:auto;
    height:78px;
    max-width:340px;
    object-fit:contain;
    object-position:center;
    filter:
      drop-shadow(0 5px 9px rgba(8,37,82,.12))
      saturate(1.04)
      contrast(1.02);
  }
}

/* Maintain prominence on ordinary laptop-height screens. */
@media (min-width:981px) and (max-height:950px){
  .brand-panel > .brand.brand-large{
    min-height:88px;
    padding:8px 16px 7px;
    border-radius:19px;
  }

  .brand-panel > .brand.brand-large .brand-logo{
    height:70px;
    max-width:315px;
  }
}

/* Protection for short windows and browser zoom. */
@media (min-width:981px) and (max-height:760px){
  .brand-panel > .brand.brand-large{
    min-height:78px;
    padding:7px 14px 6px;
    border-radius:17px;
  }

  .brand-panel > .brand.brand-large .brand-logo{
    height:62px;
    max-width:284px;
  }
}

/*
 * Mobile logo stays on the existing light form surface.
 * It must not receive the desktop white container.
 */
@media (max-width:980px){
  .mobile-brand{
    padding:0;
    background:transparent;
    border:0;
    box-shadow:none;
  }

  .mobile-brand .brand-logo{
    filter:drop-shadow(0 9px 18px rgba(10,47,101,.11));
  }
}

/* ADA_CRM_LOGIN_DARK_PANEL_LOGO_V1_END */

/* ADA_CRM_ACCOUNT_STATUS_UI_V1 */
.account-status-view{direction:rtl}
.account-status-view.active{display:block}
.account-status-card{display:grid;justify-items:center;gap:12px;padding:24px 18px 18px;border:1px solid #dfe8ef;border-radius:20px;background:radial-gradient(circle at 12% 8%,rgba(47,158,140,.13),transparent 34%),#fff;text-align:center;box-shadow:0 22px 52px -40px rgba(13,36,68,.62)}
.account-status-icon{width:66px;height:66px;display:grid;place-items:center;border-radius:22px;color:#8b5b12;background:#fff5d8;border:1px solid #f2d999;font-size:25px;font-weight:950}
.account-status-card[data-status="rejected"] .account-status-icon{color:#a92d46;background:#fff0f3;border-color:#f1c4ce}
.account-status-card[data-status="suspended"] .account-status-icon{color:#6550c9;background:#f1efff;border-color:#d8d0ff}
.account-status-kicker{color:#718197;font-size:11px;font-weight:950}
.account-status-card h2{margin:0;color:#173454;font-size:22px;line-height:1.55}
.account-status-card>p{max-width:430px;margin:0;color:#607188;font-size:12px;line-height:2}
.account-status-reason{width:100%;padding:13px 14px;border:1px solid #e3eaf1;border-radius:14px;background:#f8fafc;text-align:start}
.account-status-reason b{display:block;margin-bottom:5px;color:#41546c;font-size:10px}
.account-status-reason p{margin:0;color:#63748a;font-size:11px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere}
.account-status-card .primary-submit{margin-top:4px}
[dir="ltr"] .account-status-view,[dir="ltr"] .account-status-reason{direction:ltr;text-align:left}
@media(max-width:560px){.account-status-card{padding:20px 14px 15px;border-radius:17px}.account-status-icon{width:58px;height:58px;border-radius:19px;font-size:22px}.account-status-card h2{font-size:19px}}
/* /ADA_CRM_ACCOUNT_STATUS_UI_V1 */

/* ADA_CRM_REGISTRATION_FORM_CLIENT_FIX_V1 */
.register-form,.register-form *{box-sizing:border-box}
.register-form,.register-form>label,.register-form .two-cols,.register-form .two-cols>label,.register-form .register-code,.register-form .password-field{width:100%;min-width:0}
.register-form input{display:block;width:100%;max-width:100%;min-width:0}
.register-form .password-field{position:relative;direction:ltr}
.register-form .password-field input{direction:ltr;text-align:left;padding-right:16px;padding-left:54px;letter-spacing:normal;text-overflow:clip}
.register-form .password-field .toggle-password{left:7px;right:auto;inset-inline-start:auto;inset-inline-end:auto}
.register-form .primary-submit{margin-top:2px}
@media(max-width:640px){.register-form .two-cols,.register-form .register-code{grid-template-columns:minmax(0,1fr)}.register-form .resend{width:100%}}
/* /ADA_CRM_REGISTRATION_FORM_CLIENT_FIX_V1 */
/* ADA_CRM_LOGIN_VISUAL_REDESIGN_V3 */

.login-shell.login-redesign-v3{
  min-height:100svh;
  display:block;
  overflow:auto;
  direction:rtl;
  color:#173454;
  background:
    radial-gradient(circle at 12% 8%,rgba(150,205,205,.22),transparent 26%),
    radial-gradient(circle at 88% 92%,rgba(151,89,231,.10),transparent 28%),
    linear-gradient(180deg,#f8fbfd 0%,#edf4f8 100%);
  font-family:"AdaVazirmatn",Tahoma,"Segoe UI",Arial,sans-serif;
}

.login-shell.login-redesign-v3 *,
.login-shell.login-redesign-v3 *::before,
.login-shell.login-redesign-v3 *::after{
  box-sizing:border-box;
}

.login-shell.login-redesign-v3 .brand-panel{
  display:none!important;
}

.login-shell.login-redesign-v3 .form-panel{
  position:relative;
  min-height:100svh;
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:84px 24px 34px;
  background:transparent;
}

.login-shell.login-redesign-v3 .form-panel::before{
  content:"";
  position:absolute;
  width:360px;
  height:360px;
  top:-230px;
  inset-inline-start:10%;
  border-radius:50%;
  border:1px solid rgba(23,52,84,.06);
  background:rgba(255,255,255,.24);
  pointer-events:none;
}

.login-shell.login-redesign-v3 .form-panel::after{
  content:"";
  position:absolute;
  width:260px;
  height:260px;
  bottom:-170px;
  inset-inline-end:8%;
  border-radius:50%;
  border:1px solid rgba(151,89,231,.08);
  background:rgba(255,255,255,.16);
  pointer-events:none;
}

.login-shell.login-redesign-v3 .top-actions{
  position:absolute;
  top:22px;
  inset-inline:28px;
  z-index:10;
  display:flex;
  align-items:center;
  justify-content:space-between;
  direction:rtl;
}

.login-shell.login-redesign-v3 .back-home{
  color:#38516b;
  font-family:inherit;
  font-size:12px;
  font-weight:700;
  text-decoration:none;
}

.login-shell.login-redesign-v3 .lang-switch{
  display:inline-flex;
  gap:2px;
  padding:4px;
  border:1px solid #dce6ee;
  border-radius:13px;
  background:rgba(237,243,248,.92);
  box-shadow:none;
}

.login-shell.login-redesign-v3 .lang-switch button{
  min-width:42px;
  height:32px;
  border:0;
  border-radius:9px;
  color:#687b8f;
  background:transparent;
  font-family:inherit;
  font-size:10px;
  font-weight:800;
  cursor:pointer;
}

.login-shell.login-redesign-v3 .lang-switch button.active{
  color:#173454;
  background:#fff;
  box-shadow:0 8px 18px -14px rgba(23,52,84,.75);
}

.login-shell.login-redesign-v3 .auth-card{
  position:relative;
  z-index:2;
  width:min(640px,100%);
  margin:0 auto;
  padding:32px 40px 24px;
  border:1px solid #d7e2eb;
  border-radius:24px;
  background:rgba(255,255,255,.985);
  box-shadow:
    0 30px 80px -52px rgba(23,52,84,.72),
    0 1px 0 rgba(255,255,255,.9) inset;
}

.login-shell.login-redesign-v3 .mobile-brand{
  display:flex!important;
  align-items:center;
  justify-content:center;
  margin:0 0 20px;
  padding:0;
  border:0;
  background:transparent;
  box-shadow:none;
}

.login-shell.login-redesign-v3 .mobile-brand .brand-logo{
  display:block;
  width:min(250px,70vw);
  max-width:250px;
  height:auto;
  margin:0;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  filter:none;
  object-fit:contain;
}

.login-shell.login-redesign-v3 .auth-head{
  text-align:center;
}

.login-shell.login-redesign-v3 .auth-head h2{
  margin:0;
  color:#173454;
  font-family:inherit;
  font-size:31px;
  font-weight:900;
  line-height:1.55;
  letter-spacing:-.7px;
}

.login-shell.login-redesign-v3 .auth-head p{
  margin:6px 0 0;
  color:#718396;
  font-family:inherit;
  font-size:13px;
  font-weight:500;
  line-height:1.9;
}

.login-shell.login-redesign-v3 .mode-tabs{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:4px;
  margin:22px 0 18px;
  padding:4px;
  border:1px solid #dfe8f0;
  border-radius:14px;
  background:#eef3f7;
  box-shadow:none;
}

.login-shell.login-redesign-v3 .mode-tabs button{
  min-height:44px;
  border:0;
  border-radius:10px;
  color:#66798e;
  background:transparent;
  font-family:inherit;
  font-size:12px;
  font-weight:800;
  cursor:pointer;
}

.login-shell.login-redesign-v3 .mode-tabs button.active{
  color:#173454;
  background:#fff;
  box-shadow:0 10px 24px -18px rgba(23,52,84,.8);
}

.login-shell.login-redesign-v3 .method-tabs{
  margin-bottom:18px;
}

.login-shell.login-redesign-v3 .method-tabs button{
  min-height:43px;
  border-radius:11px;
  font-family:inherit;
  font-size:11px;
  font-weight:800;
}

.login-shell.login-redesign-v3 .auth-alert{
  margin-bottom:14px;
  padding:11px 13px;
  border-radius:12px;
  font-family:inherit;
  font-size:11px;
  line-height:1.8;
}

.login-shell.login-redesign-v3 .auth-form,
.login-shell.login-redesign-v3 .auth-form *{
  font-family:"AdaVazirmatn",Tahoma,"Segoe UI",Arial,sans-serif;
}

.login-shell.login-redesign-v3 .auth-form>label,
.login-shell.login-redesign-v3 .two-cols label,
.login-shell.login-redesign-v3 .otp-row label,
.login-shell.login-redesign-v3 .register-code label{
  display:grid;
  gap:7px;
  width:100%;
  min-width:0;
  margin-bottom:13px;
  color:#233a54;
  font-size:13px;
  font-weight:700;
  line-height:1.7;
}

.login-shell.login-redesign-v3 .two-cols{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}

.login-shell.login-redesign-v3 .auth-form input{
  display:block;
  width:100%;
  min-width:0;
  height:52px;
  padding:0 15px;
  border:1px solid #cbd9e5;
  border-radius:12px;
  color:#14243b;
  background:#fff;
  box-shadow:none;
  font-family:inherit;
  font-size:14px;
  font-weight:500;
  outline:none;
  transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;
}

.login-shell.login-redesign-v3 .auth-form input::placeholder{
  color:#98a7b6;
  opacity:1;
}

.login-shell.login-redesign-v3 .auth-form input:hover{
  border-color:#afc2d2;
}

.login-shell.login-redesign-v3 .auth-form input:focus{
  border-color:#2c9ca7;
  background:#fff;
  box-shadow:0 0 0 4px rgba(44,156,167,.12);
}

.login-shell.login-redesign-v3 .primary-submit{
  width:100%;
  min-height:52px;
  margin-top:1px;
  border:0;
  border-radius:12px;
  color:#fff;
  background:linear-gradient(135deg,#173454 0%,#247d8f 60%,#497fd4 100%);
  box-shadow:0 17px 32px -23px rgba(23,52,84,.95);
  font-family:inherit;
  font-size:13px;
  font-weight:850;
  cursor:pointer;
  transition:transform .16s ease,box-shadow .16s ease,filter .16s ease;
}

.login-shell.login-redesign-v3 .primary-submit:hover{
  transform:translateY(-1px);
  filter:saturate(1.05);
  box-shadow:0 21px 36px -23px rgba(23,52,84,.95);
}

.login-shell.login-redesign-v3 .primary-submit:active{
  transform:translateY(0);
}

.login-shell.login-redesign-v3 .password-field{
  position:relative;
  width:100%;
  direction:ltr;
}

.login-shell.login-redesign-v3 .password-field input{
  direction:ltr;
  text-align:left;
  padding-left:15px;
  padding-right:58px;
  letter-spacing:normal;
  text-overflow:clip;
}

.login-shell.login-redesign-v3 .password-field .toggle-password{
  position:absolute;
  top:6px;
  right:6px;
  left:auto;
  inset-inline-start:auto;
  inset-inline-end:auto;
  width:40px;
  height:40px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin:0;
  padding:0;
  border:0;
  border-radius:10px;
  color:#3f5973;
  background:#eef4f7;
  box-shadow:none;
  cursor:pointer;
}

.login-shell.login-redesign-v3 .password-field .toggle-password:hover{
  color:#173454;
  background:#e4edf3;
}

.login-shell.login-redesign-v3 .check{
  margin:0 0 14px!important;
  color:#52667d!important;
  font-family:inherit!important;
  font-size:11px!important;
  font-weight:600!important;
}

.login-shell.login-redesign-v3 .otp-row,
.login-shell.login-redesign-v3 .register-code{
  display:grid;
  grid-template-columns:minmax(0,1fr) 112px;
  gap:9px;
}

.login-shell.login-redesign-v3 .resend{
  min-height:52px;
  border:1px solid #cbd9e5;
  border-radius:12px;
  color:#173454;
  background:#f3f7fa;
  font-family:inherit;
  font-size:10.5px;
  font-weight:800;
  cursor:pointer;
}

.login-shell.login-redesign-v3 .register-note{
  margin-top:10px;
  color:#7a8a9c;
  font-family:inherit;
  font-size:10.5px;
  font-weight:500;
  line-height:1.9;
}

.login-shell.login-redesign-v3 .secure-note{
  margin-top:17px;
  padding-top:15px;
  border-top:1px solid #edf1f5;
  color:#8090a1;
  font-family:inherit;
  font-size:10px;
  font-weight:500;
  line-height:1.8;
  text-align:center;
}

@media(max-width:700px){
  .login-shell.login-redesign-v3 .form-panel{
    align-items:flex-start;
    padding:68px 10px 18px;
  }

  .login-shell.login-redesign-v3 .top-actions{
    top:12px;
    inset-inline:10px;
  }

  .login-shell.login-redesign-v3 .auth-card{
    padding:22px 15px 18px;
    border-radius:18px;
  }

  .login-shell.login-redesign-v3 .mobile-brand{
    margin-bottom:16px;
  }

  .login-shell.login-redesign-v3 .mobile-brand .brand-logo{
    width:min(220px,68vw);
  }

  .login-shell.login-redesign-v3 .auth-head h2{
    font-size:25px;
  }

  .login-shell.login-redesign-v3 .auth-head p{
    font-size:12px;
  }

  .login-shell.login-redesign-v3 .two-cols,
  .login-shell.login-redesign-v3 .otp-row,
  .login-shell.login-redesign-v3 .register-code{
    grid-template-columns:minmax(0,1fr);
  }

  .login-shell.login-redesign-v3 .resend{
    width:100%;
    min-height:46px;
    margin:0 0 10px;
  }
}


/* ADA_CRM_REMEMBER_CHECKBOX_FIX_V1 */

.login-shell.login-redesign-v3
.auth-form > label.check{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  justify-self:start!important;
  align-self:center!important;
  flex-direction:row!important;
  gap:9px!important;
  width:auto!important;
  min-width:0!important;
  margin:0 0 14px!important;
  padding:0!important;
  direction:rtl!important;
  white-space:nowrap!important;
  color:#52667d!important;
  font-family:"AdaVazirmatn",Tahoma,"Segoe UI",Arial,sans-serif!important;
  font-size:12px!important;
  font-weight:650!important;
  line-height:1.7!important;
  cursor:pointer!important;
}

.login-shell.login-redesign-v3
.auth-form > label.check > span{
  display:inline-block!important;
  width:auto!important;
  margin:0!important;
  padding:0!important;
  white-space:nowrap!important;
  line-height:1.7!important;
}

.login-shell.login-redesign-v3
.auth-form > label.check >
input[type="checkbox"]{
  appearance:auto!important;
  -webkit-appearance:auto!important;
  position:static!important;
  display:inline-block!important;
  flex:0 0 18px!important;
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  min-height:18px!important;
  max-width:18px!important;
  max-height:18px!important;
  margin:0!important;
  padding:0!important;
  border-radius:4px!important;
  box-shadow:none!important;
  transform:none!important;
  accent-color:#2c9ca7;
  cursor:pointer!important;
}

/* /ADA_CRM_REMEMBER_CHECKBOX_FIX_V1 */


/* ADA_CRM_COMPANY_CREDIT_LINK_V2 */

.login-shell.login-redesign-v3
.secure-note.secure-note-brand{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin-top:17px!important;
  padding-top:15px!important;
  border-top:1px solid #edf1f5!important;
  text-align:center!important;
}

.login-shell.login-redesign-v3
.secure-note.secure-note-brand a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:#526b84!important;
  font-family:"AdaVazirmatn",Tahoma,"Segoe UI",Arial,sans-serif!important;
  font-size:11px!important;
  font-weight:700!important;
  line-height:1.8!important;
  text-decoration:none!important;
  transition:color .18s ease!important;
}

.login-shell.login-redesign-v3
.secure-note.secure-note-brand a:hover{
  color:#247d8f!important;
  text-decoration:underline!important;
  text-underline-offset:4px!important;
}

/* /ADA_CRM_COMPANY_CREDIT_LINK_V2 */


/* ADA_CRM_PASSWORD_VISIBLE_INPUT_FIX_V1 */

.login-shell.login-redesign-v3
.password-field input[name="password"]{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  height:52px!important;
  padding-left:58px!important;
  padding-right:15px!important;
  direction:ltr!important;
  text-align:left!important;
  unicode-bidi:plaintext!important;
  color:#14243b!important;
  -webkit-text-fill-color:#14243b!important;
  caret-color:#173454!important;
  opacity:1!important;
  visibility:visible!important;
  font-family:Arial,Tahoma,sans-serif!important;
  font-size:16px!important;
  font-weight:500!important;
  line-height:normal!important;
  letter-spacing:1px!important;
  text-indent:0!important;
  text-shadow:none!important;
  text-overflow:clip!important;
}

.login-shell.login-redesign-v3
.password-field input[name="password"]::selection{
  color:#14243b!important;
  background:rgba(150,205,205,.38)!important;
  -webkit-text-fill-color:#14243b!important;
}

.login-shell.login-redesign-v3
.password-field input[type="password"]::-ms-reveal,
.login-shell.login-redesign-v3
.password-field input[type="password"]::-ms-clear{
  display:none!important;
  width:0!important;
  height:0!important;
}

.login-shell.login-redesign-v3
.password-field .toggle-password{
  position:absolute!important;
  top:6px!important;
  right:auto!important;
  left:6px!important;
  inset-inline-start:auto!important;
  inset-inline-end:auto!important;
  z-index:3!important;
  width:40px!important;
  height:40px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:10px!important;
  color:#3f5973!important;
  background:#eef4f7!important;
  box-shadow:none!important;
  cursor:pointer!important;
}

/* ADA_CRM_PASSWORD_TOGGLE_SPACING_FIX_V2 */
.login-shell.login-redesign-v3
.password-field input[name="password"]{
  padding-left:58px!important;
  padding-right:15px!important;
}

.login-shell.login-redesign-v3
.password-field .toggle-password{
  left:6px!important;
  right:auto!important;
}
/* /ADA_CRM_PASSWORD_TOGGLE_SPACING_FIX_V2 */

/* /ADA_CRM_PASSWORD_VISIBLE_INPUT_FIX_V1 */

/* /ADA_CRM_LOGIN_VISUAL_REDESIGN_V3 */

/* ADA_CRM_LOGIN_SOFT_RADAR_BEHIND_V3 */

.login-shell.login-redesign-v3 .form-panel{
  position:relative!important;
  isolation:isolate;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:100svh!important;
  width:100%!important;
  padding:78px clamp(14px,4vw,54px) 28px!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 15% 18%,rgba(150,205,205,.15),transparent 29%),
    radial-gradient(circle at 86% 82%,rgba(151,89,231,.07),transparent 31%),
    linear-gradient(145deg,#f8fbfd 0%,#f3f8fb 48%,#f8f6ff 100%)!important;
}

.login-shell.login-redesign-v3 .top-actions{
  position:absolute!important;
  top:18px!important;
  left:24px!important;
  right:24px!important;
  inset-inline:auto!important;
  z-index:20!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  width:auto!important;
  margin:0!important;
  pointer-events:auto!important;
}

.login-shell.login-redesign-v3 .auth-card{
  position:relative!important;
  z-index:6!important;
  width:min(550px,100%)!important;
  margin:0 auto!important;
  background:rgba(255,255,255,.95)!important;
  border-color:rgba(203,218,229,.78)!important;
  box-shadow:0 30px 76px -46px rgba(23,52,84,.48),0 7px 20px rgba(23,52,84,.05)!important;
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}

.login-shell.login-redesign-v3 .crm-soft-radar{
  position:absolute;
  z-index:1;
  left:50%;
  top:50%;
  right:auto;
  width:min(88vw,980px);
  aspect-ratio:1;
  border-radius:50%;
  opacity:.14;
  pointer-events:none;
  transform:translate(-50%,-50%);
  filter:saturate(.72);
}

.login-shell.login-redesign-v3 .crm-soft-radar::before{
  content:"";
  position:absolute;
  inset:-10%;
  border-radius:50%;
  background:radial-gradient(circle,rgba(93,208,211,.08) 0%,rgba(93,208,211,.025) 46%,transparent 72%);
  filter:blur(4px);
}

.login-shell.login-redesign-v3 .crm-soft-radar::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:50%;
  background:conic-gradient(from 18deg,transparent 0deg,rgba(123,214,215,.025) 30deg,rgba(123,214,215,.14) 53deg,rgba(161,135,239,.04) 78deg,transparent 104deg 360deg);
  animation:crmSoftRadarBehindSweepV3 12s linear infinite;
}

.login-shell.login-redesign-v3 .crm-soft-radar-ring{
  position:absolute;
  left:50%;
  top:50%;
  display:block;
  border:1px solid rgba(90,132,165,.13);
  border-radius:50%;
  transform:translate(-50%,-50%);
}
.login-shell.login-redesign-v3 .crm-soft-radar-ring-1{width:34%;height:34%}
.login-shell.login-redesign-v3 .crm-soft-radar-ring-2{width:62%;height:62%}
.login-shell.login-redesign-v3 .crm-soft-radar-ring-3{width:88%;height:88%;border-color:rgba(116,94,203,.09);border-style:dashed}

.login-shell.login-redesign-v3 .crm-soft-radar-axis{position:absolute;z-index:2;display:block;background:rgba(74,119,155,.07)}
.login-shell.login-redesign-v3 .crm-soft-radar-axis-x{left:7%;right:7%;top:50%;height:1px}
.login-shell.login-redesign-v3 .crm-soft-radar-axis-y{top:7%;bottom:7%;left:50%;width:1px}

.login-shell.login-redesign-v3 .crm-soft-radar-sweep{
  position:absolute;
  z-index:3;
  left:50%;
  top:50%;
  width:43%;
  height:1px;
  display:block;
  background:linear-gradient(90deg,rgba(76,182,191,.27),rgba(76,182,191,0));
  box-shadow:0 0 12px rgba(76,182,191,.10);
  transform-origin:left center;
  animation:crmSoftRadarBehindLineV3 12s linear infinite;
}

.login-shell.login-redesign-v3 .crm-soft-radar-dot{
  position:absolute;
  z-index:4;
  display:block;
  width:7px;
  height:7px;
  border-radius:50%;
  background:rgba(66,190,195,.62);
  box-shadow:0 0 0 6px rgba(66,190,195,.04),0 0 15px rgba(66,190,195,.14);
  animation:crmSoftRadarBehindPulseV3 3.8s ease-in-out infinite;
}
.login-shell.login-redesign-v3 .crm-soft-radar-dot-1{top:27%;left:29%}
.login-shell.login-redesign-v3 .crm-soft-radar-dot-2{top:22%;right:27%;width:6px;height:6px;background:rgba(151,89,231,.48);animation-delay:-1.2s}
.login-shell.login-redesign-v3 .crm-soft-radar-dot-3{right:20%;bottom:31%;width:6px;height:6px;animation-delay:-2.1s}

.login-shell.login-redesign-v3 .crm-soft-radar-core{
  position:absolute;
  z-index:5;
  left:50%;
  top:50%;
  width:16px;
  height:16px;
  display:block;
  border:1px solid rgba(73,181,189,.18);
  border-radius:50%;
  background:rgba(255,255,255,.58);
  box-shadow:0 0 0 8px rgba(73,181,189,.028),0 0 24px rgba(73,181,189,.10);
  transform:translate(-50%,-50%);
}

@keyframes crmSoftRadarBehindSweepV3{to{transform:rotate(360deg)}}
@keyframes crmSoftRadarBehindLineV3{to{transform:rotate(360deg)}}
@keyframes crmSoftRadarBehindPulseV3{0%,100%{transform:scale(.82);opacity:.42}50%{transform:scale(1.13);opacity:.78}}

@media(max-width:760px){
  .login-shell.login-redesign-v3 .form-panel{
    align-items:flex-start!important;
    min-height:100dvh!important;
    padding:66px 10px 18px!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
  }
  .login-shell.login-redesign-v3 .top-actions{top:10px!important;left:10px!important;right:10px!important}
  .login-shell.login-redesign-v3 .auth-card{width:min(100%,560px)!important;margin:0 auto!important;background:rgba(255,255,255,.97)!important;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}
  .login-shell.login-redesign-v3 .crm-soft-radar{left:50%;top:35%;width:145vw;max-width:none;opacity:.10;transform:translate(-50%,-50%)}
}

@media(max-width:430px){
  .login-shell.login-redesign-v3 .form-panel{padding-inline:7px!important}
  .login-shell.login-redesign-v3 .top-actions{left:8px!important;right:8px!important}
  .login-shell.login-redesign-v3 .crm-soft-radar{top:28%;width:175vw;opacity:.07}
  .login-shell.login-redesign-v3 .crm-soft-radar-dot-2,
  .login-shell.login-redesign-v3 .crm-soft-radar-dot-3{display:none}
  .login-shell.login-redesign-v3 .crm-soft-radar-ring-3{opacity:.48}
}

@media(prefers-reduced-motion:reduce){
  .login-shell.login-redesign-v3 .crm-soft-radar::after,
  .login-shell.login-redesign-v3 .crm-soft-radar-sweep,
  .login-shell.login-redesign-v3 .crm-soft-radar-dot{animation:none!important}
}

/* /ADA_CRM_LOGIN_SOFT_RADAR_BEHIND_V3 */

/* ADA_CRM_LOGIN_TOP_ACTIONS_CORNERS_V1_R2 */
.login-shell.login-redesign-v3 .top-actions{
  position:absolute!important;
  top:0!important;
  left:0!important;
  right:0!important;
  width:100%!important;
  height:0!important;
  display:block!important;
  margin:0!important;
  padding:0!important;
  z-index:30!important;
  pointer-events:none!important;
}

.login-shell.login-redesign-v3 .top-actions .lang-switch{
  position:absolute!important;
  top:18px!important;
  left:24px!important;
  right:auto!important;
  margin:0!important;
  pointer-events:auto!important;
}

.login-shell.login-redesign-v3 .top-actions .back-home{
  position:absolute!important;
  top:27px!important;
  right:24px!important;
  left:auto!important;
  margin:0!important;
  direction:rtl!important;
  text-align:right!important;
  white-space:nowrap!important;
  pointer-events:auto!important;
}

@media(max-width:760px){
  .login-shell.login-redesign-v3 .top-actions .lang-switch{
    top:10px!important;
    left:10px!important;
  }

  .login-shell.login-redesign-v3 .top-actions .back-home{
    top:19px!important;
    right:10px!important;
  }
}

@media(max-width:430px){
  .login-shell.login-redesign-v3 .top-actions .lang-switch{
    left:8px!important;
  }

  .login-shell.login-redesign-v3 .top-actions .back-home{
    right:8px!important;
  }
}
/* /ADA_CRM_LOGIN_TOP_ACTIONS_CORNERS_V1_R2 */


/* ADA_CRM_REGISTER_COMPANY_LOGO_CSS_V1 */
.company-logo-field-v1{display:grid;gap:8px}
.company-logo-field-v1 input[type="file"]{width:100%;min-height:46px;padding:9px 12px;border:1px solid #cbdbea;border-radius:13px;background:#fff;color:#173454;font:inherit}
.company-logo-field-v1 small{color:#71839a;font-size:11px;line-height:1.7}
.company-logo-preview-v1{width:84px;height:84px;border:1px solid #d7e4ef;border-radius:18px;background:#f7fbfd;display:grid;place-items:center;overflow:hidden}
.company-logo-preview-v1[hidden]{display:none!important}
.company-logo-preview-v1 img{display:block;width:100%;height:100%;object-fit:contain;padding:8px}
/* /ADA_CRM_REGISTER_COMPANY_LOGO_CSS_V1 */