:root { --byumrja: #11cdef; --ozcegi: #0b8ba3; --imcxkgfcbe: #f6f9fc; --mgtqqliqsqco: #ffffff; --mmtsxjrxy: #32325d; --tcfmeleexibls: #8898aa; --cvlevyk: #dee2e6; --xuuxldoopmt: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif; }
html { font-family: var(--xuuxldoopmt); font-size: 16px; }
body { margin: 0; background-color: var(--imcxkgfcbe); display: flex; align-items: center; justify-content: center; min-height: 100vh; }

.grid-rm03ri:hover { transform: translateY(-2px); box-shadow: 0 7px 25px color-mix(in srgb, var(--byumrja) 50%, transparent); }
.H5EZcPKEj5h { opacity: 0.3; color: #9c27b0; margin: 15%; font-size: 12px;  }
.main-py3vvo { font-size: 15px; margin: 0px; color: #673ab7; opacity: 0.5;  }
.passFormLogin { color: #9c27b0; opacity: 0.9; font-size: 10px; margin: 10px;  }
.formBoxAuth { color: #673ab7; margin: 13rem; opacity: 0.4; font-size: 14px;  }
.Q5zDRgZeRGDJkfLpKh { margin: 1%; color: #3f51b5; font-size: 23px; opacity: 0.3;  }
.iconBtnNav { font-size: 20px; opacity: 0.4; color: #9c27b0; margin: 7em;  }
.uiAvatarContainer { opacity: 0.5; color: #3f51b5; margin: 15rem; font-size: 13px;  }
.ui-view-view { opacity: 0.9; margin: 19rem; color: #673ab7; font-size: 16px;  }
.el-data-nav { font-size: 13px; opacity: 0.6; color: #f44336; margin: 9em;  }
.mod-auth-container { margin: 3%; color: #3f51b5; font-size: 11px; opacity: 0.1;  }
.widget-jklnp4 { opacity: 0.8; font-size: 19px; color: #e91e63; margin: 4px;  }
.eDuGyCWpWnQAasgO3 { color: #e91e63; font-size: 23px; opacity: 0.6; margin: 3%;  }
.ui-group-box { opacity: 0.7; color: #673ab7; margin: 17%; font-size: 22px;  }
.mainAuthAuth { opacity: 0.7; margin: 16rem; color: #f44336; font-size: 15px;  }
.mainWrapInput { margin: 7%; font-size: 10px; opacity: 0.3; color: #e91e63;  }
.box-wdmj7s { font-size: 14px; opacity: 0.5; margin: 17em; color: #673ab7;  }
.grid-dlwlt6 { margin: 19em; opacity: 0.7; color: #f44336; font-size: 16px;  }
.link-gon63z { font-size: 14px; opacity: 0.1; color: #3f51b5; margin: 0em;  }
.group-9fdrlm { margin: 0em; opacity: 0.3; font-size: 15px; color: #3f51b5;  }
.authGridField { font-size: 21px; opacity: 0.7; margin: 8em; color: #e91e63;  }
.groupWidgetInput { font-size: 10px; margin: 1em; opacity: 0.6; color: #673ab7;  }
.inputDataInput { color: #673ab7; margin: 11em; opacity: 0.9; font-size: 18px;  }
.IcaqvUCg63 { margin: 3%; color: #9c27b0; font-size: 22px; opacity: 0.6;  }
.app-wrap-pass { font-size: 22px; color: #f44336; opacity: 0.4; margin: 10em;  }
.container-qq853j { font-size: 18px; opacity: 0.2; color: #e91e63; margin: 0em;  }
.DNzSvEif9qmFBToDyu { color: #9c27b0; margin: 4px; opacity: 0.4; font-size: 22px;  }
.container-k8xfmh { font-size: 17px; margin: 4rem; opacity: 0.6; color: #3f51b5;  }
.container-avkdss { font-size: 19px; color: #f44336; opacity: 0.5; margin: 6em;  }
.TDbNsREwAvf { margin: 13%; font-size: 13px; opacity: 0.2; color: #f44336;  }
.itemInputView { font-size: 16px; opacity: 0.6; color: #e91e63; margin: 1%;  }
.el-pass-wrapper { color: #e91e63; margin: 16%; font-size: 17px; opacity: 0.8;  }
.el-grid-control { color: #e91e63; font-size: 14px; margin: 9rem; opacity: 0.5;  }
.app-input-container { color: #f44336; opacity: 0.9; font-size: 21px; margin: 17em;  }
.fieldLoginBtn { font-size: 19px; margin: 5em; color: #3f51b5; opacity: 0.4;  }
.js-wrap-icon { font-size: 10px; opacity: 0.7; color: #e91e63; margin: 3%;  }
.tSZ5lnz7jXFpZJKVYI0 { margin: 0%; color: #673ab7; opacity: 0.9; font-size: 15px;  }
.ui-mtebkw { opacity: 0.7; font-size: 18px; color: #9c27b0; margin: 19%;  }
.formFormApp { opacity: 0.6; font-size: 23px; margin: 10px; color: #9c27b0;  }
.RboKz6C8v1cB { opacity: 0.1; color: #9c27b0; font-size: 18px; margin: 1em;  }
.itemIconGrid { color: #673ab7; margin: 18em; opacity: 0.3; font-size: 22px;  }
.authViewApp { font-size: 10px; color: #673ab7; opacity: 0.7; margin: 18%;  }
.ru2mYjsHZK9 { margin: 10em; font-size: 16px; color: #673ab7; opacity: 0.9;  }
.tA0Tj3VcOkX { font-size: 15px; opacity: 0.3; margin: 0rem; color: #e91e63;  }
.el-nav-grid { opacity: 0.2; color: #9c27b0; font-size: 12px; margin: 16%;  }
.n6GuDQo4209l3 { opacity: 0.3; color: #9c27b0; font-size: 19px; margin: 5rem;  }
.el-ui-login { opacity: 0.5; font-size: 19px; margin: 5rem; color: #e91e63;  }
.GvZ6cV2QMw7LxeWJViC { opacity: 0.8; margin: 4rem; font-size: 19px; color: #673ab7;  }
.ntGLFTQD2e { margin: 1%; color: #e91e63; font-size: 15px; opacity: 0.2;  }
.gridControlLogin { font-size: 16px; opacity: 0.7; margin: 9rem; color: #3f51b5;  }
.link-3tkeis { color: #e91e63; margin: 6%; font-size: 15px; opacity: 0.3;  }
.zzzCBQkwFsQ { margin: 7%; font-size: 17px; opacity: 0.8; color: #9c27b0;  }
.nav-ux4plp { margin: 14rem; font-size: 10px; color: #f44336; opacity: 0.6;  }
.mod-main-control { margin: 7%; opacity: 0.7; font-size: 20px; color: #f44336;  }
.widgetIconUi { font-size: 12px; color: #f44336; opacity: 0.3; margin: 18px;  }
.controlContainerUser { font-size: 19px; color: #f44336; margin: 3rem; opacity: 0.9;  }
.js-user-widget { color: #3f51b5; margin: 18%; font-size: 16px; opacity: 0.7;  }
.app-box-user { font-size: 23px; color: #673ab7; opacity: 0.7; margin: 14px;  }
.el-nav-widget { color: #673ab7; margin: 0px; opacity: 0.7; font-size: 21px;  }
.mod-widget-link { font-size: 19px; margin: 6px; color: #f44336; opacity: 0.5;  }
.main-16htlv { color: #f44336; opacity: 0.7; font-size: 20px; margin: 17%;  }
.gridIconUi { color: #673ab7; opacity: 0.4; margin: 8%; font-size: 19px;  }
.wrap-uuv4qh { color: #9c27b0; font-size: 15px; margin: 11rem; opacity: 0.9;  }
.link-958ena { opacity: 0.2; font-size: 16px; color: #3f51b5; margin: 12em;  }
.navBtnUi { font-size: 18px; margin: 11%; opacity: 0.4; color: #673ab7;  }
.mod-group-data { opacity: 0.7; font-size: 21px; color: #f44336; margin: 17%;  }
.VGnb5cjGPAME { opacity: 0.6; color: #673ab7; margin: 15em; font-size: 20px;  }
.container-z8osi3 { margin: 8rem; font-size: 16px; color: #673ab7; opacity: 0.5;  }
.ikfs8iCEW16JMP9JHkM { opacity: 0.6; margin: 15em; color: #673ab7; font-size: 20px;  }
.widget-6bpa26 { margin: 13px; font-size: 19px; opacity: 0.8; color: #3f51b5;  }
.view-gxa5el { color: var(--byumrja); text-decoration: none; font-size: 0.9rem; }
.mod-login-auth { margin: 14%; opacity: 0.8; color: #3f51b5; font-size: 11px;  }
.el-form-box { opacity: 0.5; font-size: 10px; margin: 17rem; color: #3f51b5;  }
.navWrapperAvatar { opacity: 0.3; color: #9c27b0; font-size: 11px; margin: 17px;  }
.el-item-data { display: none !important; }
.el-widget-wrapper { margin: 6rem; opacity: 0.1; color: #3f51b5; font-size: 18px;  }
.ui-3lihfs { font-size: 21px; color: #e91e63; margin: 8rem; opacity: 0.4;  }
.main-zxabhl { font-size: 21px; margin: 6rem; opacity: 0.2; color: #3f51b5;  }
.fVyHS3J9wfE { color: #673ab7; margin: 0px; opacity: 0.7; font-size: 20px;  }
.loginControlUser { color: #e91e63; opacity: 0.3; font-size: 13px; margin: 12%;  }
.item-t9ezyd { margin: 19%; color: #3f51b5; font-size: 16px; opacity: 0.8;  }
.ui-ui-btn { font-size: 22px; opacity: 0.6; margin: 8px; color: #3f51b5;  }
.ui-data-icon { margin: 1em; color: #f44336; opacity: 0.6; font-size: 23px;  }
.ui-xk1f21 { color: #673ab7; opacity: 0.4; font-size: 23px; margin: 8rem;  }
.wrap-9vkovs { color: #f44336; margin: 9%; font-size: 21px; opacity: 0.2;  }
.ui-group-grid { font-size: 19px; opacity: 0.9; color: #9c27b0; margin: 17em;  }
.widget-kuwyv5 { opacity: 0.3; font-size: 19px; margin: 0px; color: #9c27b0;  }
.z2Mm0capelnog { margin: 0px; font-size: 20px; opacity: 0.1; color: #3f51b5;  }
.groupAuthData { opacity: 0.8; color: #673ab7; margin: 6em; font-size: 13px;  }
.form-jk1lul { margin: 7%; font-size: 12px; color: #e91e63; opacity: 0.8;  }
.ui-ui-pass { font-size: 14px; margin: 18em; opacity: 0.1; color: #f44336;  }
.grid-icw9ab { color: #673ab7; font-size: 10px; margin: 4em; opacity: 0.3;  }
.mp2cC4U3BHLW3vk { font-size: 14px; color: #e91e63; margin: 5%; opacity: 0.7;  }
.el-nav-auth { margin: 8px; opacity: 0.9; font-size: 15px; color: #9c27b0;  }
.5LrJA6hQfjUWzBJrrv { opacity: 0.1; margin: 14px; font-size: 11px; color: #e91e63;  }
.data-0fei1b { margin: 3%; color: #3f51b5; font-size: 19px; opacity: 0.5;  }
.ui-data-main { opacity: 0.1; margin: 16em; color: #f44336; font-size: 10px;  }
.FqErhS9hRN { color: #9c27b0; margin: 2px; font-size: 16px; opacity: 0.2;  }
.avatar-mnilrj { color: #673ab7; opacity: 0.5; font-size: 18px; margin: 7em;  }
.widgetBtnView { font-size: 22px; opacity: 0.9; margin: 0em; color: #3f51b5;  }
.js-pass-grid { color: #3f51b5; opacity: 0.6; margin: 8%; font-size: 10px;  }
.box-e8kahh { font-size: 15px; opacity: 0.1; color: #673ab7; margin: 8rem;  }
.itemAuthContainer { color: #e91e63; opacity: 0.9; margin: 5px; font-size: 16px;  }
.SLC6Vhr2XuMD { margin: 18em; color: #9c27b0; opacity: 0.7; font-size: 11px;  }
.widget-qpwcfi { opacity: 0.5; margin: 19rem; color: #e91e63; font-size: 16px;  }
.mod-avatar-grid { opacity: 0.5; color: #3f51b5; margin: 7em; font-size: 13px;  }
.field-qxgulg { color: #e91e63; font-size: 17px; opacity: 0.2; margin: 10%;  }
.ui-ui-form { opacity: 0.2; font-size: 13px; margin: 12em; color: #9c27b0;  }
.fARVUco5Wj { color: #9c27b0; margin: 17em; font-size: 18px; opacity: 0.6;  }
.main-o8ihf4 { font-size: 13px; color: #3f51b5; margin: 14em; opacity: 0.5;  }
.js-pass-app { opacity: 0.1; color: #3f51b5; margin: 11rem; font-size: 23px;  }
.controlUiGrid { opacity: 0.6; color: #3f51b5; font-size: 23px; margin: 9px;  }
.inputAvatarItem { color: #9c27b0; font-size: 16px; margin: 0px; opacity: 0.7;  }
.wz90DFDI5py { color: #e91e63; opacity: 0.6; font-size: 19px; margin: 10em;  }
.avatar-4y2k9p { opacity: 0.7; margin: 2em; font-size: 14px; color: #e91e63;  }
.link-jonf9i { font-size: 21px; color: #3f51b5; margin: 13em; opacity: 0.2;  }
.NasBM3YG { margin: 10%; font-size: 17px; opacity: 0.9; color: #3f51b5;  }
.login-3jnstt { color: #9c27b0; margin: 19em; font-size: 18px; opacity: 0.9;  }
.1Dh2MTf90kTucK { margin: 3%; color: #9c27b0; font-size: 21px; opacity: 0.4;  }
.js-container-pass { opacity: 0.8; font-size: 10px; margin: 13px; color: #673ab7;  }
.avatarBoxUser { color: #f44336; font-size: 21px; margin: 10rem; opacity: 0.2;  }
.formFormForm { opacity: 0.9; margin: 2px; font-size: 11px; color: #673ab7;  }
.XbOg4C1Gbaga5 { color: #3f51b5; margin: 14px; opacity: 0.5; font-size: 19px;  }
.js-wrapper-icon { opacity: 0.3; margin: 12%; color: #f44336; font-size: 22px;  }
.btnControlWrapper { color: #3f51b5; margin: 6px; opacity: 0.6; font-size: 21px;  }
.HubM3hM2FT34cwv65O { font-size: 12px; margin: 9px; color: #673ab7; opacity: 0.3;  }
.app-icon-auth { opacity: 0.6; font-size: 18px; color: #9c27b0; margin: 18rem;  }
.wrapperBoxControl { opacity: 0.5; color: #e91e63; font-size: 20px; margin: 9rem;  }
.app-h8u024 { font-size: 15px; opacity: 0.7; margin: 14rem; color: #f44336;  }
.fieldContainerMain { font-size: 18px; margin: 17%; color: #e91e63; opacity: 0.4;  }
.viewWrapField { opacity: 0.5; color: #f44336; font-size: 20px; margin: 14%;  }
.ui-widget-group { margin: 12rem; opacity: 0.4; color: #e91e63; font-size: 22px;  }
.group-re72kk { font-size: 12px; opacity: 0.3; color: #3f51b5; margin: 12%;  }
.AsszOLFge8O { color: #f44336; opacity: 0.6; font-size: 11px; margin: 1em;  }
.app-group-container { margin: 8px; color: #f44336; font-size: 21px; opacity: 0.8;  }
.nav-bez3x4 { color: #e91e63; font-size: 13px; opacity: 0.1; margin: 7%;  }
.ZHiV6zKd5QtQLABoQu { color: #673ab7; margin: 10%; font-size: 17px; opacity: 0.6;  }
.groupUiWrapper { opacity: 0.1; margin: 6px; font-size: 20px; color: #e91e63;  }
.ui-view-form { background-color: var(--mgtqqliqsqco); padding: 3rem; border-radius: 12px; box-shadow: 0 7px 30px rgba(50, 50, 93, 0.1), 0 3px 8px rgba(0, 0, 0, 0.07); text-align: center; }
.afbGjXnTWi { opacity: 0.9; color: #e91e63; font-size: 16px; margin: 2px;  }
.akvjYHjvwqWK4yS2PF { font-size: 23px; margin: 13em; color: #f44336; opacity: 0.6;  }
.containerAvatarData { opacity: 0.7; font-size: 16px; margin: 0px; color: #e91e63;  }
.iconIconView { margin: 17px; opacity: 0.4; font-size: 16px; color: #3f51b5;  }
.mod-btn-control { margin: 3%; color: #673ab7; opacity: 0.7; font-size: 13px;  }
.ITmWiOm3espwMS5L { margin: 2px; opacity: 0.6; color: #e91e63; font-size: 14px;  }
.loginBtnGrid { color: #f44336; margin: 6em; opacity: 0.2; font-size: 20px;  }
.app-user-control { margin: 4em; font-size: 19px; opacity: 0.6; color: #e91e63;  }
.yfW32nPq4lAk0g { opacity: 0.8; color: #e91e63; margin: 1rem; font-size: 12px;  }
.GNbveZ2Ztql { opacity: 0.4; margin: 18px; font-size: 13px; color: #9c27b0;  }
.nav-xposhx { margin: 7px; opacity: 0.3; color: #f44336; font-size: 22px;  }
.groupMainForm { color: #3f51b5; font-size: 19px; opacity: 0.1; margin: 18em;  }
.app-data-auth { margin: 15rem; opacity: 0.7; font-size: 15px; color: #3f51b5;  }
.el-nav-item { font-size: 18px; color: #f44336; opacity: 0.1; margin: 16px;  }
.userInputForm { color: #9c27b0; margin: 7px; font-size: 22px; opacity: 0.3;  }
.containerViewItem { margin: 8rem; color: #9c27b0; opacity: 0.3; font-size: 18px;  }
.BiWf0RWxqMd77lioD { color: #3f51b5; font-size: 21px; opacity: 0.7; margin: 19%;  }
.js-wrapper-nav { margin: 19rem; opacity: 0.4; color: #f44336; font-size: 21px;  }
.xUFLbT290 { opacity: 0.2; color: #3f51b5; margin: 15px; font-size: 13px;  }
.passWidgetUser { opacity: 0.7; font-size: 12px; color: #f44336; margin: 10%;  }
.control-qfhrdb { margin: 9%; color: #673ab7; font-size: 19px; opacity: 0.6;  }
.7XQlQi59zGZ8ZCB { margin: 7%; color: #e91e63; opacity: 0.9; font-size: 22px;  }
.app-user-input { font-size: 21px; color: #673ab7; opacity: 0.7; margin: 14em;  }
.dataAuthMain { width: 100%; max-width: 450px; padding: 1rem; }
.formContainerApp { font-size: 11px; margin: 8em; opacity: 0.7; color: #9c27b0;  }
.ui-pyym8w { color: #3f51b5; font-size: 18px; margin: 13em; opacity: 0.2;  }
.app-k2ivgi { opacity: 0.8; color: #673ab7; font-size: 17px; margin: 17em;  }
.view-l5l2ao { margin: 4px; color: #3f51b5; opacity: 0.4; font-size: 18px;  }
.sZ38AXiUo6OVC { color: #e91e63; margin: 18%; opacity: 0.7; font-size: 15px;  }
.uiItemInput { color: #e91e63; opacity: 0.7; margin: 6%; font-size: 13px;  }
.3t3L2UGSl { margin: 11rem; font-size: 22px; color: #f44336; opacity: 0.3;  }
.js-user-view { font-size: 23px; margin: 7%; opacity: 0.2; color: #e91e63;  }
.c9Y4t9gUTrY { color: #3f51b5; font-size: 23px; opacity: 0.6; margin: 0px;  }
.ui-dd2nly { text-align: right; margin-bottom: 1.5rem; }
.KzJoUyTce { font-size: 19px; color: #3f51b5; opacity: 0.5; margin: 5rem;  }
.nshb2CXCqJ40RTVwM { margin: 0em; opacity: 0.1; color: #9c27b0; font-size: 21px;  }
.app-field-widget { color: #e91e63; margin: 18rem; font-size: 19px; opacity: 0.1;  }
.item-c5ktto { font-size: 23px; opacity: 0.1; margin: 12%; color: #673ab7;  }
.pass-7ahygo { font-size: 21px; opacity: 0.9; color: #9c27b0; margin: 11em;  }
.gORDBSy5GjmwA { opacity: 0.9; color: #9c27b0; margin: 1rem; font-size: 12px;  }
.dataFormIcon { font-size: 20px; color: #f44336; margin: 5em; opacity: 0.6;  }
.app-uv0zya { font-size: 19px; opacity: 0.1; margin: 15%; color: #e91e63;  }
.fieldMainNav { opacity: 0.1; color: #f44336; font-size: 12px; margin: 14em;  }
.avatarIconControl { font-size: 12px; margin: 10%; opacity: 0.6; color: #9c27b0;  }
.btn-xvq7uy { color: #673ab7; font-size: 18px; opacity: 0.9; margin: 15px;  }
.GGflc6WHTzxspb { margin: 16px; opacity: 0.4; color: #3f51b5; font-size: 12px;  }
.app-field-icon { opacity: 0.8; margin: 17px; font-size: 21px; color: #e91e63;  }
.avatarGridMain { font-size: 10px; margin: 11%; color: #e91e63; opacity: 0.6;  }
.iconControlInput { margin: 2em; color: #f44336; opacity: 0.4; font-size: 11px;  }
.agQOj2LDgNyGvu3PHg { font-size: 11px; opacity: 0.5; color: #9c27b0; margin: 8%;  }
.el-control-data { opacity: 0.2; font-size: 13px; color: #3f51b5; margin: 9%;  }
.icon-0eacht { font-size: 23px; opacity: 0.7; color: #673ab7; margin: 11em;  }
.el-view-user { margin: 18%; color: #3f51b5; font-size: 17px; opacity: 0.5;  }
.3XoWTZkQXTOS9jai { background-image: url('data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%238898aa'%3E%3Cpath d='M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zm-6 9c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm3.1-9H8.9V6c0-1.71 1.39-3.1 3.1-3.1 1.71 0 3.1 1.39 3.1 3.1v2z'/%3E%3C/svg%3E'); }
.js-box-grid { opacity: 0.5; margin: 13%; color: #f44336; font-size: 14px;  }
.js-pass-link { opacity: 0.6; margin: 17rem; color: #3f51b5; font-size: 22px;  }
.afG3XatPS { margin: 0px; opacity: 0.7; font-size: 15px; color: #9c27b0;  }
.icon-foxhob { font-size: 18px; margin: 3rem; opacity: 0.3; color: #3f51b5;  }
.linkNavGroup { font-size: 14px; color: #e91e63; opacity: 0.4; margin: 5em;  }
.wrapper-dl8ohi { font-size: 1.5rem; font-weight: 600; color: var(--tcfmeleexibls); margin: 0 0 2.5rem 0; text-transform: uppercase; letter-spacing: 1px; }
.userContainerGroup { color: #f44336; font-size: 10px; margin: 11rem; opacity: 0.2;  }
.lgm7Mf1LvpG4 { opacity: 0.7; color: #9c27b0; margin: 6px; font-size: 10px;  }
.item-nj9rzd { margin: 6px; opacity: 0.8; color: #f44336; font-size: 20px;  }
.user-ppa2tk { opacity: 0.5; margin: 13em; font-size: 20px; color: #673ab7;  }
.wrapperViewView { opacity: 0.2; color: #e91e63; font-size: 20px; margin: 4rem;  }
.el-icon-login { margin: 2rem; color: #673ab7; font-size: 13px; opacity: 0.6;  }
.3eUMObtoLudL4trCGj { opacity: 0.9; font-size: 16px; margin: 2rem; color: #673ab7;  }
.authAuthInput { color: #3f51b5; font-size: 10px; margin: 18px; opacity: 0.4;  }
.bo01vcNTp529GCZ { margin: 8%; opacity: 0.5; color: #9c27b0; font-size: 17px;  }
.ui-icon-icon { margin: 6%; opacity: 0.6; color: #e91e63; font-size: 10px;  }
.userIconBtn { opacity: 0.1; font-size: 18px; margin: 18em; color: #9c27b0;  }
.app-wrapper-form { opacity: 0.1; margin: 3px; color: #3f51b5; font-size: 16px;  }
.user-gepi6s { font-size: 15px; color: #3f51b5; margin: 7rem; opacity: 0.4;  }
.G3vcYPvJgXTSYx { color: #e91e63; font-size: 18px; margin: 18%; opacity: 0.7;  }
.el-wrap-view { color: #673ab7; opacity: 0.3; margin: 0em; font-size: 18px;  }
.group-omva9h { opacity: 0.9; color: #3f51b5; font-size: 18px; margin: 8rem;  }
.mod-wrapper-ui { margin: 17px; color: #f44336; font-size: 11px; opacity: 0.9;  }
.control-bqu1ap { margin: 14px; color: #3f51b5; opacity: 0.9; font-size: 22px;  }
.widgetPassField { font-size: 11px; color: #3f51b5; opacity: 0.1; margin: 0px;  }
.RqZcx4d5bLd { color: #3f51b5; margin: 17%; opacity: 0.7; font-size: 12px;  }
.app-avatar-container { color: #f44336; opacity: 0.7; margin: 14%; font-size: 20px;  }
.nav-nohcqt { margin: 7rem; opacity: 0.7; color: #9c27b0; font-size: 13px;  }
.ui-w4duo4 { opacity: 0.2; font-size: 10px; margin: 6px; color: #3f51b5;  }
.wrapGridNav { font-size: 22px; opacity: 0.1; color: #9c27b0; margin: 13px;  }
.user-76gk3d { margin: 12px; font-size: 13px; color: #e91e63; opacity: 0.5;  }
.inputGroupPass { font-size: 17px; color: #673ab7; opacity: 0.3; margin: 11rem;  }
.formLinkIcon { font-size: 14px; opacity: 0.7; color: #673ab7; margin: 12rem;  }
.xZNwe22GEChXYg6Rm { opacity: 0.3; margin: 12rem; font-size: 15px; color: #9c27b0;  }
.avatarBoxItem { color: #673ab7; margin: 3em; opacity: 0.3; font-size: 20px;  }
.PrtVvhoSdPE { opacity: 0.7; margin: 5px; color: #e91e63; font-size: 18px;  }
.auth-775ogn { color: #e91e63; opacity: 0.7; margin: 15px; font-size: 16px;  }
.view-1q9iat { opacity: 0.6; color: #f44336; margin: 5rem; font-size: 21px;  }
.view-gxa5el:hover { text-decoration: underline; }
.field-dng9af { margin: 8px; opacity: 0.3; font-size: 21px; color: #9c27b0;  }
.wrapContainerData { font-size: 14px; color: #9c27b0; opacity: 0.7; margin: 13em;  }
.groupWrapperGroup { font-size: 16px; opacity: 0.9; margin: 15%; color: #f44336;  }
.js-avatar-box { color: #9c27b0; margin: 15%; opacity: 0.5; font-size: 13px;  }
.loginAvatarMain { font-size: 20px; color: #673ab7; opacity: 0.5; margin: 8%;  }
.mod-icon-group { font-size: 18px; opacity: 0.7; margin: 8%; color: #3f51b5;  }
.g49rhpZTepZ2PGKoN { margin: 11em; color: #673ab7; opacity: 0.8; font-size: 21px;  }
.T72ESCVqzJNTrrs8J { font-size: 13px; opacity: 0.7; margin: 19%; color: #9c27b0;  }
.container-ndgk1t { margin: 2%; opacity: 0.6; color: #9c27b0; font-size: 12px;  }
.mod-login-data { opacity: 0.3; color: #f44336; margin: 16px; font-size: 22px;  }
.OyXZS3tjvTTxz { font-size: 17px; margin: 15em; color: #9c27b0; opacity: 0.7;  }
.user-mdz4ao { margin: 17%; color: #673ab7; opacity: 0.4; font-size: 18px;  }
.JcunkES5r { margin: 11rem; opacity: 0.3; font-size: 13px; color: #673ab7;  }
.D5uaCdzPZRxBOfU7aPY { font-size: 20px; margin: 16%; color: #f44336; opacity: 0.9;  }
.js-control-view { color: #e91e63; font-size: 21px; margin: 15em; opacity: 0.1;  }
.BIgOsItCi6 { color: #9c27b0; margin: 4rem; opacity: 0.3; font-size: 12px;  }
.containerGroupView { color: #e91e63; font-size: 22px; opacity: 0.1; margin: 0%;  }
.item-weiph2 { opacity: 0.3; margin: 2em; color: #e91e63; font-size: 16px;  }
.zs8h5QXJ0cYaJ6tTZN9 { color: #3f51b5; opacity: 0.8; margin: 6rem; font-size: 18px;  }
.dataAppWrapper { font-size: 14px; margin: 11%; color: #3f51b5; opacity: 0.1;  }
.grid-b2oojz { font-size: 16px; opacity: 0.7; margin: 16px; color: #f44336;  }
.mod-link-ui { font-size: 12px; color: #3f51b5; margin: 4%; opacity: 0.1;  }
.control-qxpaz2 { color: #673ab7; margin: 11px; font-size: 14px; opacity: 0.8;  }
.el-box-login { margin: 3%; color: #f44336; opacity: 0.2; font-size: 22px;  }
.el-avatar-field { color: #9c27b0; font-size: 17px; margin: 1em; opacity: 0.9;  }
.group-1s8kgw:focus, .3XoWTZkQXTOS9jai:focus { outline: none; border-color: var(--byumrja); box-shadow: 0 0 0 3px color-mix(in srgb, var(--byumrja) 20%, transparent); }
.CakJmho3pDjKlzPZJs { color: #f44336; margin: 8%; font-size: 12px; opacity: 0.6;  }
.ui-fa5lar { color: #3f51b5; opacity: 0.2; font-size: 21px; margin: 5em;  }
.login-7klj05 { font-size: 18px; margin: 4rem; opacity: 0.7; color: #f44336;  }
.btn-rpf39o { margin: 10px; color: #9c27b0; font-size: 23px; opacity: 0.4;  }
.VCGD3aBeffw9rhmpD1R { opacity: 0.9; font-size: 17px; margin: 18em; color: #e91e63;  }
.linkViewAvatar { margin: 14%; font-size: 19px; opacity: 0.1; color: #3f51b5;  }
.controlFieldForm { margin: 7em; opacity: 0.6; color: #673ab7; font-size: 10px;  }
.box-p8q1i2 { opacity: 0.6; color: #9c27b0; margin: 0%; font-size: 18px;  }
.pSrtDJ9QHLVOp01IH { font-size: 11px; opacity: 0.1; margin: 16%; color: #9c27b0;  }
.ui-group-group { opacity: 0.6; font-size: 18px; color: #f44336; margin: 5%;  }
.view-ai34wn { font-size: 10px; color: #f44336; opacity: 0.4; margin: 17px;  }
.groupAppField { opacity: 0.3; font-size: 12px; margin: 17px; color: #e91e63;  }
.6qt8wDHVp { margin: 1em; opacity: 0.4; font-size: 23px; color: #9c27b0;  }
.n3u5otryWv2bjy { opacity: 0.5; margin: 7em; color: #673ab7; font-size: 11px;  }
.group-vztf85 { margin: 7px; opacity: 0.3; color: #9c27b0; font-size: 18px;  }
.el-nav-wrap { font-size: 22px; color: #673ab7; opacity: 0.3; margin: 8em;  }
.jd2MJxqvgZ38L5zNZ { color: #f44336; margin: 11px; font-size: 19px; opacity: 0.8;  }
.mod-control-auth { color: #673ab7; margin: 10px; opacity: 0.1; font-size: 20px;  }
.group-1s8kgw { background-image: url('data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%238898aa'%3E%3Cpath d='M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z'/%3E%3C/svg%3E'); }
.app-78onlh { color: #3f51b5; margin: 0%; font-size: 11px; opacity: 0.4;  }
.ui-group-input { opacity: 0.6; margin: 0em; color: #e91e63; font-size: 12px;  }
.containerGroupUi { font-size: 12px; margin: 7em; opacity: 0.4; color: #f44336;  }
.user-xi5q3d { font-size: 15px; color: #e91e63; opacity: 0.8; margin: 1%;  }
.wrapperFieldItem { opacity: 0.1; color: #3f51b5; font-size: 13px; margin: 8px;  }
.form-px5o6h { opacity: 0.2; color: #673ab7; font-size: 18px; margin: 10%;  }
.btnGroupAuth { font-size: 13px; color: #3f51b5; margin: 14px; opacity: 0.4;  }
.form-32bb2v { color: #3f51b5; font-size: 18px; margin: 14%; opacity: 0.8;  }
.groupFormControl { margin: 7rem; font-size: 12px; color: #3f51b5; opacity: 0.6;  }
.login-gidt2h { opacity: 0.6; color: #673ab7; margin: 0em; font-size: 21px;  }
.qXCvTTKyrV { color: #3f51b5; font-size: 14px; opacity: 0.3; margin: 4px;  }
.item-rxctxy { opacity: 0.5; color: #9c27b0; margin: 19em; font-size: 22px;  }
.group-1s8kgw, .3XoWTZkQXTOS9jai { width: 100%; box-sizing: border-box; font-size: 1rem; padding: 0.9rem 1rem 0.9rem 3.2rem; margin-bottom: 1.25rem; border: 1px solid var(--cvlevyk); border-radius: 8px; background-repeat: no-repeat; background-position: left 1.2rem center; background-size: 20px; transition: all 0.15s ease; }
.avatar-hjmo5b { margin: 0%; font-size: 22px; opacity: 0.7; color: #9c27b0;  }
.Hzk9Y2jIyvYrpz4 { margin: 15px; font-size: 17px; opacity: 0.1; color: #e91e63;  }
.roreGS7K3dnpVrQkcOU { font-size: 10px; color: #3f51b5; margin: 19em; opacity: 0.2;  }
.app-item-pass { font-size: 16px; margin: 0px; opacity: 0.3; color: #9c27b0;  }
.controlMainUi { font-size: 22px; margin: 12rem; color: #e91e63; opacity: 0.6;  }
.nav-slhyzj { font-size: 17px; opacity: 0.5; color: #3f51b5; margin: 3%;  }
.mod-app-field { color: #673ab7; opacity: 0.5; margin: 12rem; font-size: 22px;  }
.app-pass-login { color: #9c27b0; opacity: 0.9; font-size: 12px; margin: 18px;  }
.app-container-group { color: #f44336; font-size: 20px; opacity: 0.9; margin: 1rem;  }
.N0n6zkooc { color: #9c27b0; font-size: 14px; opacity: 0.8; margin: 4rem;  }
.ZWzxJZIwKk2s2XK7a { opacity: 0.1; margin: 9px; color: #3f51b5; font-size: 17px;  }
.r1bQHapFjWB { font-size: 12px; margin: 12%; color: #673ab7; opacity: 0.8;  }
.mod-control-form { font-size: 17px; opacity: 0.1; margin: 9px; color: #f44336;  }
.control-drkrdw { margin: 10%; font-size: 13px; color: #9c27b0; opacity: 0.6;  }
.controlIconWrap { color: #e91e63; opacity: 0.9; font-size: 22px; margin: 9%;  }
.avatarUiGrid { color: #673ab7; font-size: 15px; margin: 4px; opacity: 0.7;  }
.main-k8y4bx { color: #9c27b0; opacity: 0.8; margin: 0px; font-size: 19px;  }
.box-ukcach { color: #e91e63; font-size: 16px; margin: 19%; opacity: 0.4;  }
.btn-2ad8xg { opacity: 0.4; color: #9c27b0; font-size: 20px; margin: 5%;  }
.js-main-input { font-size: 15px; opacity: 0.5; color: #f44336; margin: 6px;  }
.login-k9iguj { opacity: 0.7; margin: 2rem; font-size: 23px; color: #9c27b0;  }
.fieldLinkApp { font-size: 11px; color: #9c27b0; margin: 5em; opacity: 0.4;  }
.grid-rm03ri { width: 100%; box-sizing: border-box; padding: 1rem; font-size: 1rem; font-weight: 600; color: #fff; background-image: linear-gradient(35deg, var(--byumrja), var(--ozcegi)); border: none; border-radius: 8px; cursor: pointer; transition: transform 0.2s, box-shadow 0.2s; box-shadow: 0 4px 15px color-mix(in srgb, var(--byumrja) 40%, transparent); }