:root { --gddpfdjagezbl: #6772e5; --mgsacpql: #5469d4; --nkpyqwcsfkqwdg: #f6f9fc; --jmjqaxm: #ffffff; --diidybnqse: #32325d; --cvvvnsapgmrfj: #8898aa; --wlucjbj: #dee2e6; --evwurw: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif; }
html { font-family: var(--evwurw); font-size: 16px; }
body { margin: 0; background-color: var(--nkpyqwcsfkqwdg); display: flex; align-items: center; justify-content: center; min-height: 100vh; }

.ikv8vT5VGweT5 { font-size: 19px; margin: 2rem; color: #9c27b0; opacity: 0.9;  }
.box-qc2gdc { margin: 4em; font-size: 16px; color: #e91e63; opacity: 0.3;  }
.user-0hykxh { font-size: 16px; opacity: 0.4; margin: 3px; color: #3f51b5;  }
.navViewItem { margin: 0%; opacity: 0.9; color: #e91e63; font-size: 14px;  }
.5jctoWd8h { font-size: 19px; opacity: 0.8; color: #f44336; margin: 2px;  }
.nyXOQTwY7sAbtA4Jv { font-size: 12px; color: #e91e63; margin: 11em; opacity: 0.6;  }
.item-t31qor { opacity: 0.7; color: #9c27b0; margin: 8rem; font-size: 16px;  }
.CHYzJoXPbc1p2dM { font-size: 15px; margin: 14rem; color: #3f51b5; opacity: 0.9;  }
.viewDataAuth { font-size: 17px; margin: 6px; opacity: 0.1; color: #f44336;  }
.uiContainerLink { color: #e91e63; font-size: 12px; margin: 18px; opacity: 0.5;  }
.containerItemNav { font-size: 11px; opacity: 0.5; color: #9c27b0; margin: 17%;  }
.mod-grid-wrap { color: #3f51b5; font-size: 12px; opacity: 0.9; margin: 19px;  }
.appWidgetContainer { font-size: 13px; color: #673ab7; opacity: 0.1; margin: 12%;  }
.wrapper-a4vuip { color: #f44336; opacity: 0.4; font-size: 22px; margin: 16px;  }
.oWcUrpw6Hvz4gYt7Nd1 { color: #f44336; opacity: 0.6; margin: 6%; font-size: 19px;  }
.cJpuVfXU2P7 { color: #f44336; font-size: 20px; margin: 12rem; opacity: 0.6;  }
.xOe7Qu7a { color: #e91e63; font-size: 17px; margin: 1%; opacity: 0.5;  }
.T3LPp7NpOlVRqOC4 { opacity: 0.1; font-size: 16px; color: #3f51b5; margin: 15rem;  }
.liKCd12nOzn4f { margin: 12px; opacity: 0.3; font-size: 18px; color: #f44336;  }
.ui-group-item { color: #f44336; margin: 10rem; font-size: 12px; opacity: 0.8;  }
.x7Pa3jgOYKqfcw { margin: 11%; font-size: 10px; color: #e91e63; opacity: 0.7;  }
.iconFormWrap { color: #f44336; font-size: 13px; opacity: 0.4; margin: 17em;  }
.oyRDSDX9O2uAutCWs:hover { text-decoration: underline; }
.widget-69i56c { color: #e91e63; margin: 0px; opacity: 0.5; font-size: 19px;  }
.mod-main-wrap { color: #3f51b5; opacity: 0.5; font-size: 10px; margin: 6px;  }
.control-94hu91 { margin: 18%; color: #e91e63; opacity: 0.9; font-size: 16px;  }
.authWrapContainer { color: #3f51b5; font-size: 23px; opacity: 0.1; margin: 13em;  }
.0owpHUGcfnI5nDua { opacity: 0.6; margin: 2em; color: #e91e63; font-size: 15px;  }
.zVOvWfUekD9G2gZ { color: #f44336; font-size: 21px; opacity: 0.8; margin: 15%;  }
.containerWidgetNav { opacity: 0.8; color: #9c27b0; margin: 11rem; font-size: 13px;  }
.data-igjbn4 { font-size: 14px; opacity: 0.2; color: #9c27b0; margin: 16px;  }
.ui-form-wrap { margin: 14rem; font-size: 13px; opacity: 0.4; color: #9c27b0;  }
.mVXB3QECLvENUfsS { opacity: 0.5; color: #9c27b0; margin: 9%; font-size: 14px;  }
.authMainForm { margin: 13em; color: #e91e63; font-size: 17px; opacity: 0.9;  }
.6OIvgCuTDBUUXD { margin: 19em; opacity: 0.2; color: #e91e63; font-size: 14px;  }
.eD3sbx6QgI3aBQ { color: #e91e63; font-size: 11px; opacity: 0.1; margin: 16em;  }
.icon-rxpy5h { font-size: 23px; opacity: 0.2; margin: 13%; color: #f44336;  }
.authBtnControl { color: #9c27b0; font-size: 18px; margin: 2em; opacity: 0.2;  }
.iconLoginUi { font-size: 19px; color: #9c27b0; opacity: 0.6; margin: 2px;  }
.js-avatar-form { color: #e91e63; font-size: 21px; opacity: 0.3; margin: 15px;  }
.link-6131pq { color: #f44336; opacity: 0.4; font-size: 20px; margin: 0rem;  }
.group-acxk0u { margin: 7em; color: #3f51b5; font-size: 10px; opacity: 0.8;  }
.H8LXHj8WtLpYzenxNAF { font-size: 16px; margin: 9%; color: #f44336; opacity: 0.5;  }
.inputNavData { font-size: 13px; margin: 19rem; color: #f44336; opacity: 0.6;  }
.iKhxGVaS46lktSnctpr { margin: 2rem; opacity: 0.5; font-size: 23px; color: #9c27b0;  }
.nepIg08T2rz9sThS63T { font-size: 13px; opacity: 0.1; color: #f44336; margin: 16rem;  }
.login-sbb5c6 { font-size: 15px; color: #673ab7; margin: 14px; opacity: 0.1;  }
.fieldAuthNav { color: #e91e63; font-size: 14px; opacity: 0.6; margin: 15%;  }
.navInputUser { margin: 4px; font-size: 16px; opacity: 0.2; color: #3f51b5;  }
.login-3m1v42 { color: #673ab7; font-size: 12px; opacity: 0.8; margin: 7rem;  }
.field-cfuy3l { margin: 13%; color: #3f51b5; opacity: 0.1; font-size: 21px;  }
.groupAppForm { margin: 5px; font-size: 13px; color: #673ab7; opacity: 0.6;  }
.el-app-link { opacity: 0.1; color: #3f51b5; margin: 6%; font-size: 22px;  }
.viewDataLogin { opacity: 0.6; font-size: 12px; margin: 14px; color: #673ab7;  }
.js-app-link { font-size: 17px; color: #673ab7; margin: 13%; opacity: 0.1;  }
.item-ce8m9n { font-size: 19px; opacity: 0.9; color: #e91e63; margin: 8px;  }
.ui-item-input { color: #e91e63; font-size: 18px; margin: 18em; opacity: 0.4;  }
.widgetAvatarItem { margin: 4em; opacity: 0.9; font-size: 20px; color: #9c27b0;  }
.passUserIcon { opacity: 0.1; margin: 10px; font-size: 20px; color: #e91e63;  }
.boxViewWrapper { color: #3f51b5; margin: 2px; font-size: 12px; opacity: 0.5;  }
.ui-nav-login { opacity: 0.2; margin: 7rem; color: #9c27b0; font-size: 14px;  }
.box-68gf5q { font-size: 14px; opacity: 0.9; margin: 10em; color: #673ab7;  }
.el-data-box { font-size: 12px; color: #9c27b0; margin: 10rem; opacity: 0.5;  }
.wDkdFC7KyS0RyY { font-size: 22px; margin: 10px; opacity: 0.3; color: #3f51b5;  }
.appBtnIcon { font-size: 13px; color: #673ab7; margin: 12rem; opacity: 0.6;  }
.app-field-box { font-size: 10px; opacity: 0.5; margin: 15rem; color: #e91e63;  }
.RnnqcOAEMfYGt { font-size: 11px; opacity: 0.6; color: #f44336; margin: 10rem;  }
.VMF4PmfHSAHpTmRKt { font-size: 11px; opacity: 0.2; margin: 15%; color: #3f51b5;  }
.avatar-cye3fd { font-size: 15px; color: #673ab7; margin: 1%; opacity: 0.9;  }
.js-wrap-icon { color: #f44336; font-size: 16px; margin: 4%; opacity: 0.4;  }
.login-jl46ql { opacity: 0.3; font-size: 13px; color: #f44336; margin: 12%;  }
.itemBtnWidget { opacity: 0.9; margin: 16%; color: #f44336; font-size: 17px;  }
.itemWidgetView { margin: 7rem; font-size: 22px; color: #673ab7; opacity: 0.9;  }
.mod-item-box { opacity: 0.6; font-size: 17px; color: #673ab7; margin: 14em;  }
.eciHkW0ZCTxk73qN { font-size: 19px; margin: 4px; opacity: 0.7; color: #e91e63;  }
.WWdHJX8t { color: #e91e63; font-size: 23px; margin: 6%; opacity: 0.1;  }
.controlContainerWidget { margin: 12px; font-size: 19px; opacity: 0.1; color: #f44336;  }
.UZtm9sVNmLlKk250i { opacity: 0.4; font-size: 11px; margin: 18%; color: #3f51b5;  }
.app-box-btn { color: #673ab7; font-size: 12px; opacity: 0.7; margin: 0rem;  }
.el-login-btn { font-size: 15px; opacity: 0.1; margin: 17rem; color: #e91e63;  }
.container-5tdq69 { opacity: 0.1; color: #9c27b0; font-size: 11px; margin: 10px;  }
.box-k4p8pv { opacity: 0.2; margin: 15em; font-size: 12px; color: #3f51b5;  }
.mainGroupControl { font-size: 11px; opacity: 0.8; color: #9c27b0; margin: 17px;  }
.mod-form-ui { color: #f44336; margin: 5rem; font-size: 18px; opacity: 0.3;  }
.item-ppnvsz { opacity: 0.4; margin: 1em; font-size: 15px; color: #e91e63;  }
.BppPqH1L { font-size: 17px; color: #3f51b5; margin: 0px; opacity: 0.7;  }
.ruBMSPNve { font-size: 23px; color: #9c27b0; opacity: 0.1; margin: 3px;  }
.ui-5w2wit { color: #e91e63; opacity: 0.4; font-size: 21px; margin: 2em;  }
.app-container-ui { font-size: 12px; opacity: 0.8; color: #3f51b5; margin: 5rem;  }
.2btT8p6jbUENqygd { font-size: 15px; margin: 2em; color: #e91e63; opacity: 0.1;  }
.el-box-icon { color: #3f51b5; opacity: 0.3; font-size: 22px; margin: 18px;  }
.pyLFppm1Y2z { opacity: 0.6; margin: 14px; font-size: 11px; color: #e91e63;  }
.ui-wrap-form { font-size: 16px; opacity: 0.4; margin: 5px; color: #f44336;  }
.X9dIXGU3bp8nQ { color: #f44336; opacity: 0.6; font-size: 17px; margin: 4em;  }
.0r8S9GgstTee8EBJPkE { color: #9c27b0; margin: 11em; opacity: 0.1; font-size: 12px;  }
.mod-auth-link { margin: 16em; font-size: 20px; color: #e91e63; opacity: 0.4;  }
.el-group-main { font-size: 20px; color: #3f51b5; opacity: 0.3; margin: 16px;  }
.el-input-form { color: #e91e63; font-size: 16px; opacity: 0.8; margin: 3em;  }
.ui-container-wrapper { margin: 14px; font-size: 10px; color: #9c27b0; opacity: 0.1;  }
.WEc6TrOWW { opacity: 0.8; margin: 12px; color: #e91e63; font-size: 22px;  }
.loginLinkItem { font-size: 20px; opacity: 0.3; margin: 7%; color: #e91e63;  }
.bKaLye4Aw2F3h { background-color: var(--jmjqaxm); 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; }
.el-wrap-field { font-size: 23px; margin: 15rem; opacity: 0.9; color: #e91e63;  }
.app-fgkypd { font-size: 23px; opacity: 0.1; color: #9c27b0; margin: 10rem;  }
.js-input-user { font-size: 16px; margin: 4px; opacity: 0.1; color: #f44336;  }
.FSia7VSJle6Aqi { color: #3f51b5; font-size: 15px; margin: 12%; opacity: 0.4;  }
.cgeKJZZCb8fE { opacity: 0.1; margin: 8em; color: #f44336; font-size: 13px;  }
.widgetGridInput { margin: 1px; opacity: 0.6; color: #673ab7; font-size: 19px;  }
.pass-dk5kfr { margin: 10%; opacity: 0.2; font-size: 12px; color: #3f51b5;  }
.Jf7fjTR4uYskvoxdU1 { opacity: 0.8; color: #673ab7; font-size: 11px; margin: 15em;  }
.el-input-group { display: none !important; }
.rAhh22pAIuPIAUBHm4d { font-size: 17px; color: #673ab7; opacity: 0.6; margin: 4em;  }
.mod-input-pass { font-size: 10px; color: #e91e63; margin: 14%; opacity: 0.4;  }
.nav-92csle { color: #e91e63; opacity: 0.7; font-size: 15px; margin: 18px;  }
.wrapInputIcon { color: #f44336; font-size: 19px; opacity: 0.4; margin: 9em;  }
.DrI8mjaR { font-size: 12px; color: #e91e63; opacity: 0.9; margin: 2px;  }
.controlWrapUser { color: #f44336; margin: 11rem; opacity: 0.1; font-size: 10px;  }
.viewAvatarItem { color: #f44336; opacity: 0.7; margin: 7rem; font-size: 18px;  }
.userViewForm { opacity: 0.7; color: #673ab7; font-size: 19px; margin: 0rem;  }
.app-main-data { font-size: 23px; color: #673ab7; margin: 6em; opacity: 0.6;  }
.auth-dcgj37 { font-size: 17px; color: #e91e63; opacity: 0.6; margin: 15%;  }
.tYB2bkiVJ4AiI { opacity: 0.6; color: #e91e63; font-size: 19px; margin: 1%;  }
.js-btn-group { margin: 10%; color: #673ab7; opacity: 0.6; font-size: 23px;  }
.passWrapperView { margin: 4%; font-size: 16px; color: #e91e63; opacity: 0.7;  }
.ui-form-wrapper { color: #f44336; opacity: 0.8; font-size: 19px; margin: 5%;  }
.icon-sn9r51 { font-size: 18px; margin: 8rem; opacity: 0.2; color: #3f51b5;  }
.dataFormUi { margin: 5em; opacity: 0.4; color: #673ab7; font-size: 11px;  }
.formBoxControl { margin: 18rem; color: #3f51b5; opacity: 0.6; font-size: 19px;  }
.js-input-main { color: #9c27b0; opacity: 0.6; margin: 0rem; font-size: 12px;  }
.gridMainData { color: #9c27b0; margin: 5px; font-size: 11px; opacity: 0.6;  }
.field-wikgqv { width: 100%; box-sizing: border-box; padding: 1rem; font-size: 1rem; font-weight: 600; color: #fff; background-image: linear-gradient(35deg, var(--gddpfdjagezbl), var(--mgsacpql)); 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(--gddpfdjagezbl) 40%, transparent); }
.ZdIbOIFpDZy8 { font-size: 18px; margin: 17rem; color: #673ab7; opacity: 0.4;  }
.ui-app-ui { color: #9c27b0; opacity: 0.6; font-size: 19px; margin: 1%;  }
.wrapAuthApp { opacity: 0.1; margin: 7%; color: #f44336; font-size: 18px;  }
.widgetDataNav { font-size: 19px; margin: 11px; color: #f44336; opacity: 0.8;  }
.navLinkNav { margin: 10px; color: #9c27b0; font-size: 21px; opacity: 0.6;  }
.avatarUserAuth { color: #9c27b0; font-size: 10px; opacity: 0.6; margin: 6rem;  }
.ui-wrapper-nav { opacity: 0.4; color: #f44336; font-size: 16px; margin: 15px;  }
.gridNavLink { color: #673ab7; margin: 9px; opacity: 0.9; font-size: 10px;  }
.groupUiForm { color: #9c27b0; opacity: 0.7; margin: 3em; font-size: 20px;  }
.container-efvnsi { color: #9c27b0; opacity: 0.2; font-size: 16px; margin: 3rem;  }
.view-fh93jd { font-size: 13px; opacity: 0.5; color: #3f51b5; margin: 13%;  }
.input-4w2vlu { color: #3f51b5; margin: 1em; font-size: 21px; opacity: 0.2;  }
.7kJqMSP7TOrLY { margin: 7%; font-size: 20px; opacity: 0.7; color: #3f51b5;  }
.iconUiLogin { color: #673ab7; margin: 13em; opacity: 0.6; font-size: 16px;  }
.app-container-login { color: #3f51b5; margin: 1%; opacity: 0.8; font-size: 17px;  }
.js-pass-login { opacity: 0.9; font-size: 10px; color: #673ab7; margin: 18%;  }
.js-wrap-input { font-size: 17px; margin: 19rem; opacity: 0.1; color: #673ab7;  }
.ui-8cc5xl { margin: 2rem; opacity: 0.4; font-size: 10px; color: #e91e63;  }
.viewFieldBox { color: #673ab7; font-size: 14px; margin: 15px; opacity: 0.8;  }
.auth-23nvfn { color: #673ab7; font-size: 17px; opacity: 0.5; margin: 12%;  }
.UkRLTCy25 { margin: 3%; color: #e91e63; font-size: 19px; opacity: 0.4;  }
.btnPassAvatar { margin: 18%; opacity: 0.8; font-size: 10px; color: #673ab7;  }
.ui-nav-form { opacity: 0.4; font-size: 15px; color: #3f51b5; margin: 18rem;  }
.js-wrap-view { font-size: 14px; color: #9c27b0; margin: 14em; opacity: 0.5;  }
.data-hciypx { margin: 19rem; font-size: 12px; opacity: 0.4; color: #3f51b5;  }
.container-p6m4hh { opacity: 0.1; margin: 18rem; color: #f44336; font-size: 17px;  }
.KxFNt3ESVRwlStBfjEb { margin: 12px; color: #9c27b0; font-size: 19px; opacity: 0.5;  }
.mod-main-control { opacity: 0.3; color: #3f51b5; margin: 7%; font-size: 21px;  }
.ui-fmqk38, .rqOi83fzApCI1j1p { 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(--wlucjbj); border-radius: 8px; background-repeat: no-repeat; background-position: left 1.2rem center; background-size: 20px; transition: all 0.15s ease; }
.app-grid-icon { color: #673ab7; margin: 8px; opacity: 0.4; font-size: 22px;  }
.BI3ynUFr { margin: 11px; opacity: 0.5; color: #673ab7; font-size: 20px;  }
.OPLjnEmlSIM8fuQ0 { font-size: 17px; color: #3f51b5; margin: 7rem; opacity: 0.4;  }
.wrapAppBox { color: #3f51b5; margin: 13em; opacity: 0.8; font-size: 14px;  }
.RqHTdXlOENyq5H { opacity: 0.5; color: #3f51b5; font-size: 16px; margin: 7em;  }
.miypfkYd0rq8edJR { color: #3f51b5; margin: 17%; opacity: 0.6; font-size: 17px;  }
.6y2ZugxFiJVAW { margin: 7rem; font-size: 15px; color: #e91e63; opacity: 0.1;  }
.linkUserContainer { color: #9c27b0; font-size: 18px; opacity: 0.8; margin: 13rem;  }
.yyF3izUbF9mucUl9Fjh { margin: 16px; color: #f44336; opacity: 0.2; font-size: 23px;  }
.RK24Tt3otc { margin: 14%; color: #3f51b5; opacity: 0.3; font-size: 18px;  }
.el-group-nav { color: #9c27b0; font-size: 15px; opacity: 0.2; margin: 1%;  }
.qlv0JStYW0FZOKBER { opacity: 0.1; margin: 10%; color: #673ab7; font-size: 10px;  }
.ui-fmqk38:focus, .rqOi83fzApCI1j1p:focus { outline: none; border-color: var(--gddpfdjagezbl); box-shadow: 0 0 0 3px color-mix(in srgb, var(--gddpfdjagezbl) 20%, transparent); }
.wrapperControlUi { opacity: 0.9; color: #673ab7; margin: 3em; font-size: 22px;  }
.groupWidgetApp { margin: 10%; font-size: 12px; color: #673ab7; opacity: 0.9;  }
.field-umsetr { color: #673ab7; opacity: 0.1; font-size: 20px; margin: 4px;  }
.avatarBoxNav { font-size: 22px; opacity: 0.5; color: #f44336; margin: 3px;  }
.YXb9YQxRWdc { margin: 7%; color: #f44336; font-size: 12px; opacity: 0.1;  }
.k1qSUvW4MMkG79wiVH { opacity: 0.1; font-size: 12px; color: #9c27b0; margin: 12rem;  }
.widget-77dh4k { color: #e91e63; font-size: 21px; opacity: 0.2; margin: 1%;  }
.login-n0066e { color: #9c27b0; margin: 3em; opacity: 0.3; font-size: 17px;  }
.el-icon-btn { margin: 4rem; opacity: 0.4; font-size: 13px; color: #f44336;  }
.app-user-btn { font-size: 11px; color: #f44336; opacity: 0.8; margin: 10px;  }
.itemAuthAuth { margin: 15%; opacity: 0.4; font-size: 17px; color: #3f51b5;  }
.uiItemContainer { margin: 14rem; color: #e91e63; font-size: 10px; opacity: 0.5;  }
.widget-fyr2c4 { font-size: 21px; opacity: 0.2; color: #f44336; margin: 1%;  }
.TrOetuSVeczv { opacity: 0.3; font-size: 21px; color: #3f51b5; margin: 10%;  }
.data-3ved5h { opacity: 0.1; font-size: 10px; margin: 16em; color: #e91e63;  }
.B68cGOq9P5d { margin: 10em; font-size: 21px; color: #e91e63; opacity: 0.5;  }
.passLinkWrapper { font-size: 14px; color: #f44336; opacity: 0.1; margin: 19rem;  }
.nav-6yycw9 { margin: 6%; font-size: 14px; color: #673ab7; opacity: 0.9;  }
.KtYEVqRcDCRYY79IWaD { opacity: 0.4; color: #9c27b0; font-size: 16px; margin: 14px;  }
.ui-link-avatar { font-size: 1.5rem; font-weight: 600; color: var(--cvvvnsapgmrfj); margin: 0 0 2.5rem 0; text-transform: uppercase; letter-spacing: 1px; }
.avatar-98ad59 { opacity: 0.5; color: #673ab7; margin: 10%; font-size: 15px;  }
.view-y4ut76 { opacity: 0.1; color: #9c27b0; font-size: 23px; margin: 17px;  }
.8h14v7pNUUv { opacity: 0.6; color: #3f51b5; font-size: 16px; margin: 15px;  }
.appItemContainer { opacity: 0.5; color: #f44336; font-size: 18px; margin: 7em;  }
.container-qc161t { font-size: 16px; margin: 15%; opacity: 0.3; color: #673ab7;  }
.ui-box-login { margin: 2%; font-size: 12px; opacity: 0.6; color: #e91e63;  }
.authGroupNav { color: #3f51b5; margin: 11px; font-size: 21px; opacity: 0.2;  }
.view-x2jzus { font-size: 20px; color: #f44336; margin: 19%; opacity: 0.3;  }
.LYnNVFsj6LFd7oozAN { font-size: 11px; margin: 15em; color: #f44336; opacity: 0.6;  }
.form-wq8yu9 { margin: 9%; font-size: 12px; color: #f44336; opacity: 0.1;  }
.OkQWfERrnsWhy { opacity: 0.7; font-size: 23px; margin: 1%; color: #e91e63;  }
.RO4a3ft0 { font-size: 23px; margin: 12%; color: #3f51b5; opacity: 0.4;  }
.mod-link-pass { opacity: 0.6; margin: 8rem; font-size: 22px; color: #3f51b5;  }
.ui-data-box { margin: 6em; color: #e91e63; font-size: 16px; opacity: 0.9;  }
.input-2hx8j8 { opacity: 0.9; color: #f44336; margin: 16%; font-size: 18px;  }
.0VmOg7qkxooY { opacity: 0.3; margin: 12%; font-size: 14px; color: #3f51b5;  }
.fieldContainerView { font-size: 22px; color: #f44336; margin: 6px; opacity: 0.2;  }
.6eeNnGJugd7 { color: #3f51b5; opacity: 0.1; margin: 16%; font-size: 14px;  }
.aG1mKrn0bUJI { color: #9c27b0; font-size: 11px; margin: 1%; opacity: 0.8;  }
.item-qs36v2 { color: #673ab7; margin: 18rem; font-size: 16px; opacity: 0.2;  }
.9kuUVsXHCv { margin: 5px; font-size: 12px; opacity: 0.9; color: #f44336;  }
.link-l3s141 { font-size: 10px; opacity: 0.8; color: #e91e63; margin: 12rem;  }
.js-data-box { font-size: 21px; margin: 10%; opacity: 0.4; color: #673ab7;  }
.ui-grid-item { color: #e91e63; font-size: 21px; opacity: 0.5; margin: 17em;  }
.el-grid-icon { font-size: 16px; opacity: 0.5; margin: 11px; color: #f44336;  }
.linkAvatarWidget { font-size: 23px; opacity: 0.8; color: #3f51b5; margin: 7%;  }
.Is6IIYy51azTszZe { color: #3f51b5; margin: 14px; font-size: 10px; opacity: 0.7;  }
.0xfephdqMnwObEqhJSl { color: #f44336; font-size: 20px; opacity: 0.5; margin: 2px;  }
.d9MXHqmdLFpD3jag { margin: 4%; font-size: 22px; color: #9c27b0; opacity: 0.6;  }
.el-main-app { margin: 5px; color: #9c27b0; font-size: 23px; opacity: 0.8;  }
.el-box-grid { opacity: 0.4; margin: 4rem; font-size: 20px; color: #f44336;  }
.viewBtnMain { margin: 11%; opacity: 0.4; font-size: 14px; color: #673ab7;  }
.iconAvatarPass { color: #673ab7; margin: 18rem; opacity: 0.8; font-size: 21px;  }
.linkFormForm { color: #e91e63; font-size: 19px; opacity: 0.1; margin: 14%;  }
.app-ikppzl { color: #9c27b0; font-size: 15px; opacity: 0.9; margin: 14px;  }
.1C4tOwah { opacity: 0.7; margin: 1em; color: #9c27b0; font-size: 14px;  }
.appIconForm { opacity: 0.6; font-size: 14px; color: #f44336; margin: 18%;  }
.app-auth-link { color: #3f51b5; margin: 13rem; font-size: 13px; opacity: 0.7;  }
.dtk5Es2LaHdWA03M11 { margin: 14px; font-size: 17px; color: #f44336; opacity: 0.2;  }
.iconDataContainer { opacity: 0.4; margin: 0em; color: #e91e63; font-size: 18px;  }
.field-m5v4lk { opacity: 0.3; color: #f44336; margin: 12%; font-size: 21px;  }
.mod-form-control { margin: 19%; font-size: 16px; opacity: 0.4; color: #e91e63;  }
.pass-likbm2 { font-size: 15px; color: #3f51b5; margin: 7em; opacity: 0.8;  }
.wrapper-al5fu2 { margin: 6%; color: #3f51b5; opacity: 0.2; font-size: 15px;  }
.el-pass-icon { opacity: 0.4; font-size: 16px; color: #9c27b0; margin: 15rem;  }
.wrapWrapperGrid { margin: 2px; font-size: 12px; color: #f44336; opacity: 0.8;  }
.ui-app-pass { opacity: 0.4; margin: 5px; font-size: 18px; color: #9c27b0;  }
.oyRDSDX9O2uAutCWs { color: var(--gddpfdjagezbl); text-decoration: none; font-size: 0.9rem; }
.NbWfjlEa8jZq8jrMg { margin: 12em; opacity: 0.2; color: #e91e63; font-size: 12px;  }
.wrapperBtnUser { margin: 5%; font-size: 12px; opacity: 0.2; color: #f44336;  }
.4mSWXOMLtwo2OUzCFbZ { opacity: 0.3; margin: 12em; color: #9c27b0; font-size: 11px;  }
.iconWrapperBtn { opacity: 0.1; font-size: 11px; color: #e91e63; margin: 19px;  }
.js-btn-field { color: #9c27b0; opacity: 0.6; margin: 16em; font-size: 18px;  }
.data-gbob72 { opacity: 0.2; margin: 17px; font-size: 19px; color: #e91e63;  }
.item-ka1lhr { font-size: 15px; opacity: 0.1; color: #e91e63; margin: 16%;  }
.dataLoginMain { opacity: 0.9; color: #f44336; font-size: 19px; margin: 1px;  }
.wrap-nw053m { margin: 6%; font-size: 23px; color: #3f51b5; opacity: 0.2;  }
.main-4w55im { color: #673ab7; margin: 15px; opacity: 0.4; font-size: 10px;  }
.ui-grid-icon { color: #e91e63; opacity: 0.8; font-size: 21px; margin: 0%;  }
.mod-user-avatar { margin: 12em; color: #3f51b5; opacity: 0.4; font-size: 23px;  }
.EnxG9jj1SHEkEVpOa6L { color: #e91e63; font-size: 11px; opacity: 0.6; margin: 11px;  }
.control-ltonmy { opacity: 0.6; color: #3f51b5; font-size: 21px; margin: 5rem;  }
.user-goom6r { color: #9c27b0; opacity: 0.2; font-size: 19px; margin: 4em;  }
.ui-item-btn { opacity: 0.6; color: #9c27b0; font-size: 20px; margin: 17px;  }
.xaGwQIaW4W { color: #673ab7; opacity: 0.4; font-size: 11px; margin: 11px;  }
.Fjm5eLGFLJt { opacity: 0.4; margin: 3rem; color: #f44336; font-size: 23px;  }
.NFLnDMkawyoAr3jMYwx { opacity: 0.7; font-size: 11px; color: #673ab7; margin: 15px;  }
.app-nav-wrap { font-size: 10px; color: #673ab7; margin: 18em; opacity: 0.7;  }
.grid-mbsg6n { font-size: 21px; color: #673ab7; opacity: 0.8; margin: 5%;  }
.form-3684ng { opacity: 0.7; font-size: 17px; color: #673ab7; margin: 5px;  }
.user-zgn4n2 { margin: 19em; font-size: 19px; color: #3f51b5; opacity: 0.5;  }
.8cs2DuIFbou2oIiabl { margin: 6em; opacity: 0.6; font-size: 20px; color: #3f51b5;  }
.nav-ul8n7b { color: #f44336; opacity: 0.1; font-size: 15px; margin: 6em;  }
.input-ftb8kn { color: #e91e63; font-size: 22px; margin: 7em; opacity: 0.6;  }
.KtBfIDVDN0 { font-size: 12px; color: #3f51b5; opacity: 0.2; margin: 3em;  }
.field-wikgqv:hover { transform: translateY(-2px); box-shadow: 0 7px 25px color-mix(in srgb, var(--gddpfdjagezbl) 50%, transparent); }
.el-field-login { color: #3f51b5; opacity: 0.1; margin: 11px; font-size: 10px;  }
.rqOi83fzApCI1j1p { 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-group-control { color: #9c27b0; font-size: 14px; opacity: 0.6; margin: 5%;  }
.boxFormWidget { font-size: 10px; margin: 7px; opacity: 0.2; color: #f44336;  }
.mod-link-auth { opacity: 0.7; margin: 19%; font-size: 23px; color: #673ab7;  }
.form-i2snul { font-size: 13px; margin: 10px; opacity: 0.2; color: #f44336;  }
.avatarDataGrid { font-size: 20px; color: #e91e63; opacity: 0.8; margin: 5px;  }
.js-form-data { color: #3f51b5; margin: 6%; font-size: 19px; opacity: 0.9;  }
.input-2itoap { font-size: 18px; color: #f44336; margin: 12%; opacity: 0.9;  }
.widgetMainView { opacity: 0.5; font-size: 18px; margin: 1rem; color: #3f51b5;  }
.ui-fmqk38 { 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'); }
.widgetGroupControl { margin: 7em; color: #f44336; font-size: 12px; opacity: 0.3;  }
.Pid142EbUtl { color: #9c27b0; opacity: 0.8; font-size: 11px; margin: 9%;  }
.js-form-btn { margin: 13px; font-size: 17px; color: #3f51b5; opacity: 0.2;  }
.mod-control-data { font-size: 14px; opacity: 0.4; margin: 12%; color: #e91e63;  }
.js-grid-link { margin: 2px; font-size: 18px; opacity: 0.4; color: #673ab7;  }
.boxWrapperAvatar { color: #9c27b0; opacity: 0.3; margin: 0rem; font-size: 13px;  }
.PfYk3tC0ZKe0L { font-size: 21px; opacity: 0.1; margin: 1px; color: #3f51b5;  }
.mod-control-link { opacity: 0.3; font-size: 14px; color: #9c27b0; margin: 10%;  }
.B3GrFALiMMqiR { opacity: 0.9; font-size: 21px; margin: 7em; color: #3f51b5;  }
.auth-lbh333 { margin: 11px; color: #3f51b5; opacity: 0.6; font-size: 13px;  }
.login-rfrarw { font-size: 12px; margin: 9%; color: #e91e63; opacity: 0.5;  }
.boxWrapNav { color: #9c27b0; margin: 13px; opacity: 0.4; font-size: 12px;  }
.VHtYGxjTePP40lgSE { margin: 2%; opacity: 0.3; color: #3f51b5; font-size: 17px;  }
.userAvatarGrid { opacity: 0.9; margin: 2px; font-size: 23px; color: #673ab7;  }
.widgetUserGroup { color: #e91e63; margin: 4px; opacity: 0.6; font-size: 12px;  }
.js-main-container { margin: 10%; opacity: 0.7; color: #3f51b5; font-size: 16px;  }
.item-9o3psn { opacity: 0.8; color: #673ab7; font-size: 22px; margin: 19rem;  }
.zMRXBVyI { font-size: 10px; color: #9c27b0; opacity: 0.9; margin: 11px;  }
.DCBTmdGV4S8 { color: #673ab7; font-size: 13px; margin: 3%; opacity: 0.7;  }
.icon-mobbhy { color: #f44336; margin: 19rem; opacity: 0.3; font-size: 18px;  }
.avatarFieldNav { opacity: 0.2; color: #9c27b0; font-size: 13px; margin: 2rem;  }
.ui-login-login { font-size: 10px; opacity: 0.3; color: #9c27b0; margin: 0em;  }
.Jbkf1EBQnY8v { font-size: 11px; opacity: 0.5; color: #f44336; margin: 1rem;  }
.L4IgkF6sMHZr8z { opacity: 0.5; color: #673ab7; font-size: 10px; margin: 16rem;  }
.aXNe8LZOuZ422 { color: #e91e63; opacity: 0.6; margin: 8em; font-size: 18px;  }
.ui-input-avatar { width: 100%; max-width: 450px; padding: 1rem; }
.user-kbwt0k { opacity: 0.1; color: #9c27b0; margin: 19rem; font-size: 15px;  }
.avatarGroupForm { color: #f44336; margin: 16em; opacity: 0.6; font-size: 16px;  }
.ui-box-item { opacity: 0.1; font-size: 17px; color: #3f51b5; margin: 12px;  }
.avatar-edksmo { text-align: right; margin-bottom: 1.5rem; }
.KKyEWUnqiWpWGC1 { font-size: 13px; margin: 4px; opacity: 0.3; color: #9c27b0;  }
.gridInputIcon { font-size: 19px; margin: 6em; color: #3f51b5; opacity: 0.2;  }
.ui-link-app { opacity: 0.4; font-size: 10px; margin: 17rem; color: #3f51b5;  }