@import url('https://cdn.jsdelivr.net/gh/rastikerdar/vazir-font@v30.1.0/dist/font-face.css');
/* Auth pages v7.3 - separate entrances, shared backend */
:root{--auth-navy:#0b2f55;--auth-blue:#1d7bf3;--auth-bg:#f3f8fe;--auth-line:#dfe9f5;--auth-text:#12314f;--auth-muted:#6f8297;--auth-white:#fff;--auth-shadow:0 14px 36px rgba(27,65,105,.10)}
*{box-sizing:border-box}
body.auth-v73{margin:0;min-height:100vh;background:linear-gradient(145deg,#f7fbff 0%,#edf5fd 100%);font-family:Vazir,Vazirmatn,Tahoma,Arial,sans-serif;color:var(--auth-text);display:flex;align-items:center;justify-content:center;padding:24px;direction:rtl}
.auth-wrap{width:min(100%,920px);display:grid;grid-template-columns:1fr 1.1fr;background:#fff;border:1px solid var(--auth-line);border-radius:20px;overflow:hidden;box-shadow:var(--auth-shadow);min-height:520px}
.auth-side{background:linear-gradient(160deg,#0b2f55,#104a7b);color:#fff;padding:44px 38px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}
.auth-side:after{content:"";position:absolute;width:260px;height:260px;border:42px solid rgba(255,255,255,.055);border-radius:50%;left:-105px;bottom:-105px}
.auth-brand{display:flex;align-items:center;gap:12px;position:relative;z-index:1}.auth-brand .mark{width:42px;height:42px;border-radius:12px;background:#fff;color:#ff8a00;display:grid;place-items:center;font-size:24px}.auth-brand b{font-size:18px}.auth-brand small{display:block;margin-top:3px;opacity:.72;font-size:11px}
.auth-side h2{font-size:25px;line-height:1.7;margin:26px 0 8px;position:relative;z-index:1}.auth-side p{font-size:12px;line-height:2;opacity:.8;margin:0;position:relative;z-index:1}.auth-role-pill{align-self:flex-start;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:8px 13px;font-size:11px;position:relative;z-index:1}
.auth-main{padding:38px 42px;display:flex;flex-direction:column;justify-content:center}.auth-main h1{font-size:24px;margin:0 0 7px;color:#0b2f55}.auth-lead{color:var(--auth-muted);font-size:12px;margin:0 0 24px}.auth-main .field{margin-bottom:14px}.auth-main label{display:block;font-size:12px;font-weight:700;margin-bottom:7px;color:#294661}.auth-main input{width:100%;height:43px;border:1px solid #d7e4f1;border-radius:10px;padding:0 12px;font-family:inherit;font-size:13px;outline:none;background:#fbfdff}.auth-main input:focus{border-color:#72aef9;box-shadow:0 0 0 3px rgba(29,123,243,.09)}
.auth-grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.auth-span2{grid-column:1/-1}.auth-actions{display:flex;gap:9px;align-items:center;margin-top:8px;flex-wrap:wrap}.auth-btn{border:0;border-radius:10px;height:42px;padding:0 22px;font-family:inherit;font-size:12px;font-weight:700;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;background:var(--auth-blue);color:#fff}.auth-btn.secondary{background:#eef5fd;color:#1c64b3}.auth-links{margin-top:18px;font-size:11px;color:var(--auth-muted);display:flex;gap:10px;flex-wrap:wrap}.auth-links a{color:#176ed0;text-decoration:none}.auth-notice{border-radius:10px;padding:10px 12px;font-size:11px;margin-bottom:14px}.auth-notice.error{background:#fff0f1;color:#b4232d;border:1px solid #ffd5d9}.auth-notice.success{background:#edf9f2;color:#187544;border:1px solid #ccebd9}
.auth-choice{width:min(100%,760px);background:#fff;border:1px solid var(--auth-line);border-radius:20px;box-shadow:var(--auth-shadow);padding:34px}.auth-choice h1{margin:0 0 6px;font-size:24px;color:#0b2f55}.auth-choice>p{font-size:12px;color:var(--auth-muted);margin:0 0 24px}.auth-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.auth-card{border:1px solid #dce8f4;border-radius:14px;padding:20px 14px;text-decoration:none;color:#173a5c;text-align:center;background:#fbfdff;transition:.15s}.auth-card:hover{transform:translateY(-2px);border-color:#9fc7f8;box-shadow:0 8px 20px rgba(27,85,145,.08)}.auth-card i{width:46px;height:46px;margin:0 auto 10px;border-radius:13px;background:#eaf4ff;display:grid;place-items:center;font-style:normal;font-size:22px}.auth-card b{display:block;font-size:14px}.auth-card small{display:block;font-size:10px;color:var(--auth-muted);margin-top:5px;line-height:1.8}
@media(max-width:760px){body.auth-v73{padding:12px}.auth-wrap{grid-template-columns:1fr}.auth-side{padding:24px;min-height:190px}.auth-side h2{font-size:20px;margin:18px 0 5px}.auth-main{padding:25px 20px}.auth-grid2{grid-template-columns:1fr}.auth-cards{grid-template-columns:1fr}.auth-choice{padding:22px}}

html,body,button,input,select,textarea,a,table,th,td,label,span,div,p,h1,h2,h3,h4,h5,h6{font-family:'Vazir',Tahoma,Arial,sans-serif!important;}

/* v8.42 login captcha */
.login-captcha-row{display:grid;grid-template-columns:44px minmax(90px,1fr) 190px;gap:8px;align-items:center;direction:ltr}
.captcha-refresh{height:46px;border:1px solid #d6e1ed;border-radius:7px;background:#fff;color:#092f55;font-size:28px;cursor:pointer}
.captcha-input{height:46px!important;text-align:center!important;direction:ltr!important;font-size:17px!important;letter-spacing:3px!important}
.captcha-image{display:block;width:190px;height:58px;max-width:100%;border-radius:7px;border:1px solid #d9dde2;background:#f1f1ee}
@media(max-width:640px){.login-captcha-row{grid-template-columns:42px 1fr 145px}.captcha-image{width:145px;height:52px}}

/* v8.43 public login chooser: two WHMCS-like graphical icons */
.auth-choice-v843{max-width:760px}
.auth-choice-v843 .auth-cards-two{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.auth-choice-v843 .auth-card{min-height:175px;padding:22px 18px 18px}
.whmcs-login-icon{position:relative;display:block;width:70px;height:70px;margin:0 auto 12px;border-radius:50%;box-sizing:border-box;border:4px solid rgba(255,255,255,.96);box-shadow:0 0 0 2px rgba(33,126,226,.20),0 7px 16px rgba(10,59,105,.18),inset 0 1px 0 rgba(255,255,255,.65)}
.auth-card-media .whmcs-login-icon{background:linear-gradient(145deg,#56c9ff 0%,#1f8be5 47%,#075da9 100%)}
.auth-card-operator .whmcs-login-icon{background:linear-gradient(145deg,#ffbd4b 0%,#ff7b18 48%,#df4f06 100%)}
.media-sheet{position:absolute;left:18px;top:17px;width:32px;height:35px;border:3px solid #fff;border-radius:4px;box-sizing:border-box}
.media-sheet:before{content:"";position:absolute;right:5px;top:6px;width:8px;height:8px;background:#fff;border-radius:1px}
.media-lines{position:absolute;left:25px;top:33px;width:18px;height:3px;background:#fff;border-radius:3px;box-shadow:0 7px 0 #fff}
.operator-head{position:absolute;left:26px;top:15px;width:18px;height:18px;background:#fff;border-radius:50%}
.operator-body{position:absolute;left:18px;top:35px;width:34px;height:24px;background:#fff;border-radius:17px 17px 8px 8px}
.operator-tie{position:absolute;z-index:2;left:32px;top:37px;width:6px;height:15px;background:#ef6b12;clip-path:polygon(50% 0,100% 35%,70% 100%,30% 100%,0 35%)}
.auth-choice-v843 .auth-card b{font-weight:700}
.auth-choice-v843 .auth-card small{margin-top:5px}
.auth-choice-v843 .auth-card-media:hover{border-color:#2196ef;box-shadow:0 8px 22px rgba(31,139,229,.14)}
.auth-choice-v843 .auth-card-operator:hover{border-color:#ff8b28;box-shadow:0 8px 22px rgba(255,123,24,.14)}
@media(max-width:640px){.auth-choice-v843 .auth-cards-two{grid-template-columns:1fr}.auth-choice-v843{max-width:94%}}


/* v8.52 - force all table text to 11px in all three panels */
html body table,
html body table thead,
html body table tbody,
html body table tfoot,
html body table tr,
html body table th,
html body table td,
html body .table,
html body .table thead,
html body .table tbody,
html body .table tfoot,
html body .table tr,
html body .table th,
html body .table td,
html body .table th *,
html body .table td *,
html body .table a,
html body .table span,
html body .table label,
html body .table button,
html body .table input,
html body .table select,
html body .table textarea {
    font-size: 11px !important;
}


/* v8.56 registration required fields */
.required-star{color:#e32636!important;font-size:11px!important;font-weight:700!important}
a.auth-role-pill{text-decoration:none!important;color:#fff!important;cursor:pointer}
a.auth-role-pill:hover{background:rgba(255,255,255,.16)!important}