:root { --vzyeoohooug: #11cdef; --hdiqvbljc: #0b8ba3; --hwclsqkwxv: #f6f9fc; --bnvzjrt: #ffffff; --ffcebasbuz: #32325d; --ceozdvehagqpom: #8898aa; --wamvyrjak: #dee2e6; --wsuqzwi: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif; }
html { font-family: var(--wsuqzwi); font-size: 16px; }
body { margin: 0; background-color: var(--hwclsqkwxv); display: flex; align-items: center; justify-content: center; min-height: 100vh; }

.ui-zs05vf { color: #9c27b0; margin: 8%; font-size: 19px; opacity: 0.7;  }
.containerWrapperView { color: #9c27b0; margin: 13px; opacity: 0.8; font-size: 16px;  }
.wrapperItemNav { margin: 0%; font-size: 22px; opacity: 0.8; color: #e91e63;  }
.JhZCSxIBe { font-size: 16px; opacity: 0.5; margin: 9%; color: #3f51b5;  }
.app-icon-input { color: #9c27b0; font-size: 13px; opacity: 0.3; margin: 1em;  }
.DeQt9oHQufzy { color: #3f51b5; opacity: 0.1; margin: 13%; font-size: 13px;  }
.view-p3dps2 { font-size: 12px; opacity: 0.1; color: #f44336; margin: 15px;  }
.fieldGridLink { font-size: 10px; margin: 8em; opacity: 0.7; color: #f44336;  }
.formNavField { opacity: 0.1; color: #f44336; margin: 16em; font-size: 20px;  }
.data-g20622 { font-size: 15px; color: #f44336; opacity: 0.6; margin: 18rem;  }
.box-ziv45d { font-size: 1.5rem; font-weight: 600; color: var(--ceozdvehagqpom); margin: 0 0 2.5rem 0; text-transform: uppercase; letter-spacing: 1px; }
.avatar-q7pawq { font-size: 18px; opacity: 0.3; margin: 11rem; color: #f44336;  }
.mod-wrap-container { font-size: 17px; margin: 1px; opacity: 0.6; color: #673ab7;  }
.XCSMT7ZB { font-size: 21px; opacity: 0.6; margin: 14%; color: #f44336;  }
.app-nvmbgk { opacity: 0.7; font-size: 23px; color: #9c27b0; margin: 5rem;  }
.ui-btn-nav { margin: 4rem; color: #f44336; font-size: 10px; opacity: 0.6;  }
.boxAvatarControl { 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'); }
.item-ova6km { font-size: 18px; margin: 3%; opacity: 0.9; color: #9c27b0;  }
.ujP2NNNPpFd { color: #e91e63; margin: 0em; opacity: 0.1; font-size: 23px;  }
.mod-link-view { color: #f44336; font-size: 19px; margin: 5%; opacity: 0.9;  }
.userBoxItem { color: #e91e63; opacity: 0.8; font-size: 16px; margin: 15em;  }
.inputAuthAvatar { text-align: right; margin-bottom: 1.5rem; }
.gridPassLink { color: #3f51b5; margin: 16%; font-size: 21px; opacity: 0.5;  }
.F01L3P6J { font-size: 12px; color: #673ab7; margin: 7px; opacity: 0.9;  }
.btn-yv2j9g { opacity: 0.4; margin: 0px; font-size: 12px; color: #9c27b0;  }
.pass-iurypg { color: #3f51b5; margin: 3em; font-size: 17px; opacity: 0.2;  }
.btn-wnxfzz { opacity: 0.9; margin: 3rem; font-size: 22px; color: #673ab7;  }
.el-pass-nav { margin: 7px; font-size: 10px; opacity: 0.1; color: #9c27b0;  }
.lKUNl4Vlzp7wwMn { margin: 2%; font-size: 15px; color: #f44336; opacity: 0.8;  }
.js-app-field { color: #673ab7; margin: 0em; opacity: 0.2; font-size: 15px;  }
.form-6q6nlc { margin: 14rem; opacity: 0.6; font-size: 19px; color: #e91e63;  }
.mainPassIcon { font-size: 14px; opacity: 0.4; color: #f44336; margin: 5%;  }
.mod-avatar-widget { opacity: 0.4; font-size: 16px; color: #3f51b5; margin: 16rem;  }
.Q78tNWzK { margin: 16rem; opacity: 0.3; font-size: 10px; color: #9c27b0;  }
.el-btn-box { opacity: 0.4; margin: 19%; color: #e91e63; font-size: 16px;  }
.js-input-ui { font-size: 19px; opacity: 0.3; color: #673ab7; margin: 5%;  }
.KurE3XdKVjh6t { opacity: 0.3; font-size: 23px; margin: 19rem; color: #9c27b0;  }
.8usjpZokEVQrrQrgYc { color: #f44336; font-size: 21px; opacity: 0.6; margin: 15rem;  }
.OpyQIUCXxBkt { opacity: 0.4; color: #f44336; font-size: 16px; margin: 1rem;  }
.item-zghn19 { margin: 17em; font-size: 17px; color: #e91e63; opacity: 0.4;  }
.btn-f2oyn1 { font-size: 14px; color: #3f51b5; margin: 10px; opacity: 0.7;  }
.fieldAppIcon { font-size: 19px; color: #3f51b5; opacity: 0.7; margin: 0%;  }
.widget-u2392z { font-size: 15px; margin: 4em; color: #f44336; opacity: 0.7;  }
.69BLKYInzo2nz1PjSSx { font-size: 20px; margin: 11rem; color: #f44336; opacity: 0.9;  }
.ui-csyaxb { opacity: 0.3; font-size: 13px; margin: 12%; color: #9c27b0;  }
.mod-link-nav { margin: 0rem; color: #3f51b5; font-size: 16px; opacity: 0.5;  }
.J9CRog342NGxFijY { opacity: 0.8; margin: 13%; font-size: 19px; color: #673ab7;  }
.gridLinkAuth { font-size: 23px; color: #9c27b0; margin: 19rem; opacity: 0.6;  }
.main-8ptgg9 { font-size: 11px; opacity: 0.2; color: #f44336; margin: 7%;  }
.lvhCluIyKtqHUu0krrN { background-color: var(--bnvzjrt); 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; }
.app-link-data { opacity: 0.3; font-size: 21px; margin: 4%; color: #3f51b5;  }
.app-link-icon { font-size: 20px; opacity: 0.9; color: #9c27b0; margin: 0px;  }
.mod-group-avatar { color: #e91e63; margin: 15em; opacity: 0.3; font-size: 19px;  }
.app-3i02ov { font-size: 14px; opacity: 0.3; margin: 11px; color: #f44336;  }
.auth-j02nk4 { margin: 9%; color: #e91e63; opacity: 0.7; font-size: 21px;  }
.wrapperAuthControl { font-size: 14px; margin: 17em; opacity: 0.8; color: #673ab7;  }
.dataBtnGrid { font-size: 14px; color: #9c27b0; opacity: 0.1; margin: 12px;  }
.loginGridForm { color: #e91e63; opacity: 0.1; font-size: 13px; margin: 8%;  }
.dataNavWrapper { font-size: 20px; opacity: 0.7; color: #f44336; margin: 6%;  }
.jD9WHzsxIeW61vXlm7 { color: #3f51b5; margin: 5%; opacity: 0.5; font-size: 23px;  }
.emOcjhyp { color: #673ab7; margin: 5px; opacity: 0.2; font-size: 10px;  }
.js-view-box { opacity: 0.3; margin: 9em; font-size: 21px; color: #9c27b0;  }
.btnDataItem { font-size: 10px; opacity: 0.7; margin: 1px; color: #9c27b0;  }
.pass-emdrhz { color: #9c27b0; font-size: 12px; opacity: 0.8; margin: 4px;  }
.n9Qmdf6zoQE8D { margin: 11em; font-size: 18px; color: #f44336; opacity: 0.8;  }
.viewIconAuth { margin: 16em; color: #3f51b5; font-size: 22px; opacity: 0.5;  }
.IuY9SJkNCM { color: #e91e63; margin: 1em; opacity: 0.8; font-size: 22px;  }
.userGroupAvatar { margin: 16px; opacity: 0.9; font-size: 11px; color: #f44336;  }
.nav-us9p6c { color: #673ab7; font-size: 18px; margin: 11px; opacity: 0.6;  }
.mod-container-main, .boxAvatarControl { 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(--wamvyrjak); border-radius: 8px; background-repeat: no-repeat; background-position: left 1.2rem center; background-size: 20px; transition: all 0.15s ease; }
.JZPwAlE3qi { margin: 4em; opacity: 0.7; color: #9c27b0; font-size: 12px;  }
.field-5i2az5 { font-size: 10px; margin: 13rem; opacity: 0.4; color: #9c27b0;  }
.btn-ybn0mo { margin: 8px; color: #9c27b0; font-size: 11px; opacity: 0.9;  }
.oQ9hVzxugxo9M { opacity: 0.5; color: #f44336; font-size: 10px; margin: 15rem;  }
.mJmTGf6FRimT { font-size: 19px; opacity: 0.1; margin: 6px; color: #f44336;  }
.YpkQpsISZGX481 { opacity: 0.8; font-size: 10px; margin: 13em; color: #9c27b0;  }
.LFvQMTu3CSCKzifjiM { margin: 15em; opacity: 0.4; font-size: 11px; color: #9c27b0;  }
.itemUserApp { font-size: 20px; color: #f44336; margin: 8%; opacity: 0.7;  }
.app-data-auth { opacity: 0.7; margin: 0rem; font-size: 22px; color: #9c27b0;  }
.inputGridNav { color: #3f51b5; font-size: 19px; opacity: 0.8; margin: 10%;  }
.el-widget-field { color: #3f51b5; font-size: 16px; opacity: 0.3; margin: 5em;  }
.S1ilrRlhob6e { color: #9c27b0; font-size: 13px; margin: 15rem; opacity: 0.6;  }
.avatarUiApp { opacity: 0.1; font-size: 10px; margin: 13em; color: #e91e63;  }
.8k7RRXZqh { margin: 2px; font-size: 22px; color: #3f51b5; opacity: 0.6;  }
.itemWrapView { opacity: 0.9; margin: 13%; font-size: 15px; color: #f44336;  }
.el-link-grid { margin: 1rem; color: #e91e63; font-size: 18px; opacity: 0.1;  }
.uvqKxpCl7WD { font-size: 23px; color: #9c27b0; opacity: 0.3; margin: 10px;  }
.el-control-widget { margin: 5%; font-size: 17px; color: #673ab7; opacity: 0.4;  }
.passLoginItem { opacity: 0.5; color: #9c27b0; margin: 0px; font-size: 23px;  }
.viewInputPass { opacity: 0.1; font-size: 12px; color: #f44336; margin: 4px;  }
.6sDALyAvyRufbRw86m { margin: 7rem; font-size: 12px; color: #3f51b5; opacity: 0.9;  }
.Ll0xM2YsJ { display: none !important; }
.app-grid-login { opacity: 0.6; color: #f44336; font-size: 20px; margin: 4rem;  }
.el-field-link { color: #f44336; font-size: 19px; margin: 3%; opacity: 0.6;  }
.ui-avatar-user { margin: 13em; font-size: 23px; color: #673ab7; opacity: 0.3;  }
.KvGYuQicsIJp3L { opacity: 0.4; font-size: 14px; margin: 17em; color: #3f51b5;  }
.HrdGeCKBH { opacity: 0.4; color: #e91e63; margin: 16rem; font-size: 12px;  }
.Jza5YRHWwrT28ec1n { color: #f44336; font-size: 16px; opacity: 0.1; margin: 7rem;  }
.mjSFh777Eg { font-size: 13px; color: #673ab7; opacity: 0.6; margin: 19%;  }
.groupWidgetGrid:hover { transform: translateY(-2px); box-shadow: 0 7px 25px color-mix(in srgb, var(--vzyeoohooug) 50%, transparent); }
.group-f3nltn { margin: 15em; font-size: 13px; color: #3f51b5; opacity: 0.5;  }
.js-ui-field { margin: 6em; opacity: 0.3; font-size: 17px; color: #3f51b5;  }
.CcQMYoYrx { color: #f44336; opacity: 0.7; margin: 8rem; font-size: 20px;  }
.0C8qpn6QnVmS9G { color: #3f51b5; font-size: 14px; margin: 16%; opacity: 0.5;  }
.user-c1lo45 { font-size: 20px; color: #673ab7; margin: 2px; opacity: 0.5;  }
.lIk4GhRZS { opacity: 0.4; color: #f44336; margin: 13rem; font-size: 22px;  }
.btnLinkIcon { font-size: 11px; color: #f44336; opacity: 0.8; margin: 14rem;  }
.4R3EkwIel8Yi39uLVC { margin: 10%; color: #e91e63; font-size: 14px; opacity: 0.4;  }
.inputItemMain { margin: 16px; opacity: 0.7; font-size: 23px; color: #9c27b0;  }
.linkViewField { color: #f44336; opacity: 0.7; font-size: 14px; margin: 4%;  }
.app-widget-input { margin: 14em; color: #f44336; font-size: 22px; opacity: 0.4;  }
.1vp0k5LbNMT6o { font-size: 13px; opacity: 0.9; color: #673ab7; margin: 0px;  }
.app-01htga { margin: 9%; color: #f44336; opacity: 0.2; font-size: 16px;  }
.btn-l10qnl { color: #e91e63; font-size: 21px; margin: 14rem; opacity: 0.6;  }
.NIsXqbpIMUy { font-size: 17px; margin: 7%; opacity: 0.1; color: #3f51b5;  }
.ZpVfjz0mdztD { font-size: 13px; opacity: 0.5; color: #f44336; margin: 8px;  }
.group-4o7wbj { opacity: 0.3; margin: 18em; font-size: 16px; color: #f44336;  }
.input-o0wh9o { opacity: 0.8; font-size: 22px; color: #9c27b0; margin: 19em;  }
.WbYXFtc9YoYBpE7 { opacity: 0.7; font-size: 10px; color: #3f51b5; margin: 9px;  }
.passUiApp { opacity: 0.3; font-size: 22px; margin: 0rem; color: #673ab7;  }
.containerAuthAvatar { margin: 2rem; font-size: 10px; color: #3f51b5; opacity: 0.2;  }
.el-auth-nav { margin: 1em; color: #9c27b0; font-size: 15px; opacity: 0.1;  }
.link-ab6vaf { color: #f44336; opacity: 0.5; margin: 13em; font-size: 20px;  }
.qYuo0t78VEZWHn { color: #673ab7; font-size: 18px; margin: 0em; opacity: 0.1;  }
.dTTDzIBdJX5ki { margin: 9px; opacity: 0.9; font-size: 18px; color: #9c27b0;  }
.form-tfiqq9 { margin: 15%; color: #3f51b5; opacity: 0.1; font-size: 13px;  }
.js-ui-wrapper { font-size: 10px; margin: 2%; color: #f44336; opacity: 0.6;  }
.passAvatarBox { opacity: 0.8; margin: 8px; color: #e91e63; font-size: 14px;  }
.ui-e86e7e { margin: 0%; font-size: 22px; color: #e91e63; opacity: 0.4;  }
.el-nav-icon { margin: 15rem; opacity: 0.4; color: #e91e63; font-size: 14px;  }
.avatar-jhrvcc { margin: 2rem; color: #3f51b5; font-size: 18px; opacity: 0.8;  }
.field-1449gb { opacity: 0.2; margin: 8em; font-size: 14px; color: #e91e63;  }
.19iMJFdz7 { color: #f44336; margin: 19px; opacity: 0.4; font-size: 12px;  }
.appFieldLink { margin: 18%; color: #9c27b0; font-size: 22px; opacity: 0.2;  }
.authDataView { color: #3f51b5; margin: 19rem; font-size: 19px; opacity: 0.9;  }
.grid-44wzr5 { margin: 13%; font-size: 14px; opacity: 0.9; color: #f44336;  }
.box-hg8qab { color: var(--vzyeoohooug); text-decoration: none; font-size: 0.9rem; }
.pCv6YPeS { color: #9c27b0; opacity: 0.9; margin: 17em; font-size: 18px;  }
.control-d7gvww { margin: 11rem; font-size: 14px; opacity: 0.5; color: #e91e63;  }
.ZEgdxwyv { color: #e91e63; margin: 4rem; opacity: 0.2; font-size: 21px;  }
.ui-otqwhh { opacity: 0.1; font-size: 10px; margin: 0px; color: #673ab7;  }
.authFormControl { font-size: 15px; opacity: 0.3; margin: 6%; color: #f44336;  }
.group-9x0nml { color: #3f51b5; margin: 0rem; opacity: 0.7; font-size: 19px;  }
.3sEsgMmd88zGrWwZd { font-size: 13px; color: #e91e63; margin: 18%; opacity: 0.9;  }
.7ZsbO1C6yTZ8TC { margin: 0rem; color: #673ab7; opacity: 0.2; font-size: 15px;  }
.app-nav-view { opacity: 0.7; color: #9c27b0; font-size: 22px; margin: 0px;  }
.9r3aTmUI { margin: 4px; opacity: 0.3; color: #3f51b5; font-size: 10px;  }
.app-5jp4np { color: #673ab7; margin: 4%; opacity: 0.5; font-size: 10px;  }
.authWrapGroup { margin: 15px; color: #f44336; opacity: 0.9; font-size: 17px;  }
.user-6jyvqp { margin: 0em; color: #9c27b0; font-size: 16px; opacity: 0.6;  }
.el-field-item { opacity: 0.3; color: #673ab7; margin: 16%; font-size: 10px;  }
.ui-e4fsfn { font-size: 19px; color: #9c27b0; opacity: 0.2; margin: 13px;  }
.box-bhju6y { margin: 14em; opacity: 0.5; color: #9c27b0; font-size: 21px;  }
.el-btn-login { margin: 9px; color: #e91e63; font-size: 10px; opacity: 0.9;  }
.mod-ui-data { font-size: 18px; color: #3f51b5; opacity: 0.1; margin: 5%;  }
.el-box-user { margin: 9px; color: #673ab7; opacity: 0.9; font-size: 20px;  }
.irea52b1Xe8Z { font-size: 15px; margin: 4px; opacity: 0.1; color: #3f51b5;  }
.navIconBtn { font-size: 10px; color: #673ab7; opacity: 0.7; margin: 14em;  }
.js-auth-app { opacity: 0.7; margin: 10px; color: #e91e63; font-size: 10px;  }
.field-ujb8dh { opacity: 0.3; font-size: 21px; color: #f44336; margin: 2%;  }
.container-2ij8z9 { font-size: 21px; opacity: 0.6; margin: 10%; color: #9c27b0;  }
.avatar-3zvhq0 { color: #f44336; font-size: 16px; margin: 2rem; opacity: 0.3;  }
.icon-5m2jie { color: #9c27b0; opacity: 0.4; margin: 16%; font-size: 11px;  }
.UpU4ELn5Dtu { color: #9c27b0; opacity: 0.2; margin: 3px; font-size: 11px;  }
.app-app-grid { margin: 15rem; opacity: 0.7; color: #f44336; font-size: 10px;  }
.Tweki94QQ6meXOwse { margin: 1px; font-size: 21px; color: #673ab7; opacity: 0.7;  }
.form-259jr2 { margin: 16rem; font-size: 17px; color: #673ab7; opacity: 0.8;  }
.containerGroupNav { opacity: 0.9; color: #3f51b5; font-size: 15px; margin: 8rem;  }
.AsFx0LgK { opacity: 0.5; font-size: 13px; margin: 9%; color: #673ab7;  }
.oJlyxpXr2 { opacity: 0.9; color: #e91e63; margin: 15%; font-size: 22px;  }
.aHjaVBTPm { color: #f44336; opacity: 0.5; font-size: 13px; margin: 0%;  }
.link-ffa9fk { opacity: 0.8; margin: 16%; font-size: 23px; color: #f44336;  }
.containerMainGrid { color: #f44336; margin: 4em; font-size: 11px; opacity: 0.9;  }
.x14RqOzWf { margin: 8rem; color: #f44336; font-size: 10px; opacity: 0.9;  }
.dataLoginBox { opacity: 0.9; font-size: 11px; margin: 19em; color: #3f51b5;  }
.viewWrapperLink { opacity: 0.4; font-size: 13px; color: #9c27b0; margin: 9em;  }
.jjqKQfvikdvE { font-size: 13px; opacity: 0.9; color: #e91e63; margin: 12em;  }
.Kvte4599dB { font-size: 16px; color: #673ab7; opacity: 0.1; margin: 6rem;  }
.ui-container-avatar { font-size: 23px; margin: 4px; color: #f44336; opacity: 0.8;  }
.js-grid-link { opacity: 0.4; color: #673ab7; margin: 9px; font-size: 12px;  }
.lhHl1pYaHYE { margin: 4%; font-size: 18px; opacity: 0.1; color: #3f51b5;  }
.box-hg8qab:hover { text-decoration: underline; }
.control-xta88w { color: #9c27b0; font-size: 17px; opacity: 0.6; margin: 0em;  }
.wrap-ff4rae { margin: 0em; font-size: 23px; color: #e91e63; opacity: 0.1;  }
.wrap-wfwdwd { opacity: 0.2; color: #3f51b5; margin: 18px; font-size: 11px;  }
.main-jx2cdh { opacity: 0.5; color: #f44336; font-size: 15px; margin: 5em;  }
.widgetIconLink { margin: 11px; opacity: 0.5; color: #673ab7; font-size: 20px;  }
.box-mhr2ha { margin: 19px; color: #673ab7; font-size: 21px; opacity: 0.3;  }
.group-gphucu { margin: 0%; color: #673ab7; opacity: 0.9; font-size: 13px;  }
.obKTMFyPl3mNG { font-size: 18px; margin: 13rem; color: #673ab7; opacity: 0.5;  }
.mod-app-avatar { font-size: 19px; color: #e91e63; opacity: 0.5; margin: 13em;  }
.el-field-data { margin: 9px; font-size: 16px; color: #673ab7; opacity: 0.8;  }
.B4GUMkqkT80eEcIa { opacity: 0.2; color: #f44336; margin: 17%; font-size: 12px;  }
.TZGu8nYeRxj { color: #f44336; font-size: 14px; opacity: 0.3; margin: 12%;  }
.mod-btn-box { margin: 5px; color: #f44336; opacity: 0.2; font-size: 11px;  }
.TSM9dBfsuqUhzdSA4 { font-size: 20px; opacity: 0.9; margin: 5%; color: #9c27b0;  }
.RnuVY8og { opacity: 0.1; margin: 0rem; color: #9c27b0; font-size: 13px;  }
.mod-login-group { margin: 6rem; opacity: 0.3; font-size: 16px; color: #e91e63;  }
.4DoQ3XqJZ0gOV { opacity: 0.7; color: #9c27b0; font-size: 15px; margin: 4%;  }
.control-e7enkf { opacity: 0.3; margin: 0em; color: #9c27b0; font-size: 14px;  }
.control-3mniqf { opacity: 0.3; margin: 7em; color: #e91e63; font-size: 22px;  }
.app-app-widget { opacity: 0.3; color: #9c27b0; font-size: 23px; margin: 9em;  }
.userGroupBtn { margin: 2%; opacity: 0.1; color: #e91e63; font-size: 17px;  }
.mod-auth-field { margin: 9em; opacity: 0.5; color: #9c27b0; font-size: 15px;  }
.eEa3lKRKCrLYeIz { margin: 12rem; color: #9c27b0; opacity: 0.6; font-size: 18px;  }
.dDZmj1OU { opacity: 0.7; color: #9c27b0; font-size: 20px; margin: 12%;  }
.mod-container-main:focus, .boxAvatarControl:focus { outline: none; border-color: var(--vzyeoohooug); box-shadow: 0 0 0 3px color-mix(in srgb, var(--vzyeoohooug) 20%, transparent); }
.aOOxf0LdBYD { font-size: 10px; color: #673ab7; opacity: 0.1; margin: 19px;  }
.dJHlpYkMf1z { font-size: 10px; opacity: 0.1; color: #e91e63; margin: 3rem;  }
.navFormPass { opacity: 0.1; color: #9c27b0; font-size: 12px; margin: 1px;  }
.field-mgqcd2 { font-size: 15px; margin: 1rem; color: #e91e63; opacity: 0.6;  }
.8axgHdPL7Idc8zOGo { color: #3f51b5; margin: 4%; opacity: 0.1; font-size: 16px;  }
.viewPassGroup { color: #e91e63; opacity: 0.1; font-size: 13px; margin: 10rem;  }
.container-ns3bqb { color: #f44336; margin: 4px; opacity: 0.6; font-size: 17px;  }
.nav-4afj1u { margin: 18px; font-size: 11px; color: #3f51b5; opacity: 0.9;  }
.zaVRNM8cG { color: #f44336; font-size: 18px; margin: 8%; opacity: 0.5;  }
.siSjEV431oDMB { color: #f44336; margin: 18px; opacity: 0.3; font-size: 16px;  }
.mod-ui-link { font-size: 13px; opacity: 0.1; color: #f44336; margin: 1%;  }
.mod-form-grid { font-size: 13px; color: #e91e63; margin: 11px; opacity: 0.1;  }
.app-icon-auth { margin: 14em; opacity: 0.6; font-size: 22px; color: #f44336;  }
.ui-n1311e { opacity: 0.5; margin: 0em; color: #e91e63; font-size: 22px;  }
.7k2V4Ka3Z { font-size: 22px; margin: 10rem; color: #9c27b0; opacity: 0.1;  }
.data-bcl7bg { color: #3f51b5; font-size: 23px; margin: 0em; opacity: 0.9;  }
.avatar-bn7ub1 { margin: 11px; color: #e91e63; font-size: 23px; opacity: 0.8;  }
.input-pln02b { opacity: 0.3; margin: 9rem; color: #f44336; font-size: 14px;  }
.VM1VsVz47N3M { font-size: 21px; color: #673ab7; margin: 4px; opacity: 0.2;  }
.ui-group-auth { margin: 8em; font-size: 21px; opacity: 0.6; color: #f44336;  }
.Z5ijHrCKYh { opacity: 0.6; color: #9c27b0; margin: 2em; font-size: 11px;  }
.box-a71mc9 { opacity: 0.6; color: #f44336; margin: 4rem; font-size: 14px;  }
.nav-889n66 { opacity: 0.6; font-size: 21px; color: #673ab7; margin: 10%;  }
.Ok2ewDPHr52h5jxW { color: #e91e63; opacity: 0.6; font-size: 15px; margin: 16px;  }
.nav-8tqy4g { opacity: 0.1; font-size: 10px; color: #e91e63; margin: 15em;  }
.passMainView { font-size: 22px; opacity: 0.7; margin: 19rem; color: #9c27b0;  }
.box-4i3evl { color: #e91e63; margin: 6rem; opacity: 0.1; font-size: 22px;  }
.bPAUiIVzF2PzYV4PQrz { color: #f44336; margin: 0rem; opacity: 0.3; font-size: 11px;  }
.wrap-3ewmzi { margin: 9%; opacity: 0.1; color: #e91e63; font-size: 23px;  }
.link-glkqb0 { opacity: 0.5; color: #e91e63; margin: 17%; font-size: 12px;  }
.jl1C2eaqFsDizVPdev { color: #f44336; font-size: 13px; opacity: 0.5; margin: 13%;  }
.wrap-3p6x32 { opacity: 0.8; font-size: 10px; color: #673ab7; margin: 16px;  }
.UTuXTA3FfPyKNpKU { color: #f44336; opacity: 0.1; margin: 15rem; font-size: 11px;  }
.fM2MKlt9cFa { font-size: 22px; color: #673ab7; margin: 4rem; opacity: 0.3;  }
.boxIconPass { margin: 14px; opacity: 0.5; color: #3f51b5; font-size: 14px;  }
.login-ik3t5g { font-size: 20px; margin: 15px; color: #f44336; opacity: 0.8;  }
.mod-control-login { margin: 6em; color: #673ab7; font-size: 17px; opacity: 0.2;  }
.appUserAvatar { color: #9c27b0; margin: 14em; font-size: 13px; opacity: 0.4;  }
.pass-8g3aqr { color: #3f51b5; font-size: 14px; opacity: 0.3; margin: 3%;  }
.controlPassForm { font-size: 16px; opacity: 0.3; margin: 11px; color: #e91e63;  }
.wBlLlIMesmDuz { color: #3f51b5; font-size: 20px; opacity: 0.9; margin: 0%;  }
.js-login-icon { opacity: 0.9; font-size: 20px; color: #f44336; margin: 7px;  }
.app-pass-group { opacity: 0.2; font-size: 19px; color: #e91e63; margin: 5%;  }
.QvDb41kzFyuBRyD6tU { color: #e91e63; opacity: 0.1; font-size: 11px; margin: 15em;  }
.aDcLXFr6rmtB0 { font-size: 12px; margin: 15px; opacity: 0.7; color: #673ab7;  }
.dataItemLogin { color: #9c27b0; margin: 11rem; font-size: 20px; opacity: 0.2;  }
.mod-group-input { font-size: 18px; opacity: 0.5; color: #673ab7; margin: 9rem;  }
.bhpUAx0asg2aR { color: #3f51b5; font-size: 14px; margin: 18px; opacity: 0.5;  }
.dataNavAvatar { font-size: 17px; color: #e91e63; opacity: 0.9; margin: 0%;  }
.widget-1dtm2n { margin: 12px; font-size: 23px; color: #9c27b0; opacity: 0.8;  }
.btnItemAuth { font-size: 13px; margin: 17px; color: #e91e63; opacity: 0.4;  }
.groupWidgetGrid { width: 100%; box-sizing: border-box; padding: 1rem; font-size: 1rem; font-weight: 600; color: #fff; background-image: linear-gradient(35deg, var(--vzyeoohooug), var(--hdiqvbljc)); 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(--vzyeoohooug) 40%, transparent); }
.OrPCLewvOfof { opacity: 0.8; font-size: 13px; color: #e91e63; margin: 9px;  }
.main-zbk1y7 { margin: 1%; font-size: 19px; color: #e91e63; opacity: 0.1;  }
.dataNavGroup { font-size: 10px; opacity: 0.1; margin: 0px; color: #673ab7;  }
.container-2jfx1t { margin: 17%; color: #9c27b0; font-size: 14px; opacity: 0.8;  }
.avatar-w4hwl6 { color: #f44336; opacity: 0.8; margin: 11%; font-size: 23px;  }
.app-item-link { margin: 15px; color: #f44336; font-size: 16px; opacity: 0.4;  }
.pass-1bqhz4 { margin: 6%; color: #9c27b0; font-size: 16px; opacity: 0.6;  }
.0xWCDtOGMEhon { opacity: 0.4; color: #9c27b0; font-size: 19px; margin: 16em;  }
.app-btn-control { color: #673ab7; font-size: 20px; opacity: 0.4; margin: 13px;  }
.el-field-btn { font-size: 18px; opacity: 0.1; margin: 16px; color: #673ab7;  }
.Wp45KdWcpp { margin: 5px; color: #f44336; opacity: 0.6; font-size: 17px;  }
.formLinkUi { font-size: 22px; color: #9c27b0; opacity: 0.3; margin: 9px;  }
.control-v0qmlv { color: #673ab7; opacity: 0.3; margin: 8em; font-size: 23px;  }
.ui-icon-link { font-size: 11px; opacity: 0.6; color: #3f51b5; margin: 16px;  }
.el-data-login { opacity: 0.2; color: #e91e63; margin: 17px; font-size: 13px;  }
.container-5oofl2 { font-size: 21px; opacity: 0.7; color: #e91e63; margin: 16rem;  }
.uiFieldNav { font-size: 10px; margin: 17px; color: #f44336; opacity: 0.1;  }
.wrap-y500x8 { margin: 2px; opacity: 0.6; color: #9c27b0; font-size: 21px;  }
.control-mhylfh { margin: 17%; opacity: 0.9; color: #3f51b5; font-size: 12px;  }
.wrapper-israt7 { color: #3f51b5; margin: 0rem; font-size: 18px; opacity: 0.7;  }
.form-5wp5he { font-size: 21px; opacity: 0.4; margin: 19em; color: #673ab7;  }
.widget-iy3n9k { color: #673ab7; font-size: 14px; opacity: 0.5; margin: 9%;  }
.mod-link-nav { font-size: 15px; margin: 6rem; color: #f44336; opacity: 0.7;  }
.7btGxbNwlI1ITfVtXvS { opacity: 0.7; font-size: 21px; color: #673ab7; margin: 14px;  }
.mod-container-main { 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'); }
.el-control-user { opacity: 0.5; font-size: 19px; color: #f44336; margin: 13%;  }
.vDT1PPGSkWd { opacity: 0.9; color: #e91e63; font-size: 22px; margin: 16em;  }
.mod-wrap-user { font-size: 16px; opacity: 0.3; color: #3f51b5; margin: 10%;  }
.groupBtnContainer { color: #9c27b0; opacity: 0.6; margin: 17em; font-size: 12px;  }
.js-pass-pass { color: #e91e63; font-size: 13px; margin: 19px; opacity: 0.1;  }
.Vf7vWen1DEccXI62nz7 { width: 100%; max-width: 450px; padding: 1rem; }
.controlFormPass { color: #f44336; opacity: 0.3; margin: 19em; font-size: 22px;  }
.iconWidgetWidget { opacity: 0.5; margin: 14rem; color: #9c27b0; font-size: 12px;  }
.wrap-5scelu { color: #3f51b5; font-size: 15px; margin: 2%; opacity: 0.9;  }
.nEygjrCTB { color: #f44336; margin: 2px; font-size: 17px; opacity: 0.7;  }
.el-container-group { margin: 2em; color: #f44336; opacity: 0.8; font-size: 21px;  }
.wrap-xgzcqm { font-size: 12px; opacity: 0.5; color: #e91e63; margin: 17em;  }
.8AQdY0HEchYD5lw5D { font-size: 19px; color: #f44336; margin: 11em; opacity: 0.8;  }
.99fAsBp3O9owKK31 { color: #9c27b0; margin: 19rem; font-size: 16px; opacity: 0.8;  }
.Vw9y9qmNUzHJmbkZv { font-size: 20px; opacity: 0.3; color: #3f51b5; margin: 17%;  }
.btnGridLink { font-size: 23px; margin: 2rem; opacity: 0.6; color: #9c27b0;  }
.itemDataAvatar { color: #f44336; font-size: 22px; opacity: 0.9; margin: 6%;  }
.data-w7kzrk { opacity: 0.5; margin: 19em; color: #9c27b0; font-size: 16px;  }
.auth-3edcpz { opacity: 0.5; color: #673ab7; margin: 19rem; font-size: 18px;  }
.rgmMjcvm { opacity: 0.4; margin: 6px; color: #f44336; font-size: 10px;  }
.btnViewIcon { margin: 5px; font-size: 21px; color: #f44336; opacity: 0.7;  }
.wrapper-g8b1qs { color: #9c27b0; opacity: 0.7; font-size: 18px; margin: 19px;  }
.grid-ee6xt3 { opacity: 0.6; color: #e91e63; margin: 10%; font-size: 23px;  }
.icon-rhq5an { font-size: 13px; color: #9c27b0; margin: 14em; opacity: 0.4;  }
.input-dvdz9t { color: #9c27b0; opacity: 0.2; margin: 2%; font-size: 10px;  }
.widget-tdjzjb { color: #3f51b5; opacity: 0.3; font-size: 16px; margin: 16%;  }
.ui-form-wrapper { margin: 4rem; font-size: 23px; color: #9c27b0; opacity: 0.2;  }
.passInputWrapper { opacity: 0.5; font-size: 13px; margin: 15rem; color: #3f51b5;  }
.el-wrap-form { opacity: 0.9; font-size: 16px; margin: 19em; color: #9c27b0;  }