:root{--mh-brand:#4f46e5}.mainhub-root{--mh-font:Vazirmatn,"Vazir",IRANSans,Tahoma,system-ui,sans-serif;--mh-auth-w:400px;--mh-auth-bg:#fff;--mh-auth-border:#e8ebf2;--mh-auth-bw:1px;--mh-auth-radius:16px;--mh-auth-pad:28px 24px;--mh-auth-shadow:0 8px 30px rgba(15,23,42,.06);--mh-auth-align:center;--mh-text:#0f172a;--mh-muted:#64748b;--mh-title-fs:20px;--mh-title-fw:700;--mh-title-color:var(--mh-text);--mh-logo-bg:var(--mh-brand);--mh-logo-color:#fff;--mh-logo-size:36px;--mh-logo-radius:10px;--mh-brand-fs:15px;--mh-brand-color:var(--mh-text);--mh-label-color:#334155;--mh-label-fs:13px;--mh-in-h:46px;--mh-in-bg:#fff;--mh-in-color:inherit;--mh-in-border:#d5dbe5;--mh-in-radius:10px;--mh-in-fs:15px;--mh-in-focus:var(--mh-brand);--mh-btn-h:46px;--mh-btn-radius:10px;--mh-btn-fs:15px;--mh-btn-fw:600;--mh-btn-bg:var(--mh-brand);--mh-btn-color:#fff;--mh-btn-hover-bg:color-mix(in srgb,var(--mh-btn-bg) 88%,#000);--mh-btn-hover-color:var(--mh-btn-color);--mh-link-color:var(--mh-brand);--mh-gap:14px;color:var(--mh-text);direction:rtl;font-family:var(--mh-font);line-height:1.7;text-align:right}.mainhub-root *,.mainhub-root :after,.mainhub-root :before{box-sizing:border-box}.mainhub-root .mh-boot{color:var(--mh-muted);padding:40px;text-align:center}:is(#mainhub-auth,.mh-auth-root) button{background:none;border:0;box-shadow:none;font:inherit;letter-spacing:normal;margin:0;min-height:0;padding:0;text-transform:none}:is(#mainhub-auth,.mh-auth-root) button:where(:hover,:focus){background:none;box-shadow:none}:is(#mainhub-auth,.mh-auth-root) :where(input){box-shadow:none;letter-spacing:normal;margin:0}:is(#mainhub-auth,.mh-auth-root) h2,:is(#mainhub-auth,.mh-auth-root) p{letter-spacing:normal;margin:0;text-transform:none}:is(#mainhub-auth,.mh-auth-root) a{text-decoration:none}:is(#mainhub-auth,.mh-auth-root) .mh-auth{display:flex;justify-content:var(--mh-auth-align);padding:32px 16px}:is(#mainhub-auth,.mh-auth-root) .mh-auth__card{background:var(--mh-auth-bg);border:var(--mh-auth-bw) solid var(--mh-auth-border);border-radius:var(--mh-auth-radius);box-shadow:var(--mh-auth-shadow);max-width:var(--mh-auth-w);padding:var(--mh-auth-pad);width:100%}:is(#mainhub-auth,.mh-auth-root) .mh-auth__card h2{color:var(--mh-title-color);font-family:var(--mh-title-font,inherit);font-size:var(--mh-title-fs);font-weight:var(--mh-title-fw);margin:0 0 16px}:is(#mainhub-auth,.mh-auth-root) .mh-auth__card form{display:flex;flex-direction:column;gap:var(--mh-gap)}:is(#mainhub-auth,.mh-auth-root) .mh-auth__intro{color:var(--mh-muted);font-size:13px;margin:-8px 0 16px}:is(#mainhub-auth,.mh-auth-root) .mh-auth__brand{align-items:center;display:flex;gap:10px;margin-bottom:20px}:is(#mainhub-auth,.mh-auth-root) .mh-auth__brand strong{color:var(--mh-brand-color);font-size:var(--mh-brand-fs)}:is(#mainhub-auth,.mh-auth-root) .mh-auth__logo{background:var(--mh-logo-bg);border-radius:var(--mh-logo-radius);color:var(--mh-logo-color);display:grid;font-weight:700;height:var(--mh-logo-size);overflow:hidden;place-items:center;width:var(--mh-logo-size)}:is(#mainhub-auth,.mh-auth-root) .mh-auth__logo img{height:100%;object-fit:contain;width:100%}:is(#mainhub-auth,.mh-auth-root) .mh-field{display:flex;flex-direction:column;gap:6px}:is(#mainhub-auth,.mh-auth-root) .mh-field__label{color:var(--mh-label-color);font-size:var(--mh-label-fs);font-weight:500}:is(#mainhub-auth,.mh-auth-root) .mh-field__hint{color:var(--mh-muted);font-size:12px}:is(#mainhub-auth,.mh-auth-root) .mh-input{background:var(--mh-in-bg);border:1px solid var(--mh-in-border);border-radius:var(--mh-in-radius);color:var(--mh-in-color);font:inherit;font-size:var(--mh-in-fs);height:var(--mh-in-h);padding:0 14px;width:100%}:is(#mainhub-auth,.mh-auth-root) .mh-input:focus{border-color:var(--mh-in-focus);box-shadow:0 0 0 3px color-mix(in srgb,var(--mh-in-focus) 18%,transparent);outline:none}:is(#mainhub-auth,.mh-auth-root) .mh-input[dir=ltr]{text-align:left}:is(#mainhub-auth,.mh-auth-root) .mh-input--code{font-size:24px;font-weight:600;letter-spacing:10px;text-align:center!important}:is(#mainhub-auth,.mh-auth-root) .mh-btn{background:var(--mh-btn-bg);border:0;border-radius:var(--mh-btn-radius);color:var(--mh-btn-color);cursor:pointer;font:inherit;font-size:var(--mh-btn-fs);font-weight:var(--mh-btn-fw);height:var(--mh-btn-h);padding:0 20px}:is(#mainhub-auth,.mh-auth-root) .mh-btn--block{width:100%}:is(#mainhub-auth,.mh-auth-root) .mh-btn:not(:disabled):hover{background:var(--mh-btn-hover-bg);color:var(--mh-btn-hover-color)}:is(#mainhub-auth,.mh-auth-root) .mh-btn:disabled{cursor:default;opacity:.6}:is(#mainhub-auth,.mh-auth-root) .mh-link{align-self:center;background:none;border:0;color:var(--mh-link-color);cursor:pointer;font:inherit;font-size:13px;padding:0;text-decoration:none}:is(#mainhub-auth,.mh-auth-root) .mh-link:disabled{color:#94a3b8;cursor:default}:is(#mainhub-auth,.mh-auth-root) .mh-link--muted{color:var(--mh-muted)}:is(#mainhub-auth,.mh-auth-root) .mh-row{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between}:is(#mainhub-auth,.mh-auth-root) .mh-grid2{display:grid;gap:12px;grid-template-columns:1fr 1fr}@media(max-width:380px){:is(#mainhub-auth,.mh-auth-root) .mh-grid2{grid-template-columns:1fr}}:is(#mainhub-auth,.mh-auth-root) .mh-alert{background:#fef2f2;border-radius:10px;color:#991b1b;font-size:13px;margin-bottom:14px;padding:10px 12px}:is(#mainhub-auth,.mh-auth-root) .mh-alert a{color:inherit;text-decoration:underline}:is(#mainhub-auth,.mh-auth-root) .mh-info{background:#f0fdf4;border-radius:10px;color:#166534;font-size:13px;margin:0 0 14px;padding:10px 12px}:is(#mainhub-auth,.mh-auth-root) .mh-hp{border:0!important;clip-path:inset(50%);height:1px!important;inset-inline-start:0!important;opacity:0;overflow:hidden;padding:0!important;pointer-events:none;position:absolute!important;top:0;width:1px!important}:is(#mainhub-auth,.mh-auth-root) .mh-auth .mh-choose{display:flex;flex-direction:column;gap:8px}:is(#mainhub-auth,.mh-auth-root) .mh-auth .mh-choose__item{align-items:flex-start;background:#fff;border:1px solid #e2e8f0;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;font:inherit;gap:2px;padding:12px 14px;text-align:right;width:100%}:is(#mainhub-auth,.mh-auth-root) .mh-auth .mh-choose__item small{color:#64748b;font-size:12px}:is(#mainhub-auth,.mh-auth-root) .mh-auth .mh-choose__item:hover{background:#f8fafc;border-color:var(--mh-brand,#4f46e5)}:is(#mainhub-auth,.mh-auth-root) .mh-auth .mh-choose__item:disabled{cursor:wait;opacity:.6}:is(#mainhub-auth,.mh-auth-root) .mh-auth .mh-hint{color:#64748b;font-size:13px;line-height:1.8;margin:0}
