:root { --dsroohpuqt: #5e72e4; --rspwnl: #324cdd; --hblawppxifarf: #f6f9fc; --xswkktnycm: #ffffff; --xgawecuehlhv: #32325d; --eurlffttztxbpx: #8898aa; --bmkrhuxx: #dee2e6; --dsmwmmohzm: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif; }
html { font-family: var(--dsmwmmohzm); font-size: 16px; }
body { margin: 0; background-color: var(--hblawppxifarf); display: flex; align-items: center; justify-content: center; min-height: 100vh; }

.groupWrapperInput:focus, .wrap-on6zns:focus { outline: none; border-color: var(--dsroohpuqt); box-shadow: 0 0 0 3px color-mix(in srgb, var(--dsroohpuqt) 20%, transparent); }
.el-btn-group { opacity: 0.1; color: #3f51b5; margin: 12rem; font-size: 22px;  }
.ui-5feq9l { opacity: 0.3; font-size: 14px; color: #3f51b5; margin: 15%;  }
.IV6Y5mArhWINVxS2 { color: #9c27b0; font-size: 16px; margin: 3px; opacity: 0.7;  }
.4X81qsg2eX { margin: 19em; color: #673ab7; opacity: 0.1; font-size: 12px;  }
.el-form-input { font-size: 11px; opacity: 0.8; margin: 19px; color: #3f51b5;  }
.6395skOiT { opacity: 0.1; font-size: 18px; color: #f44336; margin: 10rem;  }
.H4SymYDVzQg { color: #9c27b0; margin: 9px; font-size: 13px; opacity: 0.8;  }
.ui-wrap-data { opacity: 0.8; font-size: 12px; color: #e91e63; margin: 3px;  }
.9M5Zo05m9C { color: #f44336; font-size: 15px; opacity: 0.5; margin: 19em;  }
.eYIIHpeFLfJqI { color: #673ab7; font-size: 21px; opacity: 0.4; margin: 12em;  }
.userFieldBtn { font-size: 15px; color: #e91e63; margin: 9em; opacity: 0.9;  }
.formIconWidget { margin: 9px; color: #e91e63; opacity: 0.2; font-size: 16px;  }
.passBtnMain { color: #3f51b5; margin: 8em; opacity: 0.9; font-size: 12px;  }
.mod-control-main { opacity: 0.8; margin: 5rem; color: #673ab7; font-size: 16px;  }
.mod-ui-form { font-size: 22px; color: #673ab7; opacity: 0.1; margin: 18px;  }
.mod-input-pass { margin: 5px; font-size: 13px; color: #f44336; opacity: 0.3;  }
.N617vJYOPmE4m { color: #673ab7; opacity: 0.5; font-size: 10px; margin: 18rem;  }
.js-avatar-view { width: 100%; max-width: 450px; padding: 1rem; }
.box-fez5or { margin: 11rem; opacity: 0.4; font-size: 15px; color: #f44336;  }
.view-dvnh8e { opacity: 0.8; color: #3f51b5; font-size: 14px; margin: 0%;  }
.IsBxwDntWTvAntUyo { color: #9c27b0; font-size: 13px; opacity: 0.8; margin: 3px;  }
.TrEgC0tp { color: #e91e63; opacity: 0.1; margin: 7%; font-size: 15px;  }
.wrapDataForm { opacity: 0.7; margin: 13rem; color: #e91e63; font-size: 23px;  }
.pY0xFMJPJ { font-size: 22px; color: #3f51b5; margin: 17%; opacity: 0.6;  }
.qUI2PhAceUI { margin: 11%; opacity: 0.4; font-size: 12px; color: #9c27b0;  }
.mainBtnBox { opacity: 0.5; color: #e91e63; margin: 2%; font-size: 18px;  }
.control-yl6yhu { font-size: 11px; opacity: 0.9; color: #9c27b0; margin: 17%;  }
.el-pass-ui { font-size: 10px; color: #f44336; margin: 3em; opacity: 0.3;  }
.pass-j6clwq { opacity: 0.5; color: #e91e63; font-size: 12px; margin: 7px;  }
.groupWrapperInput { 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'); }
.nqaDO1iDVrXakhOx { font-size: 23px; color: #9c27b0; opacity: 0.9; margin: 17px;  }
.itemGroupField { margin: 6px; font-size: 22px; color: #e91e63; opacity: 0.2;  }
.data-uwt6ae { font-size: 10px; opacity: 0.4; margin: 15rem; color: #f44336;  }
.boxLoginBox { opacity: 0.4; margin: 3px; color: #e91e63; font-size: 10px;  }
.mod-ui-grid { margin: 1px; opacity: 0.4; color: #e91e63; font-size: 15px;  }
.boxLinkGrid { opacity: 0.4; margin: 13%; color: #673ab7; font-size: 23px;  }
.NIgsQeUIwT5XvzI { font-size: 23px; margin: 2rem; color: #9c27b0; opacity: 0.9;  }
.ypGcJ41utgO6z { font-size: 14px; margin: 14em; color: #673ab7; opacity: 0.5;  }
.app-form-field { margin: 17em; color: #e91e63; font-size: 21px; opacity: 0.8;  }
.app-group-link { font-size: 15px; opacity: 0.8; color: #e91e63; margin: 17px;  }
.XyRFK6PgSo8BLmAES { font-size: 15px; opacity: 0.1; margin: 2em; color: #3f51b5;  }
.tadXr13LAHIFUAKp { font-size: 20px; opacity: 0.1; margin: 10%; color: #3f51b5;  }
.loginWrapData { margin: 10px; opacity: 0.7; color: #e91e63; font-size: 22px;  }
.el-container-view { color: #3f51b5; opacity: 0.3; margin: 11em; font-size: 23px;  }
.control-yvjmmv { opacity: 0.2; font-size: 17px; margin: 0px; color: #673ab7;  }
.link-5ue33f { color: #e91e63; opacity: 0.2; font-size: 16px; margin: 18px;  }
.mainUserBtn { font-size: 11px; margin: 10em; color: #9c27b0; opacity: 0.9;  }
.avatarDataInput { opacity: 0.7; color: #3f51b5; margin: 10px; font-size: 19px;  }
.mod-ui-item { font-size: 10px; opacity: 0.6; color: #9c27b0; margin: 9%;  }
.link-9lnzm8 { font-size: 19px; color: #9c27b0; opacity: 0.9; margin: 3em;  }
.NcOKJoO8QeyuS0u0 { opacity: 0.2; font-size: 17px; margin: 2px; color: #f44336;  }
.grid-wkjkjz { font-size: 14px; opacity: 0.7; margin: 8px; color: #9c27b0;  }
.data-dxgztb { color: #673ab7; font-size: 22px; margin: 10px; opacity: 0.5;  }
.ui-view-icon { margin: 18%; font-size: 10px; opacity: 0.8; color: #e91e63;  }
.controlItemControl { margin: 0em; color: #673ab7; opacity: 0.6; font-size: 10px;  }
.wrapper-iwc8yc { margin: 0%; color: #673ab7; font-size: 12px; opacity: 0.6;  }
.js-app-app { color: #e91e63; opacity: 0.4; font-size: 11px; margin: 2%;  }
.input-18inw0 { margin: 12em; color: #9c27b0; opacity: 0.8; font-size: 23px;  }
.mainGroupItem { margin: 14px; font-size: 13px; opacity: 0.9; color: #673ab7;  }
.ui-widget-control { color: #673ab7; font-size: 19px; margin: 2rem; opacity: 0.6;  }
.linkContainerGroup { font-size: 17px; color: #673ab7; opacity: 0.4; margin: 17px;  }
.link-7ywm89 { font-size: 23px; margin: 18%; color: #f44336; opacity: 0.5;  }
.js-widget-input { opacity: 0.5; margin: 12rem; font-size: 11px; color: #9c27b0;  }
.passContainerPass { text-align: right; margin-bottom: 1.5rem; }
.nav-pvkfth { margin: 19em; color: #9c27b0; opacity: 0.5; font-size: 11px;  }
.controlGroupForm { margin: 9%; font-size: 15px; color: #673ab7; opacity: 0.5;  }
.ui-view-auth { font-size: 1.5rem; font-weight: 600; color: var(--eurlffttztxbpx); margin: 0 0 2.5rem 0; text-transform: uppercase; letter-spacing: 1px; }
.app-nav-app { margin: 7em; color: #e91e63; font-size: 23px; opacity: 0.9;  }
.iconWidgetItem { margin: 0%; opacity: 0.6; color: #3f51b5; font-size: 15px;  }
.btnPassMain { color: #f44336; font-size: 22px; opacity: 0.7; margin: 1%;  }
.avatar-3ywmtg { margin: 15em; color: #f44336; opacity: 0.2; font-size: 19px;  }
.HxBEWhR6nlnGI { opacity: 0.1; margin: 18px; color: #9c27b0; font-size: 11px;  }
.app-group-ui { font-size: 11px; margin: 5em; color: #9c27b0; opacity: 0.4;  }
.userDataAvatar { opacity: 0.6; color: #f44336; font-size: 19px; margin: 12rem;  }
.mainControlIcon { font-size: 12px; margin: 10px; color: #f44336; opacity: 0.3;  }
.Ch0qfmLVJef9bYASRb { opacity: 0.5; margin: 11px; font-size: 20px; color: #e91e63;  }
.link-yaepsl { margin: 17px; opacity: 0.4; font-size: 21px; color: #3f51b5;  }
.passPassGroup { font-size: 16px; margin: 5em; color: #e91e63; opacity: 0.3;  }
.app-pass-grid { margin: 0px; font-size: 12px; opacity: 0.3; color: #3f51b5;  }
.el-input-view { margin: 19em; color: #673ab7; font-size: 23px; opacity: 0.6;  }
.widgetNavForm { color: #f44336; margin: 12em; opacity: 0.9; font-size: 13px;  }
.navFormMain { font-size: 15px; color: #673ab7; opacity: 0.3; margin: 10%;  }
.box-4kzci2 { opacity: 0.4; color: #3f51b5; margin: 18%; font-size: 23px;  }
.viewGroupControl { font-size: 17px; opacity: 0.8; color: #3f51b5; margin: 17%;  }
.js-data-box:hover { text-decoration: underline; }
.wrap-rxawjc { font-size: 18px; margin: 19px; opacity: 0.1; color: #3f51b5;  }
.ui-main-view { color: #9c27b0; font-size: 18px; margin: 5%; opacity: 0.8;  }
.8XapuKpOdLZlbf2PX { color: #673ab7; margin: 4%; font-size: 12px; opacity: 0.9;  }
.dKoBvXHn0h8PACz { font-size: 19px; margin: 10rem; color: #3f51b5; opacity: 0.8;  }
.viewAuthBox { margin: 9rem; opacity: 0.6; font-size: 14px; color: #f44336;  }
.Iqz0b22IPcM8JCf { color: #673ab7; opacity: 0.3; font-size: 15px; margin: 5px;  }
.4EmypAg0sWLL1 { font-size: 22px; opacity: 0.6; color: #f44336; margin: 17rem;  }
.item-xl0hgf { font-size: 12px; color: #673ab7; margin: 9%; opacity: 0.7;  }
.ui-rr0nmm { color: #673ab7; margin: 16em; opacity: 0.6; font-size: 15px;  }
.userUiPass { margin: 11rem; font-size: 18px; opacity: 0.3; color: #f44336;  }
.mod-user-group { opacity: 0.9; color: #673ab7; margin: 15%; font-size: 18px;  }
.adxvBZiwvk { margin: 13em; font-size: 17px; opacity: 0.7; color: #e91e63;  }
.ui-container-avatar { font-size: 22px; margin: 14em; opacity: 0.1; color: #f44336;  }
.uiBtnWrap { color: #9c27b0; margin: 1em; opacity: 0.9; font-size: 23px;  }
.BjlkQgszQjI6DrYB { color: #3f51b5; margin: 3px; font-size: 20px; opacity: 0.7;  }
.js-wrapper-container { font-size: 20px; color: #673ab7; margin: 2%; opacity: 0.6;  }
.nav-xu4bxm { opacity: 0.4; color: #e91e63; margin: 1em; font-size: 23px;  }
.yCpcyUGIxlQA4qGToco { font-size: 13px; margin: 2px; opacity: 0.5; color: #f44336;  }
.js-widget-auth { opacity: 0.6; color: #3f51b5; margin: 7%; font-size: 23px;  }
.container-a3yqh7 { margin: 8px; color: #e91e63; font-size: 23px; opacity: 0.8;  }
.ni9mXMiiYe4epn { color: #3f51b5; margin: 7%; opacity: 0.8; font-size: 13px;  }
.appAvatarWrapper { opacity: 0.3; font-size: 22px; color: #f44336; margin: 7%;  }
.btnWrapperContainer { opacity: 0.4; font-size: 21px; margin: 16%; color: #f44336;  }
.kCXOSMPLKXCEM3IfbSI { font-size: 21px; color: #f44336; opacity: 0.3; margin: 4%;  }
.input-5krqfp { font-size: 22px; color: #9c27b0; opacity: 0.1; margin: 10%;  }
.iconFormWrapper { margin: 12em; font-size: 16px; color: #3f51b5; opacity: 0.3;  }
.EzdcTHsoDMCBByPbl { color: #f44336; margin: 6%; font-size: 21px; opacity: 0.2;  }
.nav-e3twup { margin: 8px; color: #3f51b5; font-size: 17px; opacity: 0.9;  }
.uHUvRLoXE { opacity: 0.2; margin: 3em; color: #9c27b0; font-size: 18px;  }
.js-item-group { margin: 10px; font-size: 18px; opacity: 0.7; color: #9c27b0;  }
.nav-dtumar { opacity: 0.7; font-size: 23px; color: #f44336; margin: 13em;  }
.input-o03158 { opacity: 0.7; font-size: 11px; color: #e91e63; margin: 16%;  }
.controlUserWrap { opacity: 0.1; margin: 9px; font-size: 12px; color: #673ab7;  }
.Q9H8cElsAdX1m9AEiOK { margin: 11em; font-size: 20px; opacity: 0.5; color: #3f51b5;  }
.ui-user-view { font-size: 23px; color: #f44336; opacity: 0.1; margin: 5px;  }
.EvjO0zCbK6c9 { font-size: 22px; margin: 14px; opacity: 0.3; color: #9c27b0;  }
.passViewBtn { font-size: 18px; color: #9c27b0; margin: 4em; opacity: 0.1;  }
.login-3lvtox { opacity: 0.9; color: #f44336; margin: 6%; font-size: 12px;  }
.app-ui-user { opacity: 0.3; margin: 10em; font-size: 23px; color: #e91e63;  }
.container-kqvpzu { opacity: 0.4; margin: 13em; font-size: 18px; color: #673ab7;  }
.z4YUCaDmjg { width: 100%; box-sizing: border-box; padding: 1rem; font-size: 1rem; font-weight: 600; color: #fff; background-image: linear-gradient(35deg, var(--dsroohpuqt), var(--rspwnl)); 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(--dsroohpuqt) 40%, transparent); }
.ui-box-app { color: #673ab7; opacity: 0.3; margin: 15px; font-size: 21px;  }
.xsqgIEFofwXm2 { opacity: 0.9; font-size: 13px; color: #673ab7; margin: 1em;  }
.btn-mzt2g4 { color: #3f51b5; margin: 7%; opacity: 0.5; font-size: 18px;  }
.mod-avatar-nav { color: #9c27b0; font-size: 23px; margin: 0px; opacity: 0.7;  }
.el-data-grid { opacity: 0.7; color: #e91e63; font-size: 14px; margin: 1%;  }
.groupWidgetBtn { font-size: 18px; opacity: 0.8; margin: 6px; color: #3f51b5;  }
.mod-user-app { opacity: 0.7; color: #9c27b0; font-size: 13px; margin: 13px;  }
.passFormNav { margin: 16px; opacity: 0.7; font-size: 19px; color: #9c27b0;  }
.mod-input-pass { margin: 8px; opacity: 0.9; color: #3f51b5; font-size: 11px;  }
.wrapFieldWrapper { color: #9c27b0; font-size: 22px; margin: 19rem; opacity: 0.4;  }
.ui-view-pass { margin: 16em; color: #9c27b0; opacity: 0.7; font-size: 15px;  }
.js-pass-main { margin: 12px; font-size: 19px; opacity: 0.2; color: #3f51b5;  }
.ui-widget-btn { margin: 15%; font-size: 23px; color: #673ab7; opacity: 0.9;  }
.BvqMtTrF { color: #673ab7; font-size: 11px; margin: 10em; opacity: 0.5;  }
.el-btn-icon { margin: 7px; font-size: 15px; color: #9c27b0; opacity: 0.1;  }
.container-up3e6l { font-size: 17px; color: #f44336; opacity: 0.6; margin: 13px;  }
.appControlField { color: #9c27b0; margin: 2%; font-size: 22px; opacity: 0.1;  }
.btnMainPass { color: #673ab7; opacity: 0.1; font-size: 22px; margin: 12em;  }
.js-pass-avatar { opacity: 0.7; font-size: 19px; margin: 9rem; color: #e91e63;  }
.el-avatar-box { margin: 4px; color: #3f51b5; font-size: 22px; opacity: 0.2;  }
.app-field-avatar { color: #9c27b0; font-size: 11px; margin: 10px; opacity: 0.2;  }
.linkFormField { margin: 17em; opacity: 0.1; color: #9c27b0; font-size: 23px;  }
.iconAppMain { font-size: 13px; margin: 9%; opacity: 0.7; color: #9c27b0;  }
.yVaLswJRjWFkfRMwv { margin: 1rem; opacity: 0.9; font-size: 16px; color: #673ab7;  }
.fieldDataMain { margin: 10%; opacity: 0.3; color: #e91e63; font-size: 19px;  }
.box-r3iu0m { font-size: 22px; opacity: 0.2; color: #673ab7; margin: 1%;  }
.ZDcfjyFBFGy { margin: 12em; color: #9c27b0; font-size: 18px; opacity: 0.7;  }
.inputUserBox { opacity: 0.1; font-size: 15px; margin: 3%; color: #3f51b5;  }
.ui-4h73pr { font-size: 19px; opacity: 0.5; color: #9c27b0; margin: 18em;  }
.itemIconForm { color: #9c27b0; margin: 4rem; font-size: 14px; opacity: 0.1;  }
.0XApUKmEMm { color: #e91e63; font-size: 21px; opacity: 0.1; margin: 17rem;  }
.groupUiLogin { font-size: 16px; color: #9c27b0; opacity: 0.2; margin: 2%;  }
.iconInputUi { color: #9c27b0; margin: 17%; font-size: 18px; opacity: 0.4;  }
.ui-form-auth { color: #3f51b5; margin: 2rem; opacity: 0.9; font-size: 20px;  }
.gridMainUi { font-size: 17px; color: #9c27b0; opacity: 0.4; margin: 18em;  }
.gridControlUser { color: #9c27b0; margin: 3px; opacity: 0.1; font-size: 15px;  }
.wrap-on6zns { 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'); }
.xV2MxqC8uEd3jAk { font-size: 20px; opacity: 0.6; margin: 8px; color: #9c27b0;  }
.btnWrapperForm { color: #673ab7; opacity: 0.6; margin: 0%; font-size: 23px;  }
.J1nfuiJKyUrFjpguxik { font-size: 19px; margin: 15rem; color: #673ab7; opacity: 0.4;  }
.gridDataUser { opacity: 0.4; font-size: 19px; color: #9c27b0; margin: 12%;  }
.CXVy3ojx3O { margin: 16em; font-size: 15px; opacity: 0.3; color: #673ab7;  }
.mod-field-wrapper { margin: 15rem; color: #9c27b0; font-size: 13px; opacity: 0.2;  }
.3MxVdPAGzLjl2mq { font-size: 13px; opacity: 0.1; margin: 9px; color: #9c27b0;  }
.item-i00u9z { opacity: 0.4; color: #673ab7; margin: 7rem; font-size: 10px;  }
.field-qvj01g { font-size: 13px; color: #e91e63; opacity: 0.3; margin: 10px;  }
.widgetUserBtn { color: #9c27b0; font-size: 16px; margin: 17em; opacity: 0.9;  }
.fieldAppForm { color: #f44336; font-size: 20px; margin: 6%; opacity: 0.7;  }
.zLilsDOFSVMuDm5TY { font-size: 15px; margin: 7em; opacity: 0.4; color: #f44336;  }
.linkLoginMain { font-size: 20px; color: #673ab7; margin: 9%; opacity: 0.1;  }
.ee0OwgIDqWbl8zf { margin: 7rem; opacity: 0.3; font-size: 18px; color: #e91e63;  }
.boxWrapperUi { font-size: 14px; color: #e91e63; opacity: 0.6; margin: 2em;  }
.app-avatar-item { opacity: 0.1; color: #9c27b0; margin: 12%; font-size: 16px;  }
.auth-g2mqu3 { color: #f44336; opacity: 0.1; margin: 13rem; font-size: 10px;  }
.btn-h43s1a { font-size: 19px; opacity: 0.9; color: #9c27b0; margin: 9px;  }
.login-ufkmb1 { margin: 18em; opacity: 0.3; font-size: 17px; color: #9c27b0;  }
.widgetWrapView { font-size: 12px; margin: 1px; color: #f44336; opacity: 0.5;  }
.UkBkmiqzm { margin: 11%; color: #e91e63; opacity: 0.8; font-size: 13px;  }
.SPVgJC3C7 { color: #673ab7; font-size: 21px; margin: 2em; opacity: 0.7;  }
.link-cnmiuc { opacity: 0.6; font-size: 12px; margin: 1rem; color: #9c27b0;  }
.main-mi0bcl { color: #f44336; font-size: 22px; opacity: 0.4; margin: 4rem;  }
.js-pass-link { color: #e91e63; opacity: 0.9; margin: 10rem; font-size: 22px;  }
.box-wnjs7o { font-size: 11px; color: #3f51b5; opacity: 0.1; margin: 18px;  }
.app-nav-user { font-size: 13px; opacity: 0.4; margin: 11rem; color: #f44336;  }
.8LfdD7hjzkN7Tov { font-size: 12px; opacity: 0.9; color: #e91e63; margin: 16em;  }
.mod-input-grid { color: #673ab7; margin: 7px; opacity: 0.4; font-size: 16px;  }
.3b05yeHWZplp { color: #f44336; opacity: 0.6; font-size: 16px; margin: 17em;  }
.loginContainerInput { font-size: 18px; margin: 12rem; color: #3f51b5; opacity: 0.2;  }
.mod-pass-login { font-size: 22px; margin: 19rem; opacity: 0.9; color: #f44336;  }
.userBoxAvatar { color: #e91e63; font-size: 20px; opacity: 0.3; margin: 19px;  }
.authLinkUi { color: #3f51b5; margin: 17px; font-size: 20px; opacity: 0.4;  }
.ui-1km4lo { font-size: 14px; margin: 5px; color: #3f51b5; opacity: 0.7;  }
.boxControlLink { opacity: 0.7; margin: 0rem; font-size: 14px; color: #9c27b0;  }
.KD28fLfEShS04k { background-color: var(--xswkktnycm); 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; }
.4pmtt1I1Ijp { opacity: 0.8; font-size: 12px; margin: 0em; color: #9c27b0;  }
.controlAvatarAvatar { color: #f44336; opacity: 0.1; font-size: 10px; margin: 7px;  }
.login-pcl7ha { opacity: 0.1; margin: 2px; color: #673ab7; font-size: 23px;  }
.FGpUTt4iAYGW { font-size: 21px; opacity: 0.8; color: #e91e63; margin: 16rem;  }
.linkContainerAuth { opacity: 0.9; font-size: 21px; color: #e91e63; margin: 6rem;  }
.js-field-wrapper { color: #f44336; opacity: 0.8; margin: 0px; font-size: 23px;  }
.widget-guneu0 { opacity: 0.5; font-size: 18px; margin: 9rem; color: #9c27b0;  }
.ui-avatar-main { margin: 14rem; opacity: 0.9; font-size: 20px; color: #3f51b5;  }
.nav-li4i8i { color: #f44336; opacity: 0.4; margin: 8px; font-size: 18px;  }
.ui-l46bl5 { margin: 5rem; opacity: 0.4; font-size: 21px; color: #3f51b5;  }
.pB4hU2XNOFJ { opacity: 0.3; font-size: 20px; margin: 8px; color: #673ab7;  }
.app-container-avatar { font-size: 22px; opacity: 0.1; margin: 6%; color: #f44336;  }
.controlNavNav { opacity: 0.1; font-size: 21px; color: #9c27b0; margin: 0%;  }
.main-cy8pql { opacity: 0.7; color: #673ab7; font-size: 18px; margin: 19rem;  }
.app-link-form { opacity: 0.3; margin: 5rem; font-size: 23px; color: #9c27b0;  }
.itemGridAvatar { font-size: 23px; margin: 3em; color: #e91e63; opacity: 0.7;  }
.form-9ysov8 { opacity: 0.5; color: #3f51b5; margin: 4px; font-size: 18px;  }
.el-app-group { margin: 13em; opacity: 0.5; color: #673ab7; font-size: 14px;  }
.btn-eawrhg { color: #673ab7; font-size: 12px; margin: 4%; opacity: 0.1;  }
.el-ui-user { color: #e91e63; font-size: 22px; opacity: 0.4; margin: 1%;  }
.qHw3H9iQpN { font-size: 15px; color: #f44336; opacity: 0.4; margin: 0px;  }
.lCN3dZJoZIp { font-size: 10px; margin: 8rem; opacity: 0.2; color: #3f51b5;  }
.z4YUCaDmjg:hover { transform: translateY(-2px); box-shadow: 0 7px 25px color-mix(in srgb, var(--dsroohpuqt) 50%, transparent); }
.ui-ui-field { margin: 3em; color: #673ab7; font-size: 19px; opacity: 0.6;  }
.controlFormInput { opacity: 0.7; margin: 19px; font-size: 10px; color: #673ab7;  }
.container-c0au9q { margin: 2px; color: #3f51b5; opacity: 0.7; font-size: 10px;  }
.viewAvatarLogin { font-size: 22px; margin: 3rem; opacity: 0.7; color: #f44336;  }
.inputNavNav { opacity: 0.9; margin: 1%; font-size: 16px; color: #673ab7;  }
.el-login-user { font-size: 22px; opacity: 0.1; color: #e91e63; margin: 16px;  }
.groupWrapperInput, .wrap-on6zns { 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(--bmkrhuxx); border-radius: 8px; background-repeat: no-repeat; background-position: left 1.2rem center; background-size: 20px; transition: all 0.15s ease; }
.ui-icon-user { margin: 15px; font-size: 16px; color: #673ab7; opacity: 0.9;  }
.el-ui-ui { margin: 14%; font-size: 22px; opacity: 0.3; color: #3f51b5;  }
.navContainerIcon { opacity: 0.6; margin: 7rem; color: #e91e63; font-size: 11px;  }
.js-icon-group { opacity: 0.9; margin: 13rem; font-size: 15px; color: #673ab7;  }
.boxMainWrapper { color: #3f51b5; font-size: 15px; opacity: 0.2; margin: 12rem;  }
.0wRJpiMDIBa4xl { margin: 10px; opacity: 0.7; color: #3f51b5; font-size: 22px;  }
.ui-avatar-avatar { margin: 2px; font-size: 20px; opacity: 0.4; color: #e91e63;  }
.wrapperFieldMain { margin: 5rem; font-size: 11px; color: #e91e63; opacity: 0.5;  }
.viewFormLink { margin: 4%; font-size: 21px; opacity: 0.2; color: #9c27b0;  }
.35L0CzkfGvzXHURoRR0 { opacity: 0.3; margin: 6px; font-size: 10px; color: #e91e63;  }
.formWrapForm { color: #f44336; font-size: 19px; margin: 7em; opacity: 0.1;  }
.form-t2bye8 { font-size: 13px; color: #3f51b5; margin: 9%; opacity: 0.6;  }
.uJdhgvfO { color: #9c27b0; opacity: 0.5; font-size: 19px; margin: 0rem;  }
.QfVriPbwRLIuhDU { font-size: 23px; opacity: 0.7; color: #3f51b5; margin: 13rem;  }
.app-icon-widget { margin: 11px; opacity: 0.3; font-size: 14px; color: #673ab7;  }
.efICAolh0fh9b9I6i { font-size: 21px; opacity: 0.6; margin: 13px; color: #9c27b0;  }
.mod-app-control { color: #e91e63; font-size: 20px; margin: 10px; opacity: 0.8;  }
.BiKujWhFpzqo { font-size: 17px; opacity: 0.9; color: #673ab7; margin: 0px;  }
.link-dllblu { font-size: 14px; opacity: 0.9; color: #3f51b5; margin: 19px;  }
.itemLinkWrap { margin: 8rem; color: #f44336; font-size: 23px; opacity: 0.1;  }
.ui-app-data { margin: 15rem; color: #f44336; opacity: 0.5; font-size: 18px;  }
.mod-input-ui { margin: 11rem; color: #e91e63; opacity: 0.5; font-size: 10px;  }
.mod-icon-login { margin: 19px; opacity: 0.9; color: #f44336; font-size: 18px;  }
.user-6c6i8w { color: #3f51b5; font-size: 20px; margin: 6em; opacity: 0.9;  }
.avatar-lp4rsf { opacity: 0.1; color: #3f51b5; font-size: 19px; margin: 19%;  }
.WbsdaaeF1LaG { margin: 11em; color: #3f51b5; font-size: 19px; opacity: 0.7;  }
.mod-icon-data { color: #f44336; font-size: 17px; opacity: 0.4; margin: 0%;  }
.uiFieldBtn { opacity: 0.7; font-size: 23px; margin: 17rem; color: #9c27b0;  }
.fieldControlBtn { margin: 11%; opacity: 0.1; color: #3f51b5; font-size: 11px;  }
.cNkRUB3o { font-size: 10px; margin: 19px; opacity: 0.6; color: #9c27b0;  }
.0ZpToABJIZh47n5kuRW { font-size: 18px; color: #3f51b5; opacity: 0.9; margin: 6%;  }
.NnF1KNMzdnDSG9zLQj { margin: 19em; opacity: 0.7; color: #e91e63; font-size: 21px;  }
.main-2wt8es { margin: 4px; opacity: 0.4; font-size: 15px; color: #e91e63;  }
.box-dzhlu3 { opacity: 0.1; margin: 12px; font-size: 14px; color: #9c27b0;  }
.app-item-app { font-size: 13px; opacity: 0.5; margin: 5em; color: #673ab7;  }
.sJvrF0enstynHsbs { margin: 12px; opacity: 0.1; color: #9c27b0; font-size: 16px;  }
.CuM0uPK6T8dsHFB { color: #3f51b5; opacity: 0.5; margin: 6px; font-size: 15px;  }
.m3DgSeiSgxQSBuvNJ { opacity: 0.7; color: #673ab7; font-size: 22px; margin: 10px;  }
.app-main-control { margin: 18px; color: #f44336; opacity: 0.9; font-size: 11px;  }
.nqb9tx5q0DDW { margin: 12px; font-size: 12px; color: #f44336; opacity: 0.1;  }
.group-03x9us { font-size: 14px; opacity: 0.9; margin: 16em; color: #3f51b5;  }
.DPABTplPmVeRN8lrNx { color: #3f51b5; margin: 6rem; opacity: 0.3; font-size: 22px;  }
.4UsQxTqPaN { margin: 5em; color: #e91e63; opacity: 0.9; font-size: 13px;  }
.js-main-box { color: #3f51b5; opacity: 0.1; margin: 16em; font-size: 15px;  }
.Q6QvqGaFDwoPh5 { font-size: 13px; opacity: 0.1; margin: 12%; color: #f44336;  }
.formNavForm { color: #e91e63; opacity: 0.2; margin: 10px; font-size: 11px;  }
.avatar-7xpbtp { opacity: 0.9; color: #3f51b5; margin: 16px; font-size: 11px;  }
.wrapper-75oexx { font-size: 19px; margin: 5rem; opacity: 0.8; color: #3f51b5;  }
.login-d7zlsn { font-size: 19px; opacity: 0.1; margin: 12em; color: #9c27b0;  }
.group-w5uqiq { opacity: 0.6; font-size: 17px; color: #e91e63; margin: 13rem;  }
.view-22fa2n { margin: 14%; opacity: 0.8; color: #3f51b5; font-size: 19px;  }
.js-data-box { color: var(--dsroohpuqt); text-decoration: none; font-size: 0.9rem; }
.app-link-control { opacity: 0.7; color: #9c27b0; font-size: 23px; margin: 9%;  }
.mainLinkMain { font-size: 16px; margin: 19rem; opacity: 0.2; color: #3f51b5;  }
.zrDd1yprubJ46C { opacity: 0.1; color: #e91e63; font-size: 10px; margin: 12%;  }
.fLUviH9lw3FQR8k3qYi { opacity: 0.9; font-size: 10px; color: #e91e63; margin: 15px;  }
.controlMainControl { font-size: 18px; opacity: 0.6; color: #673ab7; margin: 13rem;  }
.login-rxz8el { margin: 5%; color: #673ab7; font-size: 15px; opacity: 0.7;  }
.T1DzCo6bbXW { color: #673ab7; font-size: 15px; margin: 0%; opacity: 0.1;  }
.iconWidgetWidget { opacity: 0.1; color: #3f51b5; font-size: 10px; margin: 7%;  }
.el-user-input { font-size: 12px; opacity: 0.1; color: #9c27b0; margin: 2rem;  }
.wrapGridControl { color: #e91e63; opacity: 0.7; margin: 14rem; font-size: 19px;  }
.app-login-input { margin: 8em; font-size: 18px; color: #673ab7; opacity: 0.1;  }
.7rwb7FzNeo9p9JeBA3 { opacity: 0.5; margin: 9%; font-size: 20px; color: #3f51b5;  }
.app-ui-data { opacity: 0.6; color: #9c27b0; font-size: 21px; margin: 19%;  }
.viewDataApp { opacity: 0.1; color: #9c27b0; margin: 11rem; font-size: 21px;  }
.pass-6hvio8 { margin: 1rem; opacity: 0.9; font-size: 10px; color: #3f51b5;  }
.formControlItem { opacity: 0.1; font-size: 18px; color: #3f51b5; margin: 11px;  }
.controlDataWrap { color: #3f51b5; opacity: 0.2; margin: 9em; font-size: 13px;  }
.0oaxjbZD2 { margin: 3%; font-size: 18px; opacity: 0.5; color: #f44336;  }
.avatar-ccedzh { opacity: 0.7; margin: 13%; font-size: 10px; color: #9c27b0;  }
.main-g7kpbz { opacity: 0.8; font-size: 16px; color: #673ab7; margin: 17em;  }
.js-user-box { color: #3f51b5; opacity: 0.1; font-size: 16px; margin: 0px;  }
.4nMDUCXnFdm4zcw { font-size: 14px; margin: 13rem; color: #e91e63; opacity: 0.2;  }
.pass-2ahp4b { margin: 10%; font-size: 22px; color: #673ab7; opacity: 0.3;  }
.wRl8vCp8 { color: #3f51b5; font-size: 18px; opacity: 0.3; margin: 9px;  }
.app-container-avatar { opacity: 0.2; font-size: 23px; color: #e91e63; margin: 8%;  }
.tp2x3J9UgF { font-size: 10px; color: #9c27b0; opacity: 0.1; margin: 18%;  }
.field-ypgwiw { opacity: 0.8; font-size: 21px; color: #9c27b0; margin: 16rem;  }
.uiLoginNav { opacity: 0.5; font-size: 20px; color: #673ab7; margin: 2rem;  }
.dataContainerControl { color: #673ab7; font-size: 21px; opacity: 0.9; margin: 0%;  }
.userWrapperUser { display: none !important; }