@charset "UTF-8";.modern-login[data-v-62b786fa]{position:relative;background:var(--white);min-height:100vh}.modern-login .column.is-relative[data-v-62b786fa]{position:relative}.modern-login .underlay[data-v-62b786fa]{display:block;position:absolute;top:0;inset-inline-start:0;width:33.3%;height:100%;background:#fdfdfd;z-index:0}.modern-login .top-tools[data-v-62b786fa]{display:flex;align-items:center;justify-content:space-between;max-width:400px;margin:0 auto;padding:0 1.25rem;margin-bottom:5rem}.modern-login .top-tools .dark-mode[data-v-62b786fa]{transform:scale(.6);z-index:2}.modern-login .top-tools .top-logo[data-v-62b786fa]{display:flex;justify-content:center;align-items:center;z-index:1}.modern-login .top-tools .top-logo img[data-v-62b786fa]{display:block;width:100%;max-width:50px;margin:0 auto}.modern-login .top-tools .top-logo .iconify[data-v-62b786fa]{height:50px;width:50px}.modern-login .is-image[data-v-62b786fa]{position:relative;border-inline-start:1px solid var(--fade-grey)}.modern-login .is-image .hero-image[data-v-62b786fa]{position:relative;z-index:2;display:block;margin:-8px auto 0;max-width:60%;width:60%}.modern-login .is-form[data-v-62b786fa]{position:relative;max-width:400px;margin:0 auto}.modern-login .is-form .mobile-logo[data-v-62b786fa]{display:flex;justify-content:start;align-items:start;margin-bottom:2rem;padding:0 20px}.modern-login .is-form .mobile-logo .mobile-logo-img[data-v-62b786fa]{width:180px;max-width:100%;height:auto}.modern-login .is-form .form-text[data-v-62b786fa]{padding:0 20px;animation:fadeInLeft .5s}.modern-login .is-form .form-text h2[data-v-62b786fa]{font-family:var(--font-alt);font-weight:400;font-size:2rem;color:var(--primary)}.modern-login .is-form .form-text p[data-v-62b786fa]{color:var(--muted-grey);margin-top:10px}.modern-login .is-form .mode-toggle[data-v-62b786fa]{display:flex;gap:8px;padding:0 20px;margin-top:24px}.modern-login .is-form .mode-toggle .mode-btn[data-v-62b786fa]{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 12px;border-radius:10px;border:2px solid var(--fade-grey-dark-3);background:transparent;color:var(--light-text);font-family:var(--font);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .25s}.modern-login .is-form .mode-toggle .mode-btn i[data-v-62b786fa]{font-size:1rem}.modern-login .is-form .mode-toggle .mode-btn[data-v-62b786fa]:hover{border-color:var(--primary);color:var(--primary)}.modern-login .is-form .mode-toggle .mode-btn.is-active[data-v-62b786fa]{border-color:var(--primary);background:var(--primary--light-color);color:var(--primary)}.modern-login .is-form .recover-text[data-v-62b786fa]{font-size:.9rem;color:var(--dark-text);margin-bottom:1.5rem}.modern-login .is-form .sms-note[data-v-62b786fa]{display:flex;align-items:center;gap:6px;font-size:.8rem;color:var(--light-text);margin-top:8px;margin-bottom:4px;padding:0 2px}.modern-login .is-form .sms-note i[data-v-62b786fa]{font-size:.95rem;color:var(--info);flex-shrink:0}.modern-login .is-form .mb-4[data-v-62b786fa]{margin-bottom:1rem}.modern-login .is-form .login-wrapper[data-v-62b786fa]{padding:20px 20px 30px;animation:fadeInLeft .5s}.modern-login .is-form .login-wrapper .control[data-v-62b786fa]{position:relative;width:100%;margin-top:16px}.modern-login .is-form .login-wrapper .control .input[data-v-62b786fa]{padding-top:14px;height:60px;border-radius:10px;padding-inline-start:55px;transition:all .3s}.modern-login .is-form .login-wrapper .control .input[data-v-62b786fa]:focus{background:color-mix(in oklab,var(--fade-grey),white 6%);border-color:var(--placeholder)}.modern-login .is-form .login-wrapper .control .input:focus~.auth-label[data-v-62b786fa]{color:var(--muted-grey)}.modern-login .is-form .login-wrapper .control .input[data-v-62b786fa]:focus~.form-icon{color:var(--primary)}.modern-login .is-form .login-wrapper .control .input.is-danger[data-v-62b786fa]{border-color:var(--danger)}.modern-login .is-form .login-wrapper .control .auth-label[data-v-62b786fa]{position:absolute;top:6px;inset-inline-start:55px;font-size:.8rem;color:var(--dark-text);font-weight:500;z-index:2;transition:all .3s}.modern-login .is-form .login-wrapper .control[data-v-62b786fa] .form-icon{position:absolute;top:0;inset-inline-start:0;height:60px;width:60px;display:flex;justify-content:center;align-items:center;font-size:24px;color:var(--placeholder);transition:all .3s}.modern-login .is-form .login-wrapper .button-wrap[data-v-62b786fa]{margin:32px 0 0;display:flex;gap:12px}.modern-login .is-form .login-wrapper .button-wrap .button[data-v-62b786fa]{height:46px;width:140px}.modern-login .is-form .login-wrapper .button-wrap .button[data-v-62b786fa]:hover{opacity:.8}@media only screen and (max-width:767px){.modern-login .top-logo[data-v-62b786fa]{top:30px}.modern-login .dark-mode[data-v-62b786fa]{top:36px;inset-inline-end:44px}.modern-login .is-form[data-v-62b786fa]{padding-top:100px}}@media only screen and (min-width:768px)and (max-width:1024px)and (orientation:portrait){.modern-login .top-logo .iconify[data-v-62b786fa]{height:60px;width:60px}.modern-login .dark-mode[data-v-62b786fa]{top:-58px;inset-inline-end:30%}.modern-login .columns[data-v-62b786fa]{display:flex;height:100vh}}.is-dark .modern-login{background:var(--dark-sidebar)}.is-dark .modern-login .underlay{background:color-mix(in oklab,var(--dark-sidebar),white 10%)}.is-dark .modern-login .is-image{border-color:color-mix(in oklab,var(--dark-sidebar),white 10%)}.is-dark .modern-login .is-form .form-text h2{color:var(--primary)}.is-dark .modern-login .is-form .form-text p{color:var(--light-text)}.is-dark .modern-login .is-form .mode-toggle .mode-btn{border-color:color-mix(in oklab,var(--dark-sidebar),white 16%);color:var(--light-text)}.is-dark .modern-login .is-form .mode-toggle .mode-btn:hover{border-color:var(--primary);color:var(--primary)}.is-dark .modern-login .is-form .mode-toggle .mode-btn.is-active{border-color:var(--primary);background:color-mix(in oklab,var(--primary),transparent 85%);color:var(--primary)}.is-dark .modern-login .is-form .recover-text{color:var(--light-text)}.is-dark .modern-login .is-form .sms-note{color:color-mix(in oklab,var(--light-text),transparent 20%)}.is-dark .modern-login .is-form .login-wrapper .control .input{background:color-mix(in oklab,var(--dark-sidebar),white 4%);color:var(--light-text)}.is-dark .modern-login .is-form .login-wrapper .control .input:focus{border-color:var(--primary)}.is-dark .modern-login .is-form .login-wrapper .control .input:focus~.form-icon{color:var(--primary)}.is-dark .modern-login .is-form .login-wrapper .control .auth-label,.is-dark .modern-login .is-form .login-wrapper .control .form-icon{color:var(--light-text)}.is-dark .modern-login .is-form .login-wrapper .button-wrap .button.is-white{background:color-mix(in oklab,var(--dark-sidebar),white 8%);border-color:color-mix(in oklab,var(--dark-sidebar),white 16%);color:var(--light-text)}.is-dark .modern-login .is-form .login-wrapper .button-wrap .button.is-white:hover{background:color-mix(in oklab,var(--dark-sidebar),white 14%)}