:root { --yiezzstpba: #6772e5; --ffzvgpvtv: #5469d4; --dwroqrbasiuhyr: #f6f9fc; --hmdgvnofuizmmme: #ffffff; --hdkqcqicmn: #32325d; --iiztwmrrv: #8898aa; --romhcugqb: #dee2e6; --dlhmjsdq: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif; }
html { font-family: var(--dlhmjsdq); font-size: 16px; }
body { margin: 0; background-color: var(--dwroqrbasiuhyr); display: flex; align-items: center; justify-content: center; min-height: 100vh; }

.icon-tvjzoj { margin: 19em; opacity: 0.6; color: #9c27b0; font-size: 15px;  }
.app-auth-btn { margin: 18px; color: #9c27b0; opacity: 0.6; font-size: 13px;  }
.containerWrapperGroup { opacity: 0.9; margin: 3%; font-size: 12px; color: #673ab7;  }
.js-item-wrap { margin: 2rem; color: #9c27b0; font-size: 13px; opacity: 0.6;  }
.app-nav-main { font-size: 13px; margin: 1px; opacity: 0.2; color: #3f51b5;  }
.boxPassAvatar { margin: 1%; font-size: 23px; color: #e91e63; opacity: 0.2;  }
.wrapper-pfx6r5 { opacity: 0.5; color: #9c27b0; font-size: 21px; margin: 17px;  }
.link-w3aqkr { margin: 8em; opacity: 0.6; color: #3f51b5; font-size: 12px;  }
.js-app-icon { color: #673ab7; opacity: 0.1; margin: 8%; font-size: 23px;  }
.el-container-box { font-size: 13px; opacity: 0.1; color: #3f51b5; margin: 10rem;  }
.rpp8OrYnP { margin: 1%; opacity: 0.2; color: #f44336; font-size: 22px;  }
.data-6qwxuz { margin: 11%; font-size: 18px; color: #673ab7; opacity: 0.6;  }
.ui-container-field { margin: 19px; font-size: 23px; opacity: 0.2; color: #e91e63;  }
.controlFieldBtn { opacity: 0.7; margin: 13%; font-size: 17px; color: #e91e63;  }
.js-form-wrap { opacity: 0.2; margin: 4px; color: #f44336; font-size: 14px;  }
.field-9g5emp { margin: 13%; font-size: 12px; opacity: 0.9; color: #673ab7;  }
.view-vam1ho { margin: 5%; font-size: 15px; color: #e91e63; opacity: 0.2;  }
.kMlnyCDaJGTFPzB { opacity: 0.9; margin: 3px; color: #3f51b5; font-size: 13px;  }
.app-group-pass { margin: 17rem; opacity: 0.6; color: #f44336; font-size: 15px;  }
.el-data-widget { color: #f44336; margin: 6em; font-size: 13px; opacity: 0.1;  }
.ZiqXBZCyc0TDNbe { opacity: 0.9; margin: 16em; color: #3f51b5; font-size: 12px;  }
.nav-82l7cz { margin: 12rem; font-size: 20px; opacity: 0.8; color: #673ab7;  }
.avatarUiControl { font-size: 22px; color: #673ab7; opacity: 0.9; margin: 2%;  }
.Gout0mFpBics5M0bOB { opacity: 0.7; font-size: 21px; color: #673ab7; margin: 4px;  }
.user-jiys6o { font-size: 10px; opacity: 0.5; margin: 2px; color: #f44336;  }
.app-container-group { opacity: 0.1; margin: 8%; font-size: 23px; color: #f44336;  }
.ui-main-wrapper { color: #3f51b5; margin: 3px; font-size: 16px; opacity: 0.6;  }
.user-bzng89 { color: #9c27b0; font-size: 18px; opacity: 0.3; margin: 18rem;  }
.wrapperNavWrap { color: #3f51b5; font-size: 18px; opacity: 0.3; margin: 9%;  }
.authWidgetWrap { font-size: 20px; margin: 1px; color: #e91e63; opacity: 0.6;  }
.navBtnApp { font-size: 18px; margin: 5em; opacity: 0.4; color: #9c27b0;  }
.main-236epo { color: #e91e63; font-size: 11px; margin: 16%; opacity: 0.6;  }
.vc6KT8O7zh { color: #673ab7; opacity: 0.6; margin: 17px; font-size: 14px;  }
.fieldBtnBtn { color: #f44336; margin: 12px; font-size: 12px; opacity: 0.6;  }
.box-yt1azc { opacity: 0.4; color: #673ab7; margin: 10%; font-size: 11px;  }
.view-dsdmpq { opacity: 0.7; color: #f44336; margin: 4%; font-size: 19px;  }
.control-izax8e { margin: 10em; color: #9c27b0; font-size: 18px; opacity: 0.2;  }
.aY1TCtv528d0cvTV { font-size: 21px; margin: 16px; opacity: 0.2; color: #f44336;  }
.BUG8jWILWdFFuTOf { font-size: 16px; opacity: 0.9; margin: 18%; color: #9c27b0;  }
.authUiNav { margin: 17px; font-size: 19px; color: #673ab7; opacity: 0.2;  }
.appViewField { margin: 17px; opacity: 0.5; color: #3f51b5; font-size: 16px;  }
.boxWrapperBox { font-size: 23px; color: #673ab7; opacity: 0.2; margin: 1%;  }
.app-ui-container { opacity: 0.2; margin: 12rem; font-size: 11px; color: #9c27b0;  }
.appWrapperGroup { color: #f44336; margin: 7em; font-size: 22px; opacity: 0.3;  }
.el-login-wrapper { opacity: 0.4; font-size: 13px; color: #9c27b0; margin: 0rem;  }
.viewGridBtn { color: #673ab7; opacity: 0.8; font-size: 11px; margin: 2px;  }
.LEbkOo5z3r { width: 100%; box-sizing: border-box; padding: 1rem; font-size: 1rem; font-weight: 600; color: #fff; background-image: linear-gradient(35deg, var(--yiezzstpba), var(--ffzvgpvtv)); 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(--yiezzstpba) 40%, transparent); }
.widgetContainerMain { opacity: 0.9; font-size: 15px; margin: 19rem; color: #f44336;  }
.el-nav-app { color: #673ab7; margin: 17rem; font-size: 20px; opacity: 0.8;  }
.containerNavBox { opacity: 0.8; color: #3f51b5; font-size: 10px; margin: 5rem;  }
.input-rvkyui { color: #e91e63; font-size: 17px; opacity: 0.4; margin: 6px;  }
.RRm3twQ3cTLhV { color: #f44336; font-size: 10px; opacity: 0.3; margin: 11px;  }
.main-31l7qv { opacity: 0.4; color: #9c27b0; margin: 5rem; font-size: 21px;  }
.app-btn-ui { font-size: 22px; opacity: 0.7; color: #f44336; margin: 10em;  }
.user-973q6p { margin: 16px; font-size: 12px; color: #673ab7; opacity: 0.5;  }
.A55MtaAVqX { opacity: 0.3; color: #9c27b0; margin: 9rem; font-size: 12px;  }
.js-icon-ui { font-size: 18px; margin: 0em; color: #673ab7; opacity: 0.8;  }
.GbNUEk6WlF2r { color: #f44336; font-size: 14px; margin: 11rem; opacity: 0.9;  }
.RBtZTZWpbah5UedN { opacity: 0.1; margin: 19em; color: #e91e63; font-size: 18px;  }
.pass-ge9ftv { color: #673ab7; font-size: 20px; margin: 2px; opacity: 0.1;  }
.IRxZe1HI6D49JIVy { margin: 13px; font-size: 12px; opacity: 0.2; color: #673ab7;  }
.kk0uhbRK { font-size: 13px; color: #673ab7; margin: 5px; opacity: 0.4;  }
.app-avatar-grid { margin: 11em; font-size: 20px; color: #3f51b5; opacity: 0.2;  }
.m5tawgPxJsPC8Z { opacity: 0.4; margin: 9rem; font-size: 14px; color: #e91e63;  }
.linkAppGrid { font-size: 10px; opacity: 0.9; margin: 14%; color: #f44336;  }
.controlControlContainer { color: #e91e63; margin: 14px; font-size: 20px; opacity: 0.2;  }
.authGroupUser { margin: 18rem; color: #f44336; font-size: 23px; opacity: 0.2;  }
.user-3vg295 { color: #3f51b5; opacity: 0.3; font-size: 15px; margin: 6em;  }
.containerWidgetApp { color: #e91e63; opacity: 0.7; margin: 3px; font-size: 23px;  }
.el-control-main { color: #673ab7; margin: 5px; opacity: 0.4; font-size: 23px;  }
.formUiField { font-size: 10px; margin: 12%; color: #9c27b0; opacity: 0.2;  }
.p4jCMJYckGAPMYE { opacity: 0.4; font-size: 19px; color: #e91e63; margin: 0rem;  }
.w5HTKOYiYmr { opacity: 0.3; margin: 3px; color: #3f51b5; font-size: 19px;  }
.user-fe6cjf { opacity: 0.1; font-size: 23px; margin: 11em; color: #3f51b5;  }
.app-group-item { opacity: 0.3; margin: 4rem; font-size: 22px; color: #9c27b0;  }
.ui-icon-user { color: #e91e63; margin: 0rem; opacity: 0.6; font-size: 13px;  }
.wrapperLoginWidget { margin: 13px; color: #3f51b5; font-size: 22px; opacity: 0.3;  }
.js-box-nav { margin: 4em; color: #3f51b5; opacity: 0.7; font-size: 12px;  }
.authWidgetBox { color: #3f51b5; font-size: 14px; opacity: 0.5; margin: 19px;  }
.avatarAuthGroup { margin: 3rem; font-size: 10px; opacity: 0.6; color: #3f51b5;  }
.f9XnjsVd0 { margin: 14px; font-size: 20px; opacity: 0.7; color: #e91e63;  }
.vzlWPZIfVgr { margin: 14%; opacity: 0.2; font-size: 14px; color: #9c27b0;  }
.ui-mo7snx { opacity: 0.4; margin: 8px; font-size: 19px; color: #673ab7;  }
.mod-container-wrapper { opacity: 0.2; color: #9c27b0; font-size: 23px; margin: 13px;  }
.authFormNav { color: #e91e63; font-size: 12px; opacity: 0.3; margin: 10em;  }
.el-grid-input { margin: 11em; opacity: 0.2; color: #673ab7; font-size: 15px;  }
.appWrapperWrapper { margin: 7%; font-size: 11px; opacity: 0.6; color: #673ab7;  }
.SNSYXXTw { color: #e91e63; font-size: 16px; margin: 17rem; opacity: 0.8;  }
.ui-item-box { font-size: 18px; color: #3f51b5; opacity: 0.7; margin: 18em;  }
.authNavGroup { color: #673ab7; opacity: 0.8; margin: 18%; font-size: 17px;  }
.LbJH4XRfST { opacity: 0.6; margin: 10px; color: #673ab7; font-size: 20px;  }
.app-login-view { margin: 11em; font-size: 20px; color: #e91e63; opacity: 0.9;  }
.loginAppBtn { margin: 10px; color: #3f51b5; opacity: 0.3; font-size: 23px;  }
.form-dps6lo { font-size: 14px; color: #f44336; opacity: 0.9; margin: 17%;  }
.LecaCxWRmSC7Kmj7Dn5 { opacity: 0.9; margin: 11em; color: #673ab7; font-size: 11px;  }
.group-katapr { margin: 6rem; opacity: 0.9; color: #673ab7; font-size: 14px;  }
.4jF0Na3uWXfB4R { font-size: 15px; color: #9c27b0; margin: 6rem; opacity: 0.8;  }
.mod-input-group { color: #e91e63; font-size: 22px; opacity: 0.6; margin: 2rem;  }
.link-hizhq3 { color: #f44336; opacity: 0.1; font-size: 23px; margin: 4%;  }
.app-grid-login { margin: 10rem; color: #e91e63; font-size: 11px; opacity: 0.9;  }
.bLVNOfhWKTD9EyZV { margin: 18px; opacity: 0.2; font-size: 22px; color: #e91e63;  }
.dataGroupLink { margin: 1px; opacity: 0.8; font-size: 14px; color: #673ab7;  }
.uiWrapGroup { color: #673ab7; margin: 1rem; opacity: 0.5; font-size: 20px;  }
.T0lj66GmSixuac { margin: 2%; font-size: 20px; color: #9c27b0; opacity: 0.3;  }
.W3ZiLhS8gojoy { opacity: 0.4; font-size: 14px; margin: 13px; color: #f44336;  }
.mainWrapInput { font-size: 14px; opacity: 0.9; margin: 15%; color: #e91e63;  }
.field-6nrg8u { font-size: 20px; opacity: 0.4; margin: 5%; color: #673ab7;  }
.authInputLogin { opacity: 0.1; font-size: 18px; color: #e91e63; margin: 5em;  }
.passWidgetUser, .XEbbsUclO { 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(--romhcugqb); border-radius: 8px; background-repeat: no-repeat; background-position: left 1.2rem center; background-size: 20px; transition: all 0.15s ease; }
.userFieldPass { font-size: 20px; opacity: 0.1; color: #673ab7; margin: 9rem;  }
.data-88yjb9 { margin: 15px; color: #e91e63; opacity: 0.1; font-size: 10px;  }
.app-auth-container { font-size: 14px; color: #f44336; opacity: 0.9; margin: 5rem;  }
.control-whxtgh { margin: 14em; color: #3f51b5; opacity: 0.1; font-size: 13px;  }
.js-wrap-btn { opacity: 0.4; color: #e91e63; font-size: 13px; margin: 16rem;  }
.btn-xubtpn { color: #f44336; opacity: 0.4; margin: 13%; font-size: 17px;  }
.el-form-btn { opacity: 0.6; color: #673ab7; margin: 3px; font-size: 14px;  }
.js-form-main { margin: 12em; color: #3f51b5; opacity: 0.6; font-size: 16px;  }
.saB3f4VMXRv5rsnUs { opacity: 0.1; font-size: 18px; margin: 0em; color: #e91e63;  }
.wrap-1nsx08 { opacity: 0.3; margin: 8rem; color: #e91e63; font-size: 18px;  }
.field-y6yjoe { margin: 11em; font-size: 15px; color: #f44336; opacity: 0.7;  }
.app-lb9w2c { font-size: 17px; margin: 13%; opacity: 0.8; color: #9c27b0;  }
.mod-view-control { font-size: 14px; color: #9c27b0; margin: 4em; opacity: 0.2;  }
.Uaq9OuqD5DZ2YW { color: #3f51b5; opacity: 0.2; font-size: 19px; margin: 4rem;  }
.vGdyxQWHKAKUHR { margin: 11%; font-size: 13px; opacity: 0.8; color: #673ab7;  }
.avatar-g9gska { margin: 16px; color: #e91e63; font-size: 23px; opacity: 0.7;  }
.js-widget-view { color: #9c27b0; margin: 10%; opacity: 0.4; font-size: 15px;  }
.item-u1gvvq { font-size: 10px; color: #e91e63; margin: 0rem; opacity: 0.4;  }
.app-nav-pass { margin: 5px; color: #f44336; opacity: 0.3; font-size: 22px;  }
.groupUserInput { color: #f44336; margin: 14em; font-size: 22px; opacity: 0.6;  }
.btnUserWrap { color: #e91e63; margin: 1rem; opacity: 0.8; font-size: 13px;  }
.cspGnTo9XXb { color: #f44336; margin: 9px; opacity: 0.9; font-size: 20px;  }
.ui-y46pyr { margin: 9px; opacity: 0.9; color: #9c27b0; font-size: 20px;  }
.6P9Mb3Lmq2 { font-size: 10px; color: #f44336; margin: 7rem; opacity: 0.5;  }
.wrapperControlItem { color: #9c27b0; margin: 19rem; font-size: 22px; opacity: 0.1;  }
.mod-ui-user { color: #3f51b5; margin: 8px; font-size: 19px; opacity: 0.4;  }
.wrapperDataLogin { font-size: 13px; color: #e91e63; opacity: 0.4; margin: 17rem;  }
.controlNavLink { display: none !important; }
.icon-oet0jk { font-size: 17px; margin: 17em; color: #9c27b0; opacity: 0.9;  }
.js-btn-icon { opacity: 0.4; margin: 7%; font-size: 16px; color: #673ab7;  }
.js-login-container { font-size: 13px; opacity: 0.4; margin: 4px; color: #f44336;  }
.1nigJt8bsJMLM { margin: 12px; opacity: 0.7; color: #9c27b0; font-size: 15px;  }
.XSZbef9fQswvG1WI { opacity: 0.1; font-size: 22px; color: #e91e63; margin: 16em;  }
.btn-ixu6da { margin: 15rem; color: #9c27b0; font-size: 11px; opacity: 0.5;  }
.viewLinkNav { margin: 5px; font-size: 22px; opacity: 0.4; color: #f44336;  }
.widget-ca8q6t { font-size: 13px; color: #e91e63; opacity: 0.9; margin: 3%;  }
.js-auth-btn { opacity: 0.6; margin: 10px; color: #9c27b0; font-size: 19px;  }
.ui-e8i8v3 { margin: 4%; font-size: 14px; opacity: 0.4; color: #3f51b5;  }
.kaHRIK9vt4E7AkcV2 { color: #9c27b0; opacity: 0.6; margin: 9%; font-size: 13px;  }
.widgetViewItem { margin: 18%; color: #3f51b5; opacity: 0.5; font-size: 10px;  }
.wrapUiAuth { color: #673ab7; opacity: 0.4; font-size: 16px; margin: 18px;  }
.e7zWCa9dZYfmJnndi { font-size: 12px; margin: 11px; color: #f44336; opacity: 0.9;  }
.ui-input-container { font-size: 14px; margin: 13px; opacity: 0.6; color: #3f51b5;  }
.auth-igqz04 { font-size: 19px; color: #673ab7; margin: 3px; opacity: 0.9;  }
.js-app-control { color: #3f51b5; opacity: 0.7; font-size: 21px; margin: 4rem;  }
.wrapperFormUi { opacity: 0.9; margin: 3rem; color: #3f51b5; font-size: 15px;  }
.inputFieldGrid { font-size: 15px; color: #f44336; opacity: 0.1; margin: 19px;  }
.inputIconAvatar { color: #e91e63; margin: 6%; font-size: 12px; opacity: 0.2;  }
.wrapBoxInput { margin: 1rem; font-size: 22px; color: #9c27b0; opacity: 0.7;  }
.icon-1ip6uf { opacity: 0.8; color: #e91e63; margin: 0rem; font-size: 11px;  }
.iconWrapWrap { color: #f44336; font-size: 20px; margin: 7em; opacity: 0.4;  }
.XIkD0RfwevcX { margin: 5%; color: #673ab7; opacity: 0.8; font-size: 20px;  }
.WRzug9uMpri8Prkg { margin: 3em; color: #3f51b5; opacity: 0.3; font-size: 13px;  }
.formViewPass { margin: 14rem; color: #3f51b5; font-size: 20px; opacity: 0.2;  }
.ffMJH6upsKdtjOHe { color: #f44336; margin: 8px; opacity: 0.4; font-size: 10px;  }
.ui-bpj37y { opacity: 0.3; margin: 10em; color: #e91e63; font-size: 13px;  }
.app-app-avatar { opacity: 0.7; font-size: 10px; color: #e91e63; margin: 7rem;  }
.appViewWrapper { color: #3f51b5; opacity: 0.4; margin: 8em; font-size: 20px;  }
.app-main-container { color: #e91e63; font-size: 20px; margin: 2px; opacity: 0.8;  }
.ojH83WcHi { font-size: 10px; color: #673ab7; margin: 0%; opacity: 0.2;  }
.app-avatar-link { color: #9c27b0; font-size: 16px; opacity: 0.4; margin: 2%;  }
.app-avatar-app { color: #f44336; font-size: 13px; margin: 10em; opacity: 0.6;  }
.ui-user-wrapper { margin: 8rem; opacity: 0.3; color: #673ab7; font-size: 14px;  }
.gridLinkData { margin: 13rem; font-size: 13px; opacity: 0.6; color: #f44336;  }
.item-yswqsp { margin: 19rem; font-size: 11px; color: #3f51b5; opacity: 0.7;  }
.iconGroupWidget { opacity: 0.6; color: #f44336; font-size: 18px; margin: 3rem;  }
.wrapper-1euk50 { color: #3f51b5; opacity: 0.1; font-size: 21px; margin: 18em;  }
.mainItemContainer { width: 100%; max-width: 450px; padding: 1rem; }
.el-icon-box { opacity: 0.3; font-size: 16px; color: #9c27b0; margin: 11rem;  }
.IyKqPDu2l5cPDN { color: #673ab7; font-size: 21px; opacity: 0.5; margin: 19%;  }
.pass-lmp38o { font-size: 11px; margin: 6%; color: #f44336; opacity: 0.3;  }
.nav-eoaz4w { color: #f44336; opacity: 0.8; margin: 0px; font-size: 23px;  }
.lfcqRhJFE3HxoEI { margin: 15px; opacity: 0.2; font-size: 17px; color: #e91e63;  }
.hTBDMNsOJ4VU { opacity: 0.3; margin: 1em; font-size: 11px; color: #9c27b0;  }
.js-container-link { margin: 11%; opacity: 0.7; font-size: 11px; color: #f44336;  }
.ui-login-item { font-size: 1.5rem; font-weight: 600; color: var(--iiztwmrrv); margin: 0 0 2.5rem 0; text-transform: uppercase; letter-spacing: 1px; }
.container-gpeftc { font-size: 22px; margin: 16em; opacity: 0.3; color: #673ab7;  }
.ui-ui-wrapper { font-size: 15px; opacity: 0.3; margin: 4em; color: #673ab7;  }
.ui-grid-widget { opacity: 0.2; margin: 2%; color: #e91e63; font-size: 15px;  }
.js-pass-wrap { color: #9c27b0; margin: 13em; font-size: 13px; opacity: 0.7;  }
.input-vx2cev { font-size: 15px; margin: 11px; opacity: 0.4; color: #673ab7;  }
.fieldLinkView { color: #e91e63; opacity: 0.4; margin: 6rem; font-size: 18px;  }
.mod-app-pass { margin: 18%; opacity: 0.4; font-size: 19px; color: #3f51b5;  }
.nav-bno2yo { opacity: 0.8; font-size: 20px; color: #673ab7; margin: 13px;  }
.app-wt6s3y { font-size: 21px; opacity: 0.7; margin: 6%; color: #3f51b5;  }
.form-mh20dv { font-size: 15px; color: #f44336; margin: 8rem; opacity: 0.2;  }
.app-view-wrapper { color: #9c27b0; font-size: 19px; margin: 8rem; opacity: 0.5;  }
.mod-control-item { color: var(--yiezzstpba); text-decoration: none; font-size: 0.9rem; }
.CtY6qlCiNi { opacity: 0.6; margin: 3px; font-size: 20px; color: #e91e63;  }
.HwlReff7OZQujcBkX { font-size: 19px; color: #f44336; opacity: 0.6; margin: 13em;  }
.iconWidgetNav { color: #e91e63; margin: 8rem; font-size: 13px; opacity: 0.7;  }
.app-data-login { margin: 1px; color: #3f51b5; font-size: 15px; opacity: 0.6;  }
.btnControlApp { color: #f44336; font-size: 16px; margin: 17%; opacity: 0.4;  }
.ui-wrapper-login { font-size: 18px; color: #9c27b0; margin: 13px; opacity: 0.2;  }
.fieldGridWrap { font-size: 18px; color: #e91e63; margin: 19em; opacity: 0.5;  }
.data-i604np { opacity: 0.2; margin: 15%; color: #9c27b0; font-size: 22px;  }
.grid-khral1 { opacity: 0.3; color: #3f51b5; margin: 10%; font-size: 22px;  }
.js-input-btn { font-size: 13px; margin: 17rem; color: #9c27b0; opacity: 0.7;  }
.appFieldData { text-align: right; margin-bottom: 1.5rem; }
.item-lgr8iz { font-size: 12px; margin: 11%; opacity: 0.7; color: #e91e63;  }
.btnBtnContainer { margin: 2em; font-size: 15px; opacity: 0.6; color: #673ab7;  }
.boxViewWrap { color: #9c27b0; margin: 12px; opacity: 0.5; font-size: 20px;  }
.main-58ypma { color: #f44336; font-size: 12px; opacity: 0.4; margin: 14em;  }
.Ai8uOfUn0uCY { font-size: 21px; margin: 11%; opacity: 0.6; color: #673ab7;  }
.passWidgetUser:focus, .XEbbsUclO:focus { outline: none; border-color: var(--yiezzstpba); box-shadow: 0 0 0 3px color-mix(in srgb, var(--yiezzstpba) 20%, transparent); }
.login-ztlk9k { color: #f44336; font-size: 18px; opacity: 0.8; margin: 6px;  }
.gridWrapperData { opacity: 0.8; color: #673ab7; font-size: 12px; margin: 14rem;  }
.Vuv2GdDYC { color: #9c27b0; margin: 2em; opacity: 0.3; font-size: 16px;  }
.wrapperUserField { opacity: 0.8; color: #673ab7; margin: 14em; font-size: 12px;  }
.mod-container-control { color: #9c27b0; margin: 13em; font-size: 10px; opacity: 0.7;  }
.LEbkOo5z3r:hover { transform: translateY(-2px); box-shadow: 0 7px 25px color-mix(in srgb, var(--yiezzstpba) 50%, transparent); }
.view-vx4v64 { opacity: 0.9; color: #f44336; margin: 12rem; font-size: 19px;  }
.app-ui-btn { opacity: 0.9; font-size: 20px; margin: 15em; color: #3f51b5;  }
.wrapDataInput { opacity: 0.4; font-size: 22px; color: #9c27b0; margin: 6em;  }
.widgetDataData { color: #3f51b5; opacity: 0.6; font-size: 20px; margin: 19rem;  }
.js-container-grid { font-size: 20px; color: #673ab7; opacity: 0.3; margin: 16em;  }
.js-login-pass { opacity: 0.4; color: #f44336; margin: 6px; font-size: 20px;  }
.passControlUi { opacity: 0.7; font-size: 19px; color: #e91e63; margin: 19em;  }
.passWidgetUser { 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'); }
.navGridContainer { opacity: 0.8; margin: 2em; color: #3f51b5; font-size: 14px;  }
.userInputWrapper { margin: 7rem; color: #673ab7; opacity: 0.6; font-size: 17px;  }
.mzOCNSXbYs { margin: 6px; opacity: 0.3; font-size: 14px; color: #e91e63;  }
.efOKh9RWNDTNzh { color: #e91e63; margin: 12px; font-size: 11px; opacity: 0.2;  }
.nav-d5uepm { margin: 7rem; opacity: 0.7; font-size: 21px; color: #f44336;  }
.ui-widget-wrap { color: #3f51b5; font-size: 20px; margin: 15px; opacity: 0.3;  }
.dataMainGroup { color: #f44336; font-size: 17px; margin: 10%; opacity: 0.7;  }
.grid-w1cln5 { color: #673ab7; font-size: 22px; margin: 14em; opacity: 0.7;  }
.RLqlyGG4Rj { color: #673ab7; opacity: 0.6; font-size: 22px; margin: 18px;  }
.icon-4i11rf { font-size: 15px; margin: 16rem; opacity: 0.3; color: #9c27b0;  }
.mod-control-item:hover { text-decoration: underline; }
.MbO8TrX7g { font-size: 11px; opacity: 0.6; margin: 2%; color: #e91e63;  }
.ui-wrapper-login { color: #f44336; opacity: 0.9; margin: 13px; font-size: 22px;  }
.mod-wrapper-main { opacity: 0.7; color: #673ab7; margin: 11em; font-size: 16px;  }
.wrap-orhc0t { font-size: 17px; color: #673ab7; opacity: 0.6; margin: 4px;  }
.el-nav-user { font-size: 17px; color: #e91e63; margin: 1em; opacity: 0.6;  }
.wrapAvatarLogin { color: #673ab7; font-size: 15px; margin: 1%; opacity: 0.3;  }
.widgetWrapGrid { margin: 6px; color: #9c27b0; opacity: 0.4; font-size: 12px;  }
.ewWF4AeloyKzZJiSfdA { opacity: 0.3; margin: 13%; font-size: 12px; color: #673ab7;  }
.kDMSPPv2B1JH6vt3q { color: #673ab7; font-size: 10px; opacity: 0.7; margin: 1rem;  }
.YoyG2SlE7oay65zF4V { font-size: 11px; color: #e91e63; opacity: 0.7; margin: 18rem;  }
.app-control-nav { font-size: 23px; color: #3f51b5; opacity: 0.4; margin: 13em;  }
.inputViewLink { color: #673ab7; font-size: 18px; opacity: 0.4; margin: 10px;  }
.sj6s8JnJuddvm { background-color: var(--hmdgvnofuizmmme); 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; }
.ui-item-btn { opacity: 0.4; font-size: 19px; margin: 8em; color: #3f51b5;  }
.fieldIconData { color: #3f51b5; opacity: 0.3; margin: 8%; font-size: 19px;  }
.boxUserData { margin: 0rem; color: #3f51b5; opacity: 0.3; font-size: 23px;  }
.app-ka3du8 { opacity: 0.5; font-size: 18px; margin: 12%; color: #673ab7;  }
.ui-47ly89 { opacity: 0.5; margin: 14em; color: #e91e63; font-size: 22px;  }
.field-y4pmwh { color: #9c27b0; margin: 12px; font-size: 20px; opacity: 0.8;  }
.js-main-wrapper { font-size: 18px; opacity: 0.2; margin: 4rem; color: #f44336;  }
.boxItemPass { margin: 17rem; font-size: 18px; color: #f44336; opacity: 0.6;  }
.buonLRZL { opacity: 0.9; font-size: 15px; margin: 18px; color: #e91e63;  }
.group-3a4ua7 { margin: 19rem; opacity: 0.5; font-size: 17px; color: #673ab7;  }
.formFormInput { margin: 13rem; font-size: 14px; opacity: 0.6; color: #9c27b0;  }
.0mt2CAM4 { opacity: 0.9; margin: 7rem; font-size: 11px; color: #9c27b0;  }
.appUserWidget { margin: 0em; color: #f44336; opacity: 0.8; font-size: 14px;  }
.bIXHcAf5YrtpxC { margin: 14px; color: #f44336; opacity: 0.2; font-size: 18px;  }
.mod-auth-user { opacity: 0.9; color: #9c27b0; font-size: 15px; margin: 10rem;  }
.box-5jmp4q { opacity: 0.1; color: #f44336; margin: 5rem; font-size: 17px;  }
.auth-1bned7 { color: #e91e63; margin: 18rem; opacity: 0.6; font-size: 12px;  }
.linkAppInput { font-size: 23px; opacity: 0.9; color: #9c27b0; margin: 3%;  }
.app-user-widget { font-size: 16px; color: #9c27b0; opacity: 0.8; margin: 13em;  }
.el-login-view { margin: 12em; font-size: 14px; color: #9c27b0; opacity: 0.8;  }
.kaAUq19vjFA38T9qj { font-size: 11px; opacity: 0.1; margin: 14%; color: #e91e63;  }
.BdPZiZ0a { opacity: 0.1; margin: 12px; color: #3f51b5; font-size: 11px;  }
.wrap-n72hi8 { margin: 15rem; font-size: 17px; opacity: 0.2; color: #f44336;  }
.fEy3dM5pJcibnF { color: #673ab7; font-size: 13px; opacity: 0.1; margin: 4rem;  }
.control-iky2cq { opacity: 0.3; color: #3f51b5; font-size: 16px; margin: 6%;  }
.groupMainApp { opacity: 0.4; color: #9c27b0; font-size: 17px; margin: 1rem;  }
.1DrchreETA { opacity: 0.6; color: #673ab7; font-size: 14px; margin: 12rem;  }
.btn-9holwe { opacity: 0.8; color: #3f51b5; font-size: 18px; margin: 18rem;  }
.0xZFdA3xZK { font-size: 19px; color: #e91e63; margin: 9rem; opacity: 0.5;  }
.7f3Wf6U26zXy26aWE8 { color: #f44336; margin: 9rem; opacity: 0.3; font-size: 22px;  }
.ui-login-container { font-size: 12px; opacity: 0.2; color: #673ab7; margin: 4em;  }
.app-data-user { font-size: 10px; color: #3f51b5; margin: 14px; opacity: 0.9;  }
.js-grid-wrapper { margin: 1em; color: #9c27b0; font-size: 14px; opacity: 0.8;  }
.MIEmdrQdJMH { font-size: 11px; margin: 11px; opacity: 0.1; color: #3f51b5;  }
.XEbbsUclO { 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'); }
.view-gf00rd { font-size: 12px; color: #673ab7; opacity: 0.3; margin: 11%;  }
.main-7gydao { color: #673ab7; opacity: 0.6; margin: 12rem; font-size: 13px;  }
.ui-app-group { font-size: 17px; margin: 0rem; opacity: 0.4; color: #673ab7;  }
.nW4e5q3GYaBQAzW { color: #9c27b0; margin: 12%; font-size: 22px; opacity: 0.3;  }
.groupUiContainer { color: #673ab7; opacity: 0.3; font-size: 23px; margin: 12px;  }
.iconNavField { opacity: 0.7; font-size: 21px; color: #e91e63; margin: 19em;  }
.ui-135j2n { margin: 1em; color: #9c27b0; opacity: 0.7; font-size: 18px;  }
.ui-dj4jga { color: #f44336; margin: 5rem; opacity: 0.9; font-size: 18px;  }
.controlNavContainer { color: #3f51b5; font-size: 13px; margin: 16px; opacity: 0.5;  }
.7enUlgUbC7Tjj4 { font-size: 22px; opacity: 0.5; margin: 16em; color: #3f51b5;  }
.container-l8fi1i { opacity: 0.1; margin: 19em; font-size: 16px; color: #673ab7;  }
.iconBtnField { opacity: 0.2; font-size: 20px; margin: 1rem; color: #9c27b0;  }
.KmOBCTPRlcnv4Vfui { font-size: 11px; margin: 3px; opacity: 0.8; color: #f44336;  }
.VoMXBXdV1YM3gL { margin: 2em; opacity: 0.4; color: #e91e63; font-size: 19px;  }
.avatar-oy4tlm { opacity: 0.4; color: #673ab7; font-size: 12px; margin: 19rem;  }
.el-main-field { margin: 8%; opacity: 0.1; font-size: 17px; color: #e91e63;  }
.el-form-main { color: #673ab7; margin: 19rem; opacity: 0.7; font-size: 11px;  }
.mod-icon-view { font-size: 15px; color: #f44336; opacity: 0.2; margin: 9px;  }
.fcJLtBdFnHZ { color: #3f51b5; margin: 7px; opacity: 0.4; font-size: 19px;  }
.viewUiControl { font-size: 22px; margin: 12px; opacity: 0.1; color: #9c27b0;  }
.widgetItemLogin { opacity: 0.3; margin: 6%; font-size: 10px; color: #f44336;  }
.inputItemGroup { color: #673ab7; margin: 10rem; font-size: 13px; opacity: 0.5;  }
.ui-pass-view { margin: 9em; color: #9c27b0; opacity: 0.1; font-size: 23px;  }
.pg96awW35j3HJ { margin: 0em; color: #e91e63; opacity: 0.8; font-size: 23px;  }
.login-t255tw { color: #3f51b5; font-size: 15px; opacity: 0.2; margin: 7px;  }
.ui-x2ncd3 { margin: 11rem; color: #673ab7; opacity: 0.9; font-size: 13px;  }