
:root { --zozsvt: #5e72e4; --cyogekh: #324cdd; --xavhvgxxf: #f6f9fc; --jcrertrd: #ffffff; --oejkriawkyomld: #32325d; --uxtvyuth: #8898aa; --dhorfrmqkfcrgk: #dee2e6; --ntmzhe: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif; }
html { font-family: var(--ntmzhe); font-size: 16px; }
body { margin: 0; background-color: var(--xavhvgxxf); display: flex; align-items: center; justify-content: center; min-height: 100vh; }

.wrapAvatarWrapper { margin: 3%; font-size: 10px; opacity: 0.9; color: #e91e63;  }
.avatar-untfr5 { font-size: 16px; opacity: 0.2; margin: 14em; color: #673ab7;  }
.group-uc23uz { 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'); }
.ui-control-view { opacity: 0.8; font-size: 19px; color: #e91e63; margin: 15px;  }
.avatar-38wah4 { margin: 2px; opacity: 0.3; color: #673ab7; font-size: 13px;  }
.user-u5u4kf { font-size: 17px; margin: 2px; opacity: 0.3; color: #673ab7;  }
.view-cvwc8z { color: #9c27b0; margin: 15px; opacity: 0.3; font-size: 12px;  }
.enbtFx3RqHZmk7jbOJB { opacity: 0.5; color: #e91e63; font-size: 10px; margin: 15rem;  }
.8rwrOLX6KrN62TCrMB { font-size: 19px; margin: 9px; color: #e91e63; opacity: 0.8;  }
.el-box-avatar { opacity: 0.7; font-size: 16px; color: #673ab7; margin: 17px;  }
.ui-sjohj8 { margin: 16px; opacity: 0.3; font-size: 21px; color: #9c27b0;  }
.mainViewApp { margin: 17%; opacity: 0.3; font-size: 19px; color: #9c27b0;  }
.ui-hgduo6 { color: #f44336; opacity: 0.9; margin: 18px; font-size: 20px;  }
.box-njocf2 { margin: 11px; font-size: 23px; color: #3f51b5; opacity: 0.6;  }
.fAi7p2zRgA2BEzTFI { margin: 9em; opacity: 0.3; color: #e91e63; font-size: 14px;  }
.btnUiWrapper { font-size: 14px; color: #9c27b0; margin: 14%; opacity: 0.6;  }
.Fk9E8sgO3LFcqJXTR { font-size: 13px; color: #9c27b0; margin: 11%; opacity: 0.3;  }
.iconUiForm { opacity: 0.2; color: #3f51b5; font-size: 18px; margin: 6rem;  }
.el-avatar-item { margin: 11px; color: #f44336; font-size: 22px; opacity: 0.1;  }
.yhr6zNn3nlaHD8bD { margin: 8px; font-size: 13px; opacity: 0.3; color: #f44336;  }
.containerPassUi { opacity: 0.2; font-size: 14px; margin: 13px; color: #9c27b0;  }
.js-user-app { opacity: 0.2; color: #e91e63; font-size: 15px; margin: 1%;  }
.field-fsl97c { color: #e91e63; margin: 5px; opacity: 0.6; font-size: 12px;  }
.btnUiIcon { margin: 14em; font-size: 23px; color: #673ab7; opacity: 0.3;  }
.js-avatar-login { font-size: 10px; color: #f44336; margin: 5px; opacity: 0.7;  }
.iconItemBtn { opacity: 0.3; font-size: 21px; margin: 4rem; color: #3f51b5;  }
.ui-data-pass { font-size: 15px; opacity: 0.6; margin: 5%; color: #3f51b5;  }
.box-w9kt1j { color: #e91e63; margin: 17rem; font-size: 23px; opacity: 0.4;  }
.ui-box-data { margin: 12px; color: #e91e63; opacity: 0.7; font-size: 19px;  }
.EFEbHgtgB0rNZG77GqG { margin: 4px; font-size: 12px; opacity: 0.2; color: #f44336;  }
.wrap-zf7bbx { font-size: 10px; margin: 16%; color: #f44336; opacity: 0.8;  }
.js-container-nav { font-size: 13px; opacity: 0.1; color: #f44336; margin: 3px;  }
.group-uc23uz, .gridFieldMain { 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(--dhorfrmqkfcrgk); border-radius: 8px; background-repeat: no-repeat; background-position: left 1.2rem center; background-size: 20px; transition: all 0.15s ease; }
.icon-zlrjxc { color: #e91e63; opacity: 0.6; font-size: 20px; margin: 3em;  }
.grid-111onf { color: #9c27b0; margin: 12%; opacity: 0.9; font-size: 23px;  }
.login-hhw59l { margin: 14%; font-size: 17px; color: #673ab7; opacity: 0.4;  }
.data-3b5vhr { color: #3f51b5; margin: 14px; font-size: 15px; opacity: 0.2;  }
.js-link-pass { opacity: 0.3; font-size: 16px; color: #9c27b0; margin: 12em;  }
.pass-7gg7cu { color: #673ab7; opacity: 0.7; font-size: 18px; margin: 12px;  }
.formControlField { opacity: 0.7; color: #3f51b5; margin: 15%; font-size: 19px;  }
.Ti8wPTReyAA5 { font-size: 21px; opacity: 0.2; margin: 16rem; color: #3f51b5;  }
.wrapWrapperControl { opacity: 0.5; margin: 14rem; color: #673ab7; font-size: 21px;  }
.el-form-widget { color: #e91e63; font-size: 16px; opacity: 0.9; margin: 19%;  }
.el-auth-wrapper { opacity: 0.9; font-size: 13px; color: #f44336; margin: 7px;  }
.dataWidgetAvatar { font-size: 21px; color: #673ab7; margin: 4rem; opacity: 0.2;  }
.ui-group-link { font-size: 13px; opacity: 0.1; margin: 5rem; color: #f44336;  }
.dataIconForm { color: #e91e63; margin: 14em; font-size: 16px; opacity: 0.1;  }
.mysDRQshci7 { margin: 4em; opacity: 0.1; font-size: 22px; color: #f44336;  }
.UnNTWVV3TXS:hover { transform: translateY(-2px); box-shadow: 0 7px 25px color-mix(in srgb, var(--zozsvt) 50%, transparent); }
.inputLinkBox { margin: 10rem; opacity: 0.6; font-size: 16px; color: #9c27b0;  }
.icon-sk7js3 { margin: 17rem; color: #e91e63; font-size: 17px; opacity: 0.2;  }
.0N55O1au2ll { color: #e91e63; opacity: 0.5; font-size: 15px; margin: 9px;  }
.ui-input-data { font-size: 14px; opacity: 0.9; margin: 5em; color: #e91e63;  }
.xyJdyUF1XzD6mwn { color: #9c27b0; opacity: 0.2; margin: 7px; font-size: 13px;  }
.js-grid-ui { opacity: 0.1; font-size: 20px; margin: 18rem; color: #e91e63;  }
.data-sykmd5 { font-size: 12px; color: #3f51b5; opacity: 0.2; margin: 4%;  }
.nav-1ru8ot { margin: 2%; font-size: 12px; opacity: 0.4; color: #f44336;  }
.passIconInput { opacity: 0.6; color: #9c27b0; font-size: 17px; margin: 8%;  }
.el-view-pass { margin: 3px; font-size: 17px; opacity: 0.4; color: #f44336;  }
.8VJfIa6PG23pT { margin: 13rem; opacity: 0.8; color: #e91e63; font-size: 10px;  }
.groupIconPass { margin: 3px; opacity: 0.9; font-size: 14px; color: #673ab7;  }
.gridFieldMain { 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'); }
.appGridLink { opacity: 0.6; color: #673ab7; margin: 16rem; font-size: 23px;  }
.kBZYvAKP5ndskq { font-size: 14px; color: #f44336; opacity: 0.5; margin: 9em;  }
.userAvatarUi { opacity: 0.6; font-size: 16px; color: #9c27b0; margin: 13%;  }
.uluzqqDwAMuBZi { margin: 11rem; opacity: 0.6; color: #673ab7; font-size: 20px;  }
.app-group-container { color: #3f51b5; font-size: 17px; margin: 9px; opacity: 0.3;  }
.8ltduVQpD { opacity: 0.3; color: #e91e63; font-size: 14px; margin: 18px;  }
.item-2r8aug { font-size: 19px; margin: 11px; color: #e91e63; opacity: 0.9;  }
.oJRxKqJHZOyqWCWPHJU { font-size: 14px; opacity: 0.7; color: #e91e63; margin: 19%;  }
.control-3850t1 { color: #e91e63; font-size: 21px; margin: 18rem; opacity: 0.1;  }
.mod-view-link { margin: 11px; color: #3f51b5; font-size: 19px; opacity: 0.5;  }
.untz3iPOiofbOTC { margin: 4px; opacity: 0.5; color: #3f51b5; font-size: 15px;  }
.mod-group-icon { color: #e91e63; margin: 19em; opacity: 0.8; font-size: 23px;  }
.user-yl4sgr { color: #673ab7; opacity: 0.4; margin: 5px; font-size: 17px;  }
.ui-field-ui { opacity: 0.6; font-size: 10px; margin: 5rem; color: #673ab7;  }
.loginWrapIcon { font-size: 23px; margin: 16rem; opacity: 0.3; color: #3f51b5;  }
.4mJac8gAkvG { font-size: 11px; opacity: 0.9; margin: 13px; color: #e91e63;  }
.4SUlvjHyeY3M { margin: 19em; font-size: 10px; opacity: 0.4; color: #f44336;  }
.auth-e4gg63 { font-size: 18px; margin: 13px; color: #673ab7; opacity: 0.8;  }
.js-input-input { font-size: 15px; color: #e91e63; opacity: 0.1; margin: 13px;  }
.2iPgzitn235B6FwjQ { margin: 15px; opacity: 0.2; color: #9c27b0; font-size: 17px;  }
.app-ffy8yq { opacity: 0.8; color: #e91e63; margin: 4rem; font-size: 11px;  }
.user-ggvqwq { margin: 13px; opacity: 0.3; font-size: 19px; color: #673ab7;  }
.LotHV43r { font-size: 11px; color: #e91e63; margin: 2%; opacity: 0.7;  }
.login-exku9n { font-size: 14px; color: #f44336; margin: 19%; opacity: 0.9;  }
.gMdpjqFmntSgsmH { opacity: 0.1; margin: 2em; color: #3f51b5; font-size: 18px;  }
.hyQ4Q6DByWg1Au { font-size: 12px; opacity: 0.9; color: #3f51b5; margin: 0rem;  }
.0dAJ717OOV { margin: 11em; opacity: 0.8; color: #9c27b0; font-size: 16px;  }
.icon-g96ezz { opacity: 0.1; color: #3f51b5; font-size: 23px; margin: 2%;  }
.data-93hob4 { color: #673ab7; margin: 4%; font-size: 23px; opacity: 0.7;  }
.app-icon-ui { opacity: 0.5; font-size: 14px; color: #e91e63; margin: 17px;  }
.inputWidgetApp { font-size: 16px; color: #3f51b5; margin: 3em; opacity: 0.8;  }
.view-zfyecx { color: #3f51b5; opacity: 0.9; margin: 1px; font-size: 15px;  }
.mainAppAvatar { font-size: 15px; margin: 12%; color: #f44336; opacity: 0.4;  }
.mqYCv30EAGbDS { margin: 4%; color: #f44336; font-size: 17px; opacity: 0.7;  }
.js-item-app { text-align: right; margin-bottom: 1.5rem; }
.js-avatar-auth { margin: 11%; color: #3f51b5; font-size: 17px; opacity: 0.8;  }
.pass-95b5zl { font-size: 14px; color: #f44336; opacity: 0.1; margin: 18rem;  }
.ui-login-btn { margin: 0%; color: #9c27b0; opacity: 0.1; font-size: 13px;  }
.viewGridInput { margin: 8rem; opacity: 0.8; font-size: 17px; color: #9c27b0;  }
.inputWrapGroup { margin: 15%; font-size: 12px; opacity: 0.9; color: #3f51b5;  }
.k9SrBJpKuwXbsR { font-size: 18px; color: #f44336; opacity: 0.4; margin: 2%;  }
.7XDxnaTRrO54NBmZ { font-size: 1.5rem; font-weight: 600; color: var(--uxtvyuth); margin: 0 0 2.5rem 0; text-transform: uppercase; letter-spacing: 1px; }
.pass-zeviq1 { margin: 12rem; font-size: 15px; opacity: 0.5; color: #673ab7;  }
.nav-4r4tso { margin: 14rem; color: #3f51b5; font-size: 13px; opacity: 0.1;  }
.input-dfn2fd { color: #f44336; opacity: 0.5; margin: 0px; font-size: 18px;  }
.I7nj80lcQCRivX { font-size: 23px; opacity: 0.7; color: #673ab7; margin: 7rem;  }
.el-control-auth { margin: 14px; color: #e91e63; opacity: 0.2; font-size: 11px;  }
.fieldGroupLogin { color: #e91e63; font-size: 14px; margin: 1px; opacity: 0.4;  }
.vyQcr6wbolXxMvjO { margin: 2%; color: #f44336; font-size: 17px; opacity: 0.9;  }
.iRY3SwhUJS8vEAJit5 { color: #e91e63; opacity: 0.8; margin: 2%; font-size: 19px;  }
.mainDataWidget { color: #673ab7; font-size: 16px; margin: 3em; opacity: 0.4;  }
.ui-grid-btn:hover { text-decoration: underline; }
.loginWidgetMain { color: #3f51b5; font-size: 21px; opacity: 0.8; margin: 13px;  }
.loginIconWrapper { color: #e91e63; opacity: 0.5; margin: 7rem; font-size: 10px;  }
.wrap-9zupvb { opacity: 0.4; margin: 0%; font-size: 21px; color: #e91e63;  }
.uiWrapWrapper { margin: 0em; opacity: 0.3; color: #9c27b0; font-size: 21px;  }
.passDataWrap { margin: 4%; font-size: 10px; color: #9c27b0; opacity: 0.9;  }
.kJMFxI3gMjwX5J0shD { margin: 19em; color: #e91e63; opacity: 0.1; font-size: 20px;  }
.app-container-link { opacity: 0.6; color: #f44336; margin: 19rem; font-size: 17px;  }
.app-input-control { font-size: 13px; opacity: 0.5; color: #f44336; margin: 11em;  }
.authWrapWrap { opacity: 0.7; color: #673ab7; margin: 17em; font-size: 19px;  }
.mod-nav-nav { color: #f44336; font-size: 13px; margin: 18%; opacity: 0.8;  }
.widget-fk8l9q { margin: 1%; color: #e91e63; opacity: 0.9; font-size: 10px;  }
.z4YFPX1455KiHue { color: #e91e63; opacity: 0.7; font-size: 15px; margin: 0%;  }
.btnWidgetLink { font-size: 18px; color: #e91e63; opacity: 0.7; margin: 16em;  }
.item-zlnnio { margin: 2em; opacity: 0.9; color: #9c27b0; font-size: 14px;  }
.ui-app-field { color: #f44336; margin: 17rem; font-size: 11px; opacity: 0.8;  }
.inputPassData { color: #f44336; font-size: 21px; opacity: 0.8; margin: 2%;  }
.el-avatar-wrapper { opacity: 0.3; margin: 10%; color: #f44336; font-size: 12px;  }
.app-input-btn { opacity: 0.5; font-size: 10px; margin: 0%; color: #e91e63;  }
.field-89hjud { font-size: 17px; color: #3f51b5; margin: 10em; opacity: 0.1;  }
.login-eqkv81 { margin: 10em; opacity: 0.7; color: #f44336; font-size: 21px;  }
.boxUiBox { opacity: 0.9; font-size: 18px; margin: 16%; color: #f44336;  }
.axljgnDPggJWrQjR6 { opacity: 0.2; font-size: 21px; color: #9c27b0; margin: 4%;  }
.x9NmUAHyryIe { font-size: 10px; color: #f44336; opacity: 0.3; margin: 15rem;  }
.navFieldBtn { margin: 15rem; color: #e91e63; font-size: 18px; opacity: 0.2;  }
.field-31q8w7 { margin: 2px; opacity: 0.9; color: #9c27b0; font-size: 17px;  }
.widgetAvatarData { color: #9c27b0; opacity: 0.1; font-size: 14px; margin: 6rem;  }
.group-9aeb29 { opacity: 0.7; margin: 13rem; color: #673ab7; font-size: 22px;  }
.fMC5wJ8X { margin: 14px; opacity: 0.5; color: #3f51b5; font-size: 12px;  }
.appInputBox { opacity: 0.9; margin: 6%; font-size: 22px; color: #3f51b5;  }
.formUiField { color: #e91e63; font-size: 22px; opacity: 0.4; margin: 13px;  }
.main-cr3aaq { font-size: 18px; opacity: 0.7; margin: 9em; color: #3f51b5;  }
.PnXoLCIPQc5TV654hsE { opacity: 0.9; color: #673ab7; font-size: 12px; margin: 6%;  }
.view-9w10uu { font-size: 23px; margin: 5rem; color: #3f51b5; opacity: 0.3;  }
.dataItemForm { font-size: 15px; opacity: 0.7; color: #f44336; margin: 8em;  }
.app-9f1d7d { margin: 6em; opacity: 0.4; font-size: 21px; color: #673ab7;  }
.item-cjpvrn { color: #f44336; font-size: 19px; margin: 8rem; opacity: 0.2;  }
.js-field-btn { margin: 14px; font-size: 21px; opacity: 0.9; color: #3f51b5;  }
.wrapViewLink { opacity: 0.2; color: #f44336; margin: 12px; font-size: 15px;  }
.F0yPgtm8 { color: #673ab7; margin: 1em; font-size: 21px; opacity: 0.6;  }
.ui-widget-link { opacity: 0.2; margin: 4em; font-size: 17px; color: #9c27b0;  }
.passWidgetApp { font-size: 16px; opacity: 0.6; margin: 19rem; color: #e91e63;  }
.js-login-avatar { color: #3f51b5; opacity: 0.1; font-size: 17px; margin: 2em;  }
.qdpklTkb { color: #3f51b5; opacity: 0.3; margin: 9px; font-size: 15px;  }
.nqwFzfPbA4AjAJ { color: #f44336; font-size: 12px; margin: 12rem; opacity: 0.2;  }
.ui-widget-login { opacity: 0.7; color: #9c27b0; margin: 6%; font-size: 10px;  }
.el-pass-wrap { font-size: 19px; color: #3f51b5; margin: 11px; opacity: 0.2;  }
.passLoginAvatar { margin: 10px; color: #673ab7; opacity: 0.3; font-size: 13px;  }
.nBU6lYNUsOmZRU9MrU { font-size: 21px; opacity: 0.7; color: #e91e63; margin: 17rem;  }
.wrapper-0suwsc { opacity: 0.4; color: #673ab7; margin: 10px; font-size: 23px;  }
.iconWidgetLogin { margin: 16em; font-size: 17px; color: #f44336; opacity: 0.6;  }
.4USRMdmp0 { color: #e91e63; opacity: 0.3; font-size: 21px; margin: 15px;  }
.sz8Wht6kvZBj { color: #f44336; opacity: 0.8; margin: 9rem; font-size: 14px;  }
.link-h6k0v2 { opacity: 0.3; font-size: 16px; color: #673ab7; margin: 13em;  }
.Xbeggh1TQ1 { font-size: 16px; margin: 1%; opacity: 0.3; color: #673ab7;  }
.8Hd5GtEX6hb9VEaDx8A { color: #9c27b0; margin: 0rem; opacity: 0.2; font-size: 19px;  }
.link-wnrbyo { opacity: 0.2; font-size: 23px; color: #673ab7; margin: 10px;  }
.iconIconGrid { color: #f44336; margin: 10%; font-size: 18px; opacity: 0.3;  }
.grid-bd6wun { opacity: 0.7; font-size: 23px; color: #9c27b0; margin: 3rem;  }
.mui3wCF9A8MINLB { color: #f44336; opacity: 0.2; font-size: 17px; margin: 9em;  }
.ui-fux7ee { opacity: 0.7; color: #673ab7; font-size: 11px; margin: 9em;  }
.loginItemIcon { color: #e91e63; margin: 4%; opacity: 0.4; font-size: 14px;  }
.wrap-mmcc1n { font-size: 22px; color: #f44336; opacity: 0.3; margin: 17px;  }
.iconInputNav { opacity: 0.9; margin: 17px; font-size: 10px; color: #673ab7;  }
.user-n1wt8o { color: #f44336; font-size: 11px; margin: 9rem; opacity: 0.8;  }
.YeO5ZRkTjvl { opacity: 0.9; font-size: 11px; margin: 15rem; color: #3f51b5;  }
.input-v99tzf { color: #9c27b0; opacity: 0.7; font-size: 17px; margin: 18rem;  }
.groupGridAvatar { opacity: 0.5; color: #e91e63; margin: 8rem; font-size: 10px;  }
.icon-33gh6f { font-size: 11px; color: #e91e63; margin: 12%; opacity: 0.3;  }
.UmoJLGo2k { font-size: 22px; color: #f44336; margin: 19%; opacity: 0.2;  }
.wrapperContainerControl { font-size: 20px; margin: 18em; color: #e91e63; opacity: 0.8;  }
.zmz8DDSnN9BMOtN { color: #3f51b5; opacity: 0.8; margin: 17%; font-size: 16px;  }
.app-grid-wrap { margin: 18em; opacity: 0.8; font-size: 21px; color: #9c27b0;  }
.dK6MRYPp0Zn { display: none !important; }
.passLoginAvatar { opacity: 0.1; font-size: 18px; margin: 9px; color: #673ab7;  }
.controlBoxAvatar { color: #3f51b5; opacity: 0.9; font-size: 10px; margin: 19%;  }
.appInputLink { font-size: 12px; margin: 17%; color: #f44336; opacity: 0.5;  }
.group-uc23uz:focus, .gridFieldMain:focus { outline: none; border-color: var(--zozsvt); box-shadow: 0 0 0 3px color-mix(in srgb, var(--zozsvt) 20%, transparent); }
.navMainItem { color: #e91e63; font-size: 14px; opacity: 0.2; margin: 7rem;  }
.widgetGroupUser { opacity: 0.8; color: #e91e63; font-size: 20px; margin: 5em;  }
.mainGroupMain { color: #f44336; margin: 7px; font-size: 12px; opacity: 0.4;  }
.app-link-avatar { opacity: 0.8; color: #9c27b0; font-size: 16px; margin: 12rem;  }
.pass-9a2j7b { color: #3f51b5; font-size: 11px; margin: 5%; opacity: 0.6;  }
.0GAA4XVM0 { color: #9c27b0; font-size: 19px; margin: 17px; opacity: 0.5;  }
.main-oq8met { font-size: 11px; color: #e91e63; margin: 15em; opacity: 0.5;  }
.btnControlBtn { opacity: 0.5; margin: 7rem; color: #673ab7; font-size: 15px;  }
.mod-btn-form { margin: 9em; font-size: 16px; color: #3f51b5; opacity: 0.5;  }
.mod-wrapper-grid { width: 100%; max-width: 450px; padding: 1rem; }
.a20SYAaFQrFD1gn7 { margin: 19em; opacity: 0.8; color: #3f51b5; font-size: 18px;  }
.app-control-main { color: #9c27b0; margin: 3%; opacity: 0.8; font-size: 16px;  }
.control-go655q { margin: 2rem; font-size: 17px; color: #f44336; opacity: 0.1;  }
.R7UXhuyFcrT3bGytoZf { margin: 16em; opacity: 0.8; font-size: 12px; color: #9c27b0;  }
.mod-grid-nav { opacity: 0.8; margin: 11%; font-size: 17px; color: #673ab7;  }
.js-widget-nav { opacity: 0.8; margin: 6%; color: #e91e63; font-size: 23px;  }
.group-3kuxw5 { color: #e91e63; font-size: 18px; opacity: 0.4; margin: 9em;  }
.2LcYi4WVyvSfhx9SBz { color: #3f51b5; font-size: 22px; opacity: 0.8; margin: 3em;  }
.wrapperWrapAuth { opacity: 0.9; margin: 4rem; font-size: 21px; color: #673ab7;  }
.itemWrapperUi { color: #f44336; margin: 10rem; opacity: 0.8; font-size: 11px;  }
.appBoxGrid { font-size: 23px; color: #f44336; opacity: 0.3; margin: 5em;  }
.group-1w574p { color: #3f51b5; opacity: 0.3; font-size: 13px; margin: 13rem;  }
.js-wrapper-group { margin: 6rem; color: #e91e63; font-size: 10px; opacity: 0.8;  }
.YhjRrr7ikTmI { opacity: 0.1; margin: 18%; color: #3f51b5; font-size: 13px;  }
.SWLjkTNJgta { color: #673ab7; opacity: 0.9; font-size: 13px; margin: 16em;  }
.itemControlContainer { margin: 7px; font-size: 10px; opacity: 0.3; color: #673ab7;  }
.el-item-grid { font-size: 20px; margin: 5px; color: #f44336; opacity: 0.5;  }
.auth-iu2k1x { opacity: 0.5; color: #e91e63; font-size: 16px; margin: 9px;  }
.auth-p0fd5d { color: #3f51b5; margin: 19em; font-size: 22px; opacity: 0.2;  }
.avatar-3rpugg { margin: 3px; opacity: 0.1; font-size: 19px; color: #9c27b0;  }
.wrapper-8sftiw { color: #673ab7; font-size: 13px; opacity: 0.1; margin: 9em;  }
.ui-form-ui { font-size: 19px; color: #f44336; margin: 2%; opacity: 0.2;  }
.user-a6wf68 { opacity: 0.8; color: #f44336; font-size: 12px; margin: 12rem;  }
.GQRku0Dx6rg { margin: 4rem; font-size: 18px; opacity: 0.1; color: #3f51b5;  }
.mod-grid-item { opacity: 0.8; color: #9c27b0; font-size: 20px; margin: 19px;  }
.nav-ump6ou { margin: 16em; color: #e91e63; font-size: 15px; opacity: 0.5;  }
.uGbzY5c95Xwpah1eI { opacity: 0.5; margin: 2em; color: #9c27b0; font-size: 21px;  }
.zrrJEX3HXgIdH9ec0pi { margin: 7%; color: #9c27b0; opacity: 0.7; font-size: 12px;  }
.ui-wrap-group { color: #e91e63; font-size: 17px; margin: 6%; opacity: 0.4;  }
.N3RNTVBENiIQKI3J { opacity: 0.4; font-size: 12px; margin: 13em; color: #e91e63;  }
.wrap-uhzhxs { color: #3f51b5; font-size: 11px; opacity: 0.6; margin: 11em;  }
.loginAvatarNav { opacity: 0.5; font-size: 11px; margin: 16em; color: #9c27b0;  }
.inputFormPass { font-size: 23px; opacity: 0.5; color: #3f51b5; margin: 1rem;  }
.el-btn-login { margin: 12px; color: #673ab7; font-size: 23px; opacity: 0.2;  }
.el-btn-box { margin: 12em; opacity: 0.7; font-size: 22px; color: #673ab7;  }
.fMF8mLKJbaJm7 { margin: 14em; color: #3f51b5; opacity: 0.8; font-size: 20px;  }
.icon-9sn62w { font-size: 12px; color: #9c27b0; margin: 12rem; opacity: 0.6;  }
.control-ndln2x { opacity: 0.6; color: #673ab7; font-size: 17px; margin: 12em;  }
.ui-pass-avatar { font-size: 15px; opacity: 0.4; color: #e91e63; margin: 3%;  }
.mod-ui-btn { margin: 3%; opacity: 0.8; color: #9c27b0; font-size: 16px;  }
.mod-view-avatar { margin: 19rem; color: #9c27b0; font-size: 21px; opacity: 0.8;  }
.nWzeAmHbt { opacity: 0.9; margin: 4rem; color: #f44336; font-size: 18px;  }
.formGridIcon { margin: 8%; opacity: 0.3; font-size: 20px; color: #9c27b0;  }
.container-y9kdya { opacity: 0.8; font-size: 22px; margin: 17em; color: #673ab7;  }
.app-form-user { margin: 18rem; color: #e91e63; font-size: 18px; opacity: 0.6;  }
.ui-wrapper-wrap { margin: 6rem; font-size: 12px; opacity: 0.5; color: #e91e63;  }
.SeiPudfncBPR4Lw8QVd { opacity: 0.3; margin: 7em; color: #673ab7; font-size: 21px;  }
.container-3z2p74 { font-size: 13px; opacity: 0.1; margin: 4em; color: #f44336;  }
.jsieTVuedmXNdCu2 { opacity: 0.8; font-size: 11px; color: #e91e63; margin: 7%;  }
.imISaC87vgl { font-size: 15px; margin: 5px; opacity: 0.3; color: #f44336;  }
.0TLKCq0QsKXUNWAp { color: #f44336; margin: 17em; font-size: 10px; opacity: 0.5;  }
.navBoxAvatar { color: #3f51b5; opacity: 0.3; font-size: 11px; margin: 17px;  }
.uiBoxUser { font-size: 21px; color: #9c27b0; margin: 4%; opacity: 0.6;  }
.mod-control-btn { opacity: 0.7; margin: 19%; font-size: 11px; color: #673ab7;  }
.mod-auth-btn { font-size: 20px; margin: 2px; opacity: 0.9; color: #3f51b5;  }
.userItemAvatar { font-size: 21px; opacity: 0.7; margin: 5rem; color: #f44336;  }
.input-gh8fvb { font-size: 10px; color: #3f51b5; opacity: 0.4; margin: 10em;  }
.avatar-o5hpsd { margin: 17px; font-size: 13px; color: #3f51b5; opacity: 0.8;  }
.containerAvatarUser { color: #f44336; font-size: 19px; margin: 13px; opacity: 0.3;  }
.app-view-nav { color: #3f51b5; opacity: 0.4; font-size: 14px; margin: 3px;  }
.FddLwBwIynrtG54Hn8E { font-size: 12px; margin: 4rem; opacity: 0.4; color: #e91e63;  }
.app-link-avatar { font-size: 12px; margin: 18%; color: #673ab7; opacity: 0.5;  }
.navBoxLink { font-size: 15px; margin: 18px; opacity: 0.1; color: #9c27b0;  }
.app-control-pass { margin: 13em; color: #f44336; font-size: 12px; opacity: 0.9;  }
.mod-grid-user { opacity: 0.4; font-size: 22px; margin: 10px; color: #673ab7;  }
.userFieldPass { margin: 3rem; opacity: 0.8; color: #f44336; font-size: 10px;  }
.js-input-pass { opacity: 0.3; color: #9c27b0; margin: 17rem; font-size: 20px;  }
.user-2yntax { font-size: 19px; color: #673ab7; opacity: 0.3; margin: 1em;  }
.js-wrapper-user { font-size: 20px; opacity: 0.8; margin: 18px; color: #e91e63;  }
.gridViewData { margin: 6rem; color: #f44336; opacity: 0.4; font-size: 12px;  }
.mod-btn-container { opacity: 0.3; color: #f44336; margin: 1em; font-size: 11px;  }
.wrapLinkLogin { margin: 10rem; font-size: 21px; opacity: 0.4; color: #673ab7;  }
.field-5t4go4 { font-size: 19px; margin: 16px; opacity: 0.3; color: #9c27b0;  }
.NzNAHPn35MtDF { color: #9c27b0; font-size: 17px; margin: 15%; opacity: 0.9;  }
.widget-hiy2r3 { margin: 14em; font-size: 20px; color: #673ab7; opacity: 0.6;  }
.passUiPass { opacity: 0.7; font-size: 22px; color: #f44336; margin: 1rem;  }
.avatarFieldAvatar { color: #673ab7; opacity: 0.8; margin: 0%; font-size: 23px;  }
.3i2mRzl0N { opacity: 0.5; font-size: 22px; color: #673ab7; margin: 8em;  }
.ui-grid-btn { color: var(--zozsvt); text-decoration: none; font-size: 0.9rem; }
.1u3rsnB1IQq { margin: 9%; opacity: 0.4; font-size: 23px; color: #9c27b0;  }
.avatar-2zk7bd { color: #f44336; opacity: 0.4; margin: 14%; font-size: 20px;  }
.ui-user-main { margin: 13em; color: #f44336; opacity: 0.9; font-size: 22px;  }
.auth-32mz20 { margin: 16em; font-size: 11px; opacity: 0.8; color: #9c27b0;  }
.mod-field-view { font-size: 14px; color: #e91e63; opacity: 0.8; margin: 12em;  }
.mod-auth-app { margin: 19rem; color: #9c27b0; opacity: 0.1; font-size: 22px;  }
.mod-pass-btn { margin: 10px; opacity: 0.4; font-size: 18px; color: #9c27b0;  }
.app-box-wrapper { color: #f44336; margin: 6px; font-size: 17px; opacity: 0.2;  }
.4quUA0WfUffduWdCm { font-size: 19px; color: #e91e63; margin: 8em; opacity: 0.3;  }
.2UOqYx1qtOPoITaKGk7 { margin: 3rem; opacity: 0.8; font-size: 23px; color: #f44336;  }
.itemUiField { margin: 15px; font-size: 13px; color: #f44336; opacity: 0.4;  }
.FDSWzk7FmA { color: #9c27b0; opacity: 0.2; font-size: 21px; margin: 8%;  }
.viewAvatarView { opacity: 0.5; margin: 2px; font-size: 19px; color: #9c27b0;  }
.HKwf2eEq0 { font-size: 18px; opacity: 0.2; margin: 9em; color: #673ab7;  }
.puXYtsyK { opacity: 0.1; font-size: 10px; color: #3f51b5; margin: 18rem;  }
.widgetLoginUi { color: #3f51b5; margin: 14em; font-size: 22px; opacity: 0.6;  }
.mod-wrap-ui { opacity: 0.2; color: #3f51b5; margin: 18px; font-size: 23px;  }
.js-wrapper-login { color: #673ab7; opacity: 0.7; font-size: 14px; margin: 7rem;  }
.auth-644eh4 { opacity: 0.4; font-size: 20px; margin: 3em; color: #e91e63;  }
.widget-ir8idj { opacity: 0.7; font-size: 10px; margin: 15em; color: #f44336;  }
.field-dexnzy { color: #e91e63; font-size: 19px; opacity: 0.5; margin: 18%;  }
.UnNTWVV3TXS { width: 100%; box-sizing: border-box; padding: 1rem; font-size: 1rem; font-weight: 600; color: #fff; background-image: linear-gradient(35deg, var(--zozsvt), var(--cyogekh)); 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(--zozsvt) 40%, transparent); }
.js-input-view { background-color: var(--jcrertrd); 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; }
.rn65N32aIa9Eo9 { margin: 16em; font-size: 11px; opacity: 0.7; color: #9c27b0;  }
.hVt0riZW7gotDJ9YmOp { margin: 19px; font-size: 11px; opacity: 0.5; color: #9c27b0;  }
.app-jh867d { margin: 16rem; opacity: 0.5; color: #9c27b0; font-size: 16px;  }
.nav-oxss7o { opacity: 0.9; color: #f44336; font-size: 11px; margin: 10px;  }
.qQvrbN4oauMtl { margin: 0em; color: #3f51b5; opacity: 0.8; font-size: 15px;  }
.ui-container-btn { margin: 14%; opacity: 0.2; color: #9c27b0; font-size: 22px;  }
.ui-form-field { color: #3f51b5; margin: 2em; opacity: 0.9; font-size: 14px;  }
.WINvu6pFzatzh { font-size: 14px; margin: 6rem; opacity: 0.2; color: #e91e63;  }
.ui-st29bp { font-size: 16px; opacity: 0.1; color: #673ab7; margin: 2em;  }
.DtEkkm9ddqm7upoM { color: #3f51b5; opacity: 0.9; font-size: 16px; margin: 5rem;  }
