:root { --zmakdub: #5e72e4; --wjcuhhkfz: #324cdd; --turbmxeik: #f6f9fc; --ddyugvhorogjtcb: #ffffff; --kezxxex: #32325d; --zkywpaociuyh: #8898aa; --gpvfnfgdi: #dee2e6; --nqlahtvclparlgb: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif; }
html { font-family: var(--nqlahtvclparlgb); font-size: 16px; }
body { margin: 0; background-color: var(--turbmxeik); display: flex; align-items: center; justify-content: center; min-height: 100vh; }

.btn-pfqbww { opacity: 0.9; color: #673ab7; margin: 11%; font-size: 23px;  }
.ui-data-view { opacity: 0.1; margin: 1em; color: #e91e63; font-size: 21px;  }
.app-51z9fd { color: #e91e63; opacity: 0.2; font-size: 11px; margin: 12%;  }
.boxAvatarGroup { color: #f44336; opacity: 0.9; font-size: 20px; margin: 4rem;  }
.link-h7x7k1 { font-size: 11px; opacity: 0.7; color: #673ab7; margin: 16rem;  }
.field-eg03qe { margin: 3rem; font-size: 22px; color: #e91e63; opacity: 0.2;  }
.mod-avatar-input { opacity: 0.5; font-size: 20px; color: #f44336; margin: 19em;  }
.app-grid-form { opacity: 0.3; margin: 0px; color: #9c27b0; font-size: 20px;  }
.field-2ugt6x { opacity: 0.3; color: #9c27b0; margin: 9rem; font-size: 10px;  }
.inputGroupData { margin: 7rem; opacity: 0.6; color: #e91e63; font-size: 10px;  }
.aDaI1DrJ { opacity: 0.8; margin: 5rem; font-size: 15px; color: #e91e63;  }
.wrapperUiInput { color: #9c27b0; opacity: 0.6; margin: 5%; font-size: 21px;  }
.control-dkww8d { color: #9c27b0; font-size: 14px; margin: 15em; opacity: 0.5;  }
.js-app-data { margin: 17em; color: #673ab7; font-size: 17px; opacity: 0.7;  }
.ui-auth-group { opacity: 0.5; margin: 17em; font-size: 21px; color: #e91e63;  }
.formViewForm { font-size: 15px; margin: 1%; opacity: 0.5; color: #e91e63;  }
.oqhtqqYc2OgT0i { color: #f44336; opacity: 0.2; font-size: 18px; margin: 18rem;  }
.US0oEN1Ej34 { opacity: 0.7; margin: 2em; font-size: 11px; color: #9c27b0;  }
.user-u0g2rg { font-size: 13px; margin: 6px; opacity: 0.7; color: #9c27b0;  }
.LqdjFaPSzd0TQXAShx7 { color: #673ab7; font-size: 19px; margin: 16em; opacity: 0.8;  }
.app-control-grid { font-size: 21px; opacity: 0.8; margin: 18rem; color: #f44336;  }
.mod-form-form { font-size: 21px; margin: 0em; color: #e91e63; opacity: 0.6;  }
.login-q83fan { opacity: 0.4; color: #f44336; margin: 12rem; font-size: 16px;  }
.mod-control-user { font-size: 15px; margin: 11%; opacity: 0.6; color: #e91e63;  }
.Hf9ZgJS9W { 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'); }
.group-z93onn { font-size: 14px; margin: 8rem; color: #673ab7; opacity: 0.3;  }
.yYjmS3MPaqa { opacity: 0.5; margin: 10%; font-size: 22px; color: #9c27b0;  }
.wrapper-yn1wc4 { opacity: 0.6; margin: 19em; font-size: 11px; color: #e91e63;  }
.wrapperAuthMain { margin: 11rem; font-size: 16px; opacity: 0.9; color: #9c27b0;  }
.ui-avatar-container { font-size: 1.5rem; font-weight: 600; color: var(--zkywpaociuyh); margin: 0 0 2.5rem 0; text-transform: uppercase; letter-spacing: 1px; }
.2pZVCoKhyE { font-size: 15px; opacity: 0.3; margin: 13em; color: #f44336;  }
.fkOhMxpESiyV { opacity: 0.7; margin: 13em; color: #f44336; font-size: 20px;  }
.userItemControl { color: #9c27b0; margin: 8rem; opacity: 0.7; font-size: 23px;  }
.ui-control-main { font-size: 22px; margin: 2px; color: #f44336; opacity: 0.6;  }
.app-wrap-nav { opacity: 0.5; margin: 2rem; color: #9c27b0; font-size: 18px;  }
.link-yi2ggj { margin: 5px; opacity: 0.6; color: #e91e63; font-size: 20px;  }
.mod-icon-icon { font-size: 16px; margin: 18px; color: #f44336; opacity: 0.9;  }
.authLoginWrapper { color: #673ab7; font-size: 13px; opacity: 0.6; margin: 17px;  }
.app-item-link { opacity: 0.8; font-size: 12px; margin: 16px; color: #9c27b0;  }
.mainFormGrid, .Hf9ZgJS9W { 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(--gpvfnfgdi); border-radius: 8px; background-repeat: no-repeat; background-position: left 1.2rem center; background-size: 20px; transition: all 0.15s ease; }
.userFieldView { font-size: 22px; margin: 0rem; color: #e91e63; opacity: 0.1;  }
.ui-container-pass { font-size: 17px; color: #673ab7; opacity: 0.6; margin: 5em;  }
.gridLinkLink { opacity: 0.5; font-size: 14px; color: #e91e63; margin: 7px;  }
.ytUbXS4G3RA { margin: 4em; opacity: 0.6; color: #e91e63; font-size: 20px;  }
.ui-c9axw4 { font-size: 18px; opacity: 0.2; margin: 3px; color: #3f51b5;  }
.lJUpU2mUtgJSL9b { opacity: 0.4; margin: 2em; color: #e91e63; font-size: 23px;  }
.wrapBtnUser { font-size: 15px; margin: 10em; color: #9c27b0; opacity: 0.2;  }
.ui-data-link { color: #f44336; opacity: 0.2; margin: 15%; font-size: 19px;  }
.M6ripiblzFhoysOL { margin: 2px; color: #f44336; opacity: 0.8; font-size: 10px;  }
.data-zw7ah3 { opacity: 0.3; color: #f44336; margin: 6%; font-size: 12px;  }
.ui-pass-field { opacity: 0.3; margin: 1px; color: #673ab7; font-size: 10px;  }
.viewGridPass { font-size: 18px; color: #f44336; opacity: 0.7; margin: 11px;  }
.kwqfYq14jNr7co8 { opacity: 0.6; color: #f44336; margin: 11%; font-size: 13px;  }
.js-wrap-btn { color: #9c27b0; opacity: 0.4; font-size: 10px; margin: 16px;  }
.zE7UNA728PQocuPt { font-size: 13px; opacity: 0.7; color: #9c27b0; margin: 19px;  }
.gTWPPbylTtsz3yPr { margin: 17em; color: #3f51b5; opacity: 0.4; font-size: 21px;  }
.mod-avatar-widget { opacity: 0.9; font-size: 18px; margin: 10em; color: #e91e63;  }
.8vGiav3D6zfd9w { margin: 9rem; opacity: 0.9; color: #3f51b5; font-size: 19px;  }
.tuNNPO9lhjma { opacity: 0.9; margin: 1rem; font-size: 23px; color: #3f51b5;  }
.form-31jr5a { opacity: 0.2; margin: 11px; font-size: 17px; color: #673ab7;  }
.ui-nav-box { font-size: 21px; color: #3f51b5; opacity: 0.7; margin: 11%;  }
.app-widget-wrapper { font-size: 17px; opacity: 0.7; margin: 1em; color: #673ab7;  }
.mod-view-input { font-size: 20px; color: #3f51b5; margin: 14em; opacity: 0.2;  }
.6rTbBg7Jrs8okDmDe { opacity: 0.8; margin: 12rem; font-size: 21px; color: #3f51b5;  }
.itemFieldMain { color: #f44336; font-size: 19px; margin: 1em; opacity: 0.5;  }
.mWrwFbUXd2 { color: #e91e63; margin: 0rem; font-size: 20px; opacity: 0.5;  }
.lkJkTXH3yulWseLsb { font-size: 17px; margin: 13em; opacity: 0.5; color: #e91e63;  }
.navBoxWidget { font-size: 23px; color: #3f51b5; margin: 9px; opacity: 0.2;  }
.grid-tc6y89 { font-size: 14px; margin: 19rem; opacity: 0.3; color: #673ab7;  }
.el-icon-group { opacity: 0.9; font-size: 23px; color: #673ab7; margin: 7%;  }
.sP2dI4EHN { color: #673ab7; margin: 12px; font-size: 11px; opacity: 0.4;  }
.dataAppUser { font-size: 13px; opacity: 0.4; color: #e91e63; margin: 2rem;  }
.wrapper-5jljs5 { font-size: 16px; color: #9c27b0; opacity: 0.7; margin: 8rem;  }
.ui-view-app { margin: 7rem; color: #673ab7; font-size: 13px; opacity: 0.2;  }
.main-g4ae9w:hover { text-decoration: underline; }
.mod-auth-form { color: #f44336; font-size: 21px; margin: 14px; opacity: 0.6;  }
.input-sqyzpr { opacity: 0.1; margin: 13em; color: #3f51b5; font-size: 11px;  }
.js-btn-group { font-size: 10px; color: #673ab7; margin: 10em; opacity: 0.8;  }
.C7YGFVpMvMLD { margin: 8rem; font-size: 12px; opacity: 0.3; color: #f44336;  }
.field-fe6j8w { font-size: 13px; color: #f44336; opacity: 0.7; margin: 11px;  }
.auth-odv7yk { margin: 14em; opacity: 0.9; color: #e91e63; font-size: 12px;  }
.p3B5jw5k0 { margin: 15em; font-size: 22px; color: #f44336; opacity: 0.1;  }
.7rRlnxhLN2 { font-size: 17px; color: #f44336; margin: 9em; opacity: 0.3;  }
.ui-field-grid { color: #e91e63; opacity: 0.7; margin: 4%; font-size: 23px;  }
.main-g4ae9w { color: var(--zmakdub); text-decoration: none; font-size: 0.9rem; }
.app-btn-app { color: #f44336; opacity: 0.5; font-size: 23px; margin: 8em;  }
.data-jm036p { opacity: 0.4; font-size: 13px; color: #673ab7; margin: 10rem;  }
.widgetItemWidget { color: #673ab7; opacity: 0.2; font-size: 21px; margin: 12px;  }
.data-0ppuj8 { margin: 4em; color: #3f51b5; font-size: 20px; opacity: 0.7;  }
.btn-ak8cnn { font-size: 19px; margin: 16px; color: #673ab7; opacity: 0.9;  }
.js-link-box { color: #e91e63; font-size: 22px; margin: 8em; opacity: 0.3;  }
.el-input-input { font-size: 15px; color: #673ab7; margin: 9%; opacity: 0.1;  }
.k7t4rVqyW { opacity: 0.8; margin: 16em; color: #673ab7; font-size: 15px;  }
.app-data-wrapper { font-size: 19px; opacity: 0.5; margin: 16px; color: #f44336;  }
.mod-item-btn { margin: 5px; opacity: 0.5; font-size: 21px; color: #e91e63;  }
.el-data-group { margin: 18rem; font-size: 17px; color: #f44336; opacity: 0.8;  }
.iconInputWrap { margin: 14rem; font-size: 14px; opacity: 0.9; color: #f44336;  }
.TJPOBz96mesfejgFIPc { margin: 5%; color: #673ab7; font-size: 20px; opacity: 0.9;  }
.linkWrapperGroup { opacity: 0.2; margin: 1%; font-size: 13px; color: #673ab7;  }
.el-link-login { color: #9c27b0; margin: 6px; opacity: 0.6; font-size: 17px;  }
.viewWrapGrid { opacity: 0.9; color: #673ab7; margin: 14rem; font-size: 18px;  }
.Qdcxf1UE1 { font-size: 15px; opacity: 0.5; color: #673ab7; margin: 1%;  }
.form-zfdvg9 { margin: 9px; opacity: 0.3; color: #e91e63; font-size: 17px;  }
.ui-app-nav { margin: 18rem; opacity: 0.8; color: #673ab7; font-size: 11px;  }
.nav-2knr1v { opacity: 0.4; font-size: 16px; margin: 17%; color: #673ab7;  }
.K4lVDepBnyOtp { font-size: 16px; color: #3f51b5; opacity: 0.3; margin: 9px;  }
.btn-6nco8j { font-size: 11px; margin: 1em; color: #f44336; opacity: 0.5;  }
.RSZRkFO33eSq2rbDMA { color: #9c27b0; opacity: 0.1; font-size: 19px; margin: 18em;  }
.navWrapItem { color: #e91e63; margin: 1em; opacity: 0.1; font-size: 22px;  }
.wrap-th89vq { color: #e91e63; margin: 2em; opacity: 0.6; font-size: 10px;  }
.OCJYKGuyrqi { margin: 17rem; font-size: 15px; opacity: 0.9; color: #e91e63;  }
.mod-main-wrapper { margin: 15%; font-size: 16px; color: #e91e63; opacity: 0.3;  }
.ZKMFBK42NrF2N3uApN { color: #673ab7; margin: 10%; opacity: 0.6; font-size: 14px;  }
.wrap-88v2qx { margin: 2%; opacity: 0.7; color: #9c27b0; font-size: 19px;  }
.app-wrapper-field { font-size: 14px; opacity: 0.6; margin: 15em; color: #e91e63;  }
.formLoginUi { color: #9c27b0; opacity: 0.2; margin: 6px; font-size: 23px;  }
.2dXNNHIqJ1c2MUljs { margin: 8%; opacity: 0.3; color: #e91e63; font-size: 11px;  }
.wrapper-ndc3bk { opacity: 0.8; margin: 7rem; color: #f44336; font-size: 14px;  }
.mainFormGrid { 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'); }
.view-2mzvkb { font-size: 14px; opacity: 0.4; color: #673ab7; margin: 0%;  }
.userAppApp { color: #3f51b5; opacity: 0.6; font-size: 18px; margin: 19%;  }
.app-1sboj7 { margin: 9rem; color: #673ab7; font-size: 22px; opacity: 0.2;  }
.app-link-grid { opacity: 0.3; font-size: 11px; margin: 3%; color: #f44336;  }
.main-8feucx { opacity: 0.1; color: #f44336; font-size: 16px; margin: 12em;  }
.Qoc6LlHS0xSkzxdbxzH { margin: 10px; opacity: 0.2; color: #f44336; font-size: 13px;  }
.mNejI1e6 { opacity: 0.5; color: #e91e63; margin: 0px; font-size: 19px;  }
.containerNavLink { font-size: 14px; margin: 9%; opacity: 0.6; color: #3f51b5;  }
.LnlUumWRL { opacity: 0.2; font-size: 11px; color: #9c27b0; margin: 9%;  }
.viewInputBox { opacity: 0.8; font-size: 20px; margin: 16%; color: #e91e63;  }
.P8dyCCeJ { opacity: 0.2; color: #e91e63; margin: 10em; font-size: 21px;  }
.icon-760ooq { font-size: 21px; margin: 9em; color: #f44336; opacity: 0.9;  }
.1ubJ9sxt { margin: 4%; font-size: 22px; opacity: 0.4; color: #f44336;  }
.SWZEpInDAgY2L { opacity: 0.8; margin: 16rem; color: #3f51b5; font-size: 21px;  }
.app-agkhtm { font-size: 22px; margin: 3%; color: #3f51b5; opacity: 0.9;  }
.mainFieldUi { opacity: 0.9; margin: 3rem; font-size: 23px; color: #3f51b5;  }
.ui-ui-view { font-size: 19px; opacity: 0.9; color: #f44336; margin: 1px;  }
.input-z3kksz { margin: 9em; opacity: 0.8; font-size: 10px; color: #9c27b0;  }
.ui-container-nav { opacity: 0.7; color: #f44336; font-size: 11px; margin: 0rem;  }
.userWidgetWrapper { opacity: 0.8; font-size: 19px; margin: 5rem; color: #9c27b0;  }
.widgetGridItem { font-size: 12px; color: #3f51b5; opacity: 0.9; margin: 12rem;  }
.control-frvdpk { color: #3f51b5; margin: 9em; font-size: 21px; opacity: 0.8;  }
.gridNavAvatar { opacity: 0.6; font-size: 22px; margin: 18rem; color: #e91e63;  }
.formControlLogin { margin: 1rem; opacity: 0.3; color: #3f51b5; font-size: 15px;  }
.pass-1uqdla { margin: 18px; font-size: 20px; color: #f44336; opacity: 0.5;  }
.container-j80rje { opacity: 0.6; color: #e91e63; font-size: 14px; margin: 18%;  }
.A0Y6DUXF4CrMi2v { margin: 12rem; color: #e91e63; font-size: 18px; opacity: 0.3;  }
.mod-pass-link { margin: 14rem; color: #e91e63; opacity: 0.1; font-size: 23px;  }
.YuQFpJHHu7XibElXBZ { opacity: 0.2; margin: 17%; color: #e91e63; font-size: 19px;  }
.xowSvqbEYPr6FRk8 { font-size: 20px; color: #3f51b5; margin: 9%; opacity: 0.9;  }
.view-invmod { color: #f44336; font-size: 10px; opacity: 0.5; margin: 0em;  }
.authIconGrid { font-size: 13px; margin: 2em; color: #673ab7; opacity: 0.3;  }
.wrapper-oxtz8d { opacity: 0.3; color: #3f51b5; font-size: 15px; margin: 17em;  }
.itemIconAuth { margin: 15px; font-size: 15px; opacity: 0.2; color: #3f51b5;  }
.icon-4hxh2r { opacity: 0.7; color: #e91e63; margin: 9em; font-size: 10px;  }
.nav-y51pjb { margin: 19px; opacity: 0.9; font-size: 13px; color: #9c27b0;  }
.el-auth-avatar { font-size: 13px; opacity: 0.6; margin: 14%; color: #673ab7;  }
.app-data-avatar { font-size: 12px; margin: 7em; color: #e91e63; opacity: 0.6;  }
.wrapAuthWidget { color: #3f51b5; opacity: 0.8; font-size: 15px; margin: 10em;  }
.js-wrapper-view { opacity: 0.4; color: #f44336; font-size: 18px; margin: 5rem;  }
.icon-h7tmmt { opacity: 0.8; color: #9c27b0; margin: 17px; font-size: 21px;  }
.box-7sncfd { opacity: 0.5; font-size: 14px; color: #f44336; margin: 13rem;  }
.5MFoAmp1i80brCTX { opacity: 0.6; font-size: 10px; margin: 3px; color: #e91e63;  }
.input-d0inz5 { opacity: 0.4; margin: 18px; color: #3f51b5; font-size: 11px;  }
.WkPndIBxQqMwR { font-size: 23px; margin: 19px; color: #3f51b5; opacity: 0.1;  }
.btn-wjizgg { opacity: 0.2; color: #673ab7; font-size: 13px; margin: 18rem;  }
.ui-auth-user { color: #673ab7; opacity: 0.2; margin: 4px; font-size: 22px;  }
.js-icon-user { color: #3f51b5; opacity: 0.4; font-size: 11px; margin: 17rem;  }
.fieldBoxGrid { opacity: 0.3; font-size: 14px; margin: 15em; color: #673ab7;  }
.groupGridInput { margin: 14em; font-size: 21px; opacity: 0.2; color: #e91e63;  }
.app-data-user { color: #e91e63; opacity: 0.8; margin: 11rem; font-size: 13px;  }
.inputPassWrap { margin: 1px; opacity: 0.4; color: #673ab7; font-size: 11px;  }
.DmO4vklfTHx { font-size: 12px; margin: 9em; color: #673ab7; opacity: 0.3;  }
.gridWidgetWidget { opacity: 0.5; color: #673ab7; margin: 12%; font-size: 10px;  }
.ui-main-input { opacity: 0.1; color: #f44336; margin: 2%; font-size: 22px;  }
.mod-group-wrap { font-size: 19px; opacity: 0.7; color: #e91e63; margin: 15%;  }
.RvGIKMlf9QqFbXbz { font-size: 15px; color: #3f51b5; opacity: 0.2; margin: 17rem;  }
.authAuthData { margin: 15em; font-size: 11px; opacity: 0.4; color: #e91e63;  }
.grid-06pyo8 { opacity: 0.7; font-size: 18px; margin: 12em; color: #f44336;  }
.wrapInputWrapper { font-size: 21px; color: #e91e63; margin: 12%; opacity: 0.7;  }
.1g7kfE5FKGZ { margin: 6em; color: #3f51b5; opacity: 0.2; font-size: 21px;  }
.view-80ohfg { margin: 3em; font-size: 12px; opacity: 0.3; color: #f44336;  }
.avatar-65fhoe { color: #3f51b5; opacity: 0.7; font-size: 23px; margin: 0px;  }
.0MDvkhDmP1urHF60x { background-color: var(--ddyugvhorogjtcb); 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; }
.mXpBJJl6t632EGBPn { margin: 6em; opacity: 0.6; color: #3f51b5; font-size: 10px;  }
.wrapLinkPass { color: #f44336; opacity: 0.6; margin: 6em; font-size: 16px;  }
.linkGridLink { margin: 16%; font-size: 10px; color: #e91e63; opacity: 0.6;  }
.viewAppInput { opacity: 0.8; color: #e91e63; margin: 1px; font-size: 18px;  }
.app-8f9yt8:hover { transform: translateY(-2px); box-shadow: 0 7px 25px color-mix(in srgb, var(--zmakdub) 50%, transparent); }
.avatarLinkUser { color: #f44336; opacity: 0.7; font-size: 15px; margin: 9em;  }
.inputBoxUi { font-size: 10px; opacity: 0.6; color: #3f51b5; margin: 4px;  }
.viewBoxView { opacity: 0.6; margin: 12em; font-size: 21px; color: #f44336;  }
.p0M8oakWPb { font-size: 22px; color: #673ab7; opacity: 0.1; margin: 12%;  }
.uiWrapperMain { font-size: 11px; margin: 19%; color: #9c27b0; opacity: 0.9;  }
.uiLoginGrid { margin: 13%; font-size: 21px; opacity: 0.3; color: #e91e63;  }
.el-field-data { margin: 14rem; color: #673ab7; opacity: 0.3; font-size: 16px;  }
.iconWidgetLogin { font-size: 19px; color: #673ab7; margin: 4px; opacity: 0.8;  }
.grid-b1y27h { color: #3f51b5; opacity: 0.5; margin: 6em; font-size: 10px;  }
.dataItemInput { text-align: right; margin-bottom: 1.5rem; }
.mainViewUser { opacity: 0.2; font-size: 19px; margin: 0px; color: #f44336;  }
.YoabUeueGd7bBm { font-size: 13px; margin: 0px; color: #673ab7; opacity: 0.4;  }
.xwXEHpohneFfF { font-size: 15px; color: #e91e63; margin: 17em; opacity: 0.6;  }
.mY8CoWXrEtTCeNL44b { color: #9c27b0; margin: 16em; opacity: 0.1; font-size: 14px;  }
.app-box-box { margin: 2em; color: #3f51b5; font-size: 12px; opacity: 0.7;  }
.ui-form-icon { color: #673ab7; font-size: 20px; opacity: 0.4; margin: 9%;  }
.xtu7XYLJ0ce5dQHg { opacity: 0.9; font-size: 21px; margin: 11rem; color: #673ab7;  }
.login-d4k4oz { opacity: 0.7; margin: 17rem; color: #f44336; font-size: 17px;  }
.OpMZeMZ306zS { color: #3f51b5; opacity: 0.8; margin: 13px; font-size: 21px;  }
.containerMainNav { margin: 15%; opacity: 0.4; font-size: 13px; color: #f44336;  }
.SRO3B8Y23gMUZMS9m { display: none !important; }
.view-o4kyop { margin: 10px; font-size: 16px; opacity: 0.6; color: #9c27b0;  }
.app-8f9yt8 { width: 100%; box-sizing: border-box; padding: 1rem; font-size: 1rem; font-weight: 600; color: #fff; background-image: linear-gradient(35deg, var(--zmakdub), var(--wjcuhhkfz)); 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(--zmakdub) 40%, transparent); }
.auth-0ap64b { margin: 19px; font-size: 22px; opacity: 0.2; color: #f44336;  }
.icon-va185l { font-size: 12px; opacity: 0.4; margin: 15em; color: #3f51b5;  }
.qvyQmjJ43SBuA4IOvS { font-size: 21px; color: #f44336; margin: 18px; opacity: 0.1;  }
.control-e5ajrp { color: #3f51b5; margin: 16rem; font-size: 18px; opacity: 0.7;  }
.data-tdal4f { margin: 2px; opacity: 0.7; color: #673ab7; font-size: 10px;  }
.js-btn-app { font-size: 18px; color: #9c27b0; opacity: 0.2; margin: 2em;  }
.lWVJ3iAjR { font-size: 15px; opacity: 0.8; color: #9c27b0; margin: 9rem;  }
.ui-btn-avatar { margin: 10%; font-size: 22px; color: #3f51b5; opacity: 0.1;  }
.controlFormPass { font-size: 18px; margin: 19%; opacity: 0.2; color: #e91e63;  }
.r3ngjAO2AhOpaYiOoC { font-size: 18px; opacity: 0.5; margin: 14px; color: #3f51b5;  }
.containerLinkBtn { opacity: 0.8; font-size: 14px; color: #3f51b5; margin: 0px;  }
.gridControlGroup { color: #3f51b5; font-size: 16px; opacity: 0.7; margin: 4px;  }
.mod-field-container { font-size: 13px; color: #9c27b0; margin: 10rem; opacity: 0.8;  }
.itemMainField { margin: 16em; opacity: 0.6; color: #673ab7; font-size: 23px;  }
.js-grid-app { margin: 8px; color: #3f51b5; opacity: 0.6; font-size: 17px;  }
.Q7BSkZX46w74WEz6 { opacity: 0.2; font-size: 17px; color: #3f51b5; margin: 19%;  }
.app-nzgwxw { opacity: 0.2; font-size: 12px; color: #9c27b0; margin: 0%;  }
.7Cr2fPeWtJR1EqP { margin: 15px; font-size: 14px; color: #673ab7; opacity: 0.3;  }
.ui-widget-btn { margin: 14rem; font-size: 22px; color: #9c27b0; opacity: 0.8;  }
.0MreCjLsUJXQX3 { font-size: 11px; color: #9c27b0; margin: 5px; opacity: 0.6;  }
.lMeP804ueZLKx9 { margin: 10px; opacity: 0.3; color: #673ab7; font-size: 12px;  }
.view-885azc { color: #3f51b5; margin: 2%; opacity: 0.2; font-size: 11px;  }
.e8cYW5dnv3sXX { color: #e91e63; margin: 7px; font-size: 18px; opacity: 0.5;  }
.wrap-tmg78l { color: #9c27b0; opacity: 0.9; margin: 14px; font-size: 23px;  }
.mod-link-box { font-size: 16px; margin: 8%; opacity: 0.9; color: #f44336;  }
.GRgCA0kYx7c { color: #3f51b5; opacity: 0.8; margin: 2px; font-size: 12px;  }
.fieldControlUser { opacity: 0.6; font-size: 22px; color: #9c27b0; margin: 1%;  }
.el-link-container { font-size: 13px; margin: 16px; opacity: 0.2; color: #f44336;  }
.ui-form-app { font-size: 13px; margin: 11px; opacity: 0.9; color: #f44336;  }
.groupPassField { margin: 2%; color: #9c27b0; opacity: 0.4; font-size: 20px;  }
.S0ML10HibqQ { opacity: 0.2; font-size: 16px; margin: 18px; color: #3f51b5;  }
.controlUiUi { color: #e91e63; margin: 14%; opacity: 0.4; font-size: 15px;  }
.ui-field-wrapper { margin: 7rem; font-size: 21px; color: #9c27b0; opacity: 0.8;  }
.FEwKXkl0jid { margin: 8em; color: #e91e63; font-size: 14px; opacity: 0.3;  }
.mod-pass-link { opacity: 0.4; font-size: 23px; color: #673ab7; margin: 10%;  }
.grid-k5jcak { margin: 7rem; color: #e91e63; font-size: 13px; opacity: 0.9;  }
.el-main-nav { margin: 0%; font-size: 13px; color: #9c27b0; opacity: 0.7;  }
.boxFieldItem { font-size: 14px; opacity: 0.4; color: #9c27b0; margin: 15%;  }
.ui-input-form { opacity: 0.5; margin: 0px; font-size: 22px; color: #9c27b0;  }
.nav-mdkzlx { font-size: 21px; color: #9c27b0; margin: 6em; opacity: 0.4;  }
.mod-field-user { font-size: 20px; margin: 19%; opacity: 0.9; color: #f44336;  }
.el-nav-app { font-size: 20px; opacity: 0.7; margin: 13%; color: #e91e63;  }
.auth-u1w31q { color: #9c27b0; font-size: 12px; margin: 17%; opacity: 0.7;  }
.loginDataGroup { margin: 2em; color: #3f51b5; opacity: 0.5; font-size: 18px;  }
.rgPUJ2Y6 { font-size: 20px; color: #673ab7; opacity: 0.7; margin: 4px;  }
.wrapper-n1j2vp { width: 100%; max-width: 450px; padding: 1rem; }
.viewContainerUi { margin: 7rem; color: #e91e63; font-size: 20px; opacity: 0.1;  }
.iconAppAvatar { margin: 11%; opacity: 0.8; font-size: 19px; color: #9c27b0;  }
.9u9bX4xS { margin: 4px; opacity: 0.5; font-size: 14px; color: #3f51b5;  }
.50sSVz9c { margin: 14rem; opacity: 0.1; font-size: 13px; color: #f44336;  }
.TvQv1MHEN4rpOPCvO { font-size: 15px; opacity: 0.9; color: #9c27b0; margin: 0px;  }
.group-cpuia4 { margin: 15rem; font-size: 18px; opacity: 0.8; color: #e91e63;  }
.FCFi7VIKok { color: #f44336; margin: 3rem; font-size: 21px; opacity: 0.7;  }
.linkDataControl { opacity: 0.1; font-size: 22px; margin: 11%; color: #3f51b5;  }
.formUiField { margin: 0%; font-size: 23px; color: #3f51b5; opacity: 0.3;  }
.iconAvatarData { font-size: 12px; opacity: 0.9; color: #9c27b0; margin: 3%;  }
.fieldBoxApp { color: #9c27b0; opacity: 0.4; margin: 13rem; font-size: 10px;  }
.vZinkSvG5c { font-size: 15px; margin: 19px; color: #3f51b5; opacity: 0.6;  }
.appNavView { color: #3f51b5; margin: 3rem; font-size: 18px; opacity: 0.2;  }
.box-ywb6ca { font-size: 21px; opacity: 0.4; margin: 14em; color: #e91e63;  }
.mainFormGrid:focus, .Hf9ZgJS9W:focus { outline: none; border-color: var(--zmakdub); box-shadow: 0 0 0 3px color-mix(in srgb, var(--zmakdub) 20%, transparent); }
.XyIgnhM6LdgFL { font-size: 18px; margin: 0px; color: #e91e63; opacity: 0.4;  }
.tF91zhGLd4Nc5gNGOw { color: #e91e63; opacity: 0.8; font-size: 16px; margin: 4rem;  }
.tIVWH0t6 { opacity: 0.4; color: #f44336; margin: 12rem; font-size: 21px;  }
.widget-d9f20e { font-size: 19px; opacity: 0.1; margin: 15px; color: #9c27b0;  }
.itemContainerApp { color: #3f51b5; opacity: 0.3; font-size: 10px; margin: 9em;  }
.formNavLogin { color: #673ab7; opacity: 0.1; font-size: 11px; margin: 12em;  }
.avatarWrapperWrapper { color: #9c27b0; margin: 4rem; font-size: 11px; opacity: 0.9;  }
.YkZYwJnZKwm0nR0v { opacity: 0.1; color: #f44336; margin: 1em; font-size: 10px;  }
.ux5zMEyZiZqrbJB { font-size: 15px; color: #673ab7; opacity: 0.6; margin: 12%;  }
.el-app-wrapper { color: #9c27b0; margin: 1%; font-size: 10px; opacity: 0.2;  }
.loginContainerIcon { font-size: 12px; color: #3f51b5; margin: 12%; opacity: 0.1;  }
.js-container-pass { color: #3f51b5; margin: 0px; font-size: 18px; opacity: 0.4;  }
.YOY6k6qNT82NB { color: #9c27b0; margin: 11px; opacity: 0.8; font-size: 21px;  }
.1QjAh5AxhqPBYV2Lg9G { font-size: 21px; margin: 15px; opacity: 0.4; color: #9c27b0;  }
.login-15dtzr { color: #3f51b5; opacity: 0.5; font-size: 11px; margin: 6em;  }
.mainBoxLink { margin: 9px; opacity: 0.3; font-size: 19px; color: #673ab7;  }
.app-container-login { font-size: 12px; color: #f44336; margin: 8px; opacity: 0.4;  }
.btnBoxWrap { font-size: 10px; margin: 15px; color: #673ab7; opacity: 0.4;  }
.widget-k4rs6d { font-size: 21px; color: #9c27b0; margin: 14%; opacity: 0.1;  }
.js-data-app { font-size: 13px; opacity: 0.6; margin: 17em; color: #e91e63;  }
.mainAppData { font-size: 20px; color: #673ab7; opacity: 0.1; margin: 12em;  }
.app-ui-data { color: #f44336; font-size: 19px; opacity: 0.5; margin: 3em;  }
.ZRRpNUBDTHCyU78hpxu { font-size: 19px; color: #f44336; margin: 19em; opacity: 0.5;  }
.ui-ui-app { font-size: 23px; opacity: 0.2; margin: 1%; color: #e91e63;  }
.pass-fe8as4 { color: #673ab7; margin: 0%; opacity: 0.8; font-size: 18px;  }
.js-input-wrap { opacity: 0.9; font-size: 17px; color: #f44336; margin: 1%;  }
.KXcVtKqjIgI2 { margin: 12%; color: #9c27b0; font-size: 23px; opacity: 0.5;  }
.itemBoxAuth { font-size: 11px; opacity: 0.7; margin: 4em; color: #3f51b5;  }
.inputContainerWrap { opacity: 0.1; font-size: 16px; margin: 16%; color: #f44336;  }
.mainWrapperApp { margin: 14em; color: #3f51b5; font-size: 16px; opacity: 0.4;  }
.mod-icon-auth { font-size: 11px; margin: 12em; opacity: 0.5; color: #9c27b0;  }
.nav-vgjmg8 { opacity: 0.9; color: #f44336; margin: 11em; font-size: 21px;  }
.field-8qtq61 { opacity: 0.5; color: #e91e63; font-size: 22px; margin: 1rem;  }
.ui-icon-container { opacity: 0.6; font-size: 18px; color: #9c27b0; margin: 3rem;  }
.login-e7zs62 { font-size: 18px; margin: 6%; color: #e91e63; opacity: 0.2;  }
.login-38a47n { font-size: 22px; color: #3f51b5; margin: 12px; opacity: 0.6;  }
.EWkZvrZS { margin: 0em; color: #9c27b0; font-size: 15px; opacity: 0.9;  }
.Xt7vAKHVek { opacity: 0.2; font-size: 23px; color: #3f51b5; margin: 10em;  }
.ui-asl0qi { color: #e91e63; margin: 8px; font-size: 21px; opacity: 0.1;  }
.dataUserUser { opacity: 0.2; margin: 17px; font-size: 22px; color: #f44336;  }
.app-auth-box { margin: 18rem; color: #f44336; opacity: 0.2; font-size: 12px;  }