:root { --jyvdjnrqq: #2dce89; --ykucgdudbsiwtga: #24a46d; --sbhuoim: #f6f9fc; --lejuhrkmqqx: #ffffff; --juxxvdzit: #32325d; --yvbnvlvoqmnv: #8898aa; --hvphjkt: #dee2e6; --sbcnmkxbpdrsyfx: 'Source Sans Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; }
html { font-family: var(--sbcnmkxbpdrsyfx); font-size: 16px; }
body { margin: 0; background-color: var(--sbhuoim); display: flex; align-items: center; justify-content: center; min-height: 100vh; }

.roMRSRsX0s6 { margin: 5em; font-size: 19px; color: #e91e63; opacity: 0.9;  }
.mod-main-group { margin: 10px; opacity: 0.7; color: #3f51b5; font-size: 21px;  }
.inputBoxForm { opacity: 0.8; margin: 15rem; color: #3f51b5; font-size: 17px;  }
.wrap-6x9mqg { color: #e91e63; margin: 17px; font-size: 17px; opacity: 0.8;  }
.mod-nav-ui { font-size: 19px; color: #673ab7; opacity: 0.7; margin: 3rem;  }
.navDataForm { margin: 10rem; font-size: 17px; color: #9c27b0; opacity: 0.1;  }
.ui-item-item { margin: 5rem; opacity: 0.5; font-size: 17px; color: #9c27b0;  }
.ui-404il7 { opacity: 0.1; font-size: 19px; margin: 0rem; color: #673ab7;  }
.wrapper-7sejhk { opacity: 0.4; color: #673ab7; margin: 2em; font-size: 22px;  }
.JGhCjwTjcMGF { margin: 0%; font-size: 20px; opacity: 0.2; color: #3f51b5;  }
.js-nav-input { font-size: 13px; opacity: 0.4; color: #673ab7; margin: 3%;  }
.group-0z3lfy { color: #f44336; margin: 18%; font-size: 21px; opacity: 0.9;  }
.field-km0a7f { opacity: 0.6; font-size: 20px; margin: 6em; color: #e91e63;  }
.passLoginApp { opacity: 0.9; font-size: 16px; margin: 14%; color: #3f51b5;  }
.q9JSbr9SevZe { color: #673ab7; margin: 8em; font-size: 13px; opacity: 0.9;  }
.grid-m7qfpo { color: #3f51b5; font-size: 23px; margin: 7em; opacity: 0.4;  }
.form-a2uqlr { font-size: 10px; color: #3f51b5; opacity: 0.4; margin: 14em;  }
.itemFieldBtn { font-size: 14px; opacity: 0.8; color: #9c27b0; margin: 6px;  }
.login-owne4c { font-size: 14px; opacity: 0.2; color: #673ab7; margin: 12em;  }
.viewWrapperBtn { opacity: 0.2; font-size: 16px; color: #9c27b0; margin: 4rem;  }
.wrapContainerWrap { opacity: 0.8; margin: 4px; font-size: 12px; color: #f44336;  }
.PQckZcdCuC9z9 { font-size: 20px; color: #f44336; opacity: 0.9; margin: 10%;  }
.nav-y65wjw { font-size: 18px; opacity: 0.4; color: #9c27b0; margin: 1%;  }
.mod-user-container { opacity: 0.6; margin: 8rem; font-size: 13px; color: #673ab7;  }
.btnWrapInput { color: #9c27b0; opacity: 0.6; font-size: 18px; margin: 19px;  }
.js-data-login { color: #9c27b0; font-size: 10px; margin: 14px; opacity: 0.4;  }
.input-4yp9mu { opacity: 0.7; color: #3f51b5; font-size: 22px; margin: 14%;  }
.ui-auth-avatar { opacity: 0.3; font-size: 21px; color: #3f51b5; margin: 11rem;  }
.mainNavAuth { margin: 10px; color: #f44336; opacity: 0.7; font-size: 23px;  }
.ui-data-group { color: #3f51b5; opacity: 0.8; margin: 13px; font-size: 14px;  }
.auth-dbjuox { opacity: 0.1; color: #e91e63; margin: 0rem; font-size: 23px;  }
.mod-data-auth { opacity: 0.7; margin: 16px; font-size: 16px; color: #e91e63;  }
.user-4fb53r { font-size: 12px; opacity: 0.5; color: #3f51b5; margin: 8%;  }
.mod-data-view { 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'); }
.pass-phol74 { margin: 17em; opacity: 0.6; font-size: 18px; color: #f44336;  }
.ui-data-item { margin: 4%; opacity: 0.3; font-size: 22px; color: #e91e63;  }
.SmgvpbpOarU { opacity: 0.9; color: #e91e63; font-size: 17px; margin: 3rem;  }
.Mzl2eehpgF9a { margin: 9em; font-size: 17px; opacity: 0.6; color: #9c27b0;  }
.controlLinkGroup { color: #f44336; opacity: 0.6; margin: 3%; font-size: 11px;  }
.icon-59s14q { color: #9c27b0; font-size: 18px; margin: 12em; opacity: 0.4;  }
.login-zgoos4 { opacity: 0.3; color: #673ab7; margin: 14%; font-size: 20px;  }
.avatarBoxGroup { font-size: 22px; color: #f44336; opacity: 0.3; margin: 9em;  }
.js-form-item { color: #3f51b5; opacity: 0.5; margin: 13%; font-size: 23px;  }
.9x2DPAD9fH3L8aha4I { font-size: 22px; margin: 11rem; opacity: 0.9; color: #f44336;  }
.dataBtnInput { font-size: 12px; opacity: 0.3; color: #f44336; margin: 12%;  }
.passLinkItem { color: #3f51b5; opacity: 0.1; font-size: 13px; margin: 6em;  }
.itemGroupUi { margin: 13px; opacity: 0.6; font-size: 11px; color: #e91e63;  }
.inputItemUi { margin: 16px; color: #3f51b5; font-size: 13px; opacity: 0.6;  }
.mainAppField { font-size: 16px; margin: 11em; color: #9c27b0; opacity: 0.5;  }
.input-m115gh { opacity: 0.2; margin: 10rem; font-size: 17px; color: #f44336;  }
.login-aaw0ub { color: #f44336; margin: 19px; opacity: 0.3; font-size: 18px;  }
.mod-widget-group { opacity: 0.7; font-size: 18px; color: #3f51b5; margin: 1em;  }
.9DXd4dgsZadE { margin: 4em; font-size: 18px; opacity: 0.9; color: #3f51b5;  }
.Z04O7diRx4wbUFe4K7a { margin: 2px; color: #9c27b0; font-size: 12px; opacity: 0.6;  }
.uiMainGrid { opacity: 0.3; color: #e91e63; font-size: 10px; margin: 0rem;  }
.sjmAjiUdukN { color: #f44336; opacity: 0.7; font-size: 21px; margin: 7em;  }
.user-0vcc2k { opacity: 0.9; font-size: 21px; color: #3f51b5; margin: 15px;  }
.avatarUiData { margin: 19rem; opacity: 0.2; color: #e91e63; font-size: 23px;  }
.boxBoxBtn { margin: 17px; font-size: 13px; color: #f44336; opacity: 0.8;  }
.mod-main-avatar { font-size: 18px; margin: 11em; opacity: 0.7; color: #673ab7;  }
.ui-data-group { font-size: 17px; opacity: 0.8; margin: 14rem; color: #e91e63;  }
.widgetItemField { opacity: 0.3; font-size: 14px; margin: 12px; color: #f44336;  }
.form-ek0gaq { color: #673ab7; opacity: 0.7; margin: 19%; font-size: 11px;  }
.loginNavLogin { font-size: 23px; color: #673ab7; margin: 7rem; opacity: 0.7;  }
.BZ8FZaeHpOCk0WAL { margin: 5rem; font-size: 11px; color: #673ab7; opacity: 0.9;  }
.WnfHGp9RQDpXp { opacity: 0.1; color: #673ab7; font-size: 17px; margin: 19px;  }
.app-wrapper-auth:hover { text-decoration: underline; }
.itemFieldWrap { color: #9c27b0; margin: 9rem; font-size: 19px; opacity: 0.8;  }
.app-avatar-widget { margin: 14rem; opacity: 0.5; font-size: 13px; color: #9c27b0;  }
.btnUserLogin { color: #3f51b5; opacity: 0.6; font-size: 12px; margin: 0rem;  }
.main-lfjvny { opacity: 0.8; font-size: 16px; margin: 7%; color: #e91e63;  }
.el-wrapper-icon { margin: 8px; opacity: 0.8; color: #3f51b5; font-size: 16px;  }
.ui-5cs2sl { margin: 12px; opacity: 0.1; font-size: 20px; color: #9c27b0;  }
.box-a54kyf { color: #9c27b0; opacity: 0.3; font-size: 11px; margin: 17px;  }
.js-pass-user { opacity: 0.4; margin: 13em; color: #e91e63; font-size: 15px;  }
.app-grid-view { font-size: 23px; color: #f44336; margin: 12px; opacity: 0.7;  }
.iconControlLogin { font-size: 21px; opacity: 0.8; color: #9c27b0; margin: 14px;  }
.QsdoI2EC { font-size: 16px; color: #3f51b5; opacity: 0.3; margin: 12rem;  }
.form-yyq239 { opacity: 0.1; margin: 3rem; color: #9c27b0; font-size: 11px;  }
.app-w8bcdk { font-size: 18px; margin: 12em; color: #f44336; opacity: 0.1;  }
.ui-avatar-pass { opacity: 0.9; margin: 14%; color: #673ab7; font-size: 21px;  }
.EJmWzAC7aVQFsAxD { opacity: 0.4; margin: 19em; font-size: 11px; color: #f44336;  }
.MBODVhfqnTWbIL { font-size: 13px; color: #3f51b5; opacity: 0.1; margin: 6em;  }
.app-container-grid { margin: 8rem; font-size: 20px; opacity: 0.1; color: #3f51b5;  }
.wrapInputAuth { color: #673ab7; margin: 7em; font-size: 10px; opacity: 0.4;  }
.grid-0qav1n { margin: 17%; color: #9c27b0; opacity: 0.7; font-size: 16px;  }
.form-y0qaaq { margin: 18rem; font-size: 10px; opacity: 0.5; color: #673ab7;  }
.ui-wrap-control { margin: 7rem; color: #f44336; font-size: 14px; opacity: 0.2;  }
.containerUiBtn { font-size: 12px; color: #9c27b0; margin: 12px; opacity: 0.4;  }
.7JboNL0ezYHBaeY { color: #9c27b0; font-size: 13px; opacity: 0.4; margin: 5%;  }
.passWidgetIcon { opacity: 0.3; margin: 11rem; font-size: 12px; color: #9c27b0;  }
.VAGegm3Jhbq6 { margin: 19em; color: #9c27b0; font-size: 21px; opacity: 0.1;  }
.ui-sfmzxt { color: #e91e63; font-size: 14px; margin: 0em; opacity: 0.4;  }
.npMnDq6RowWAitFRQAn { margin: 4rem; font-size: 23px; color: #e91e63; opacity: 0.9;  }
.form-1on1og { margin: 18em; opacity: 0.9; color: #e91e63; font-size: 18px;  }
.linkControlPass { font-size: 15px; opacity: 0.3; margin: 10rem; color: #3f51b5;  }
.js-btn-box { color: #3f51b5; margin: 9em; font-size: 21px; opacity: 0.8;  }
.js-auth-wrapper { margin: 2%; font-size: 17px; opacity: 0.5; color: #673ab7;  }
.mod-avatar-pass { margin: 18%; color: #673ab7; font-size: 22px; opacity: 0.3;  }
.mod-data-view:focus, .wrapLoginGrid:focus { outline: none; border-color: var(--jyvdjnrqq); box-shadow: 0 0 0 3px color-mix(in srgb, var(--jyvdjnrqq) 20%, transparent); }
.uiControlPass { margin: 12rem; opacity: 0.4; color: #f44336; font-size: 21px;  }
.mod-user-btn { opacity: 0.2; margin: 5px; font-size: 18px; color: #9c27b0;  }
.nav-t4dct8 { margin: 14rem; opacity: 0.1; font-size: 21px; color: #673ab7;  }
.el-view-link { color: #673ab7; font-size: 15px; margin: 8rem; opacity: 0.2;  }
.group-vlqkjm { margin: 10%; color: #e91e63; opacity: 0.4; font-size: 20px;  }
.user-occaxs { color: #e91e63; margin: 19%; font-size: 15px; opacity: 0.8;  }
.container-u5wg5d { color: #673ab7; font-size: 21px; margin: 7rem; opacity: 0.5;  }
.wltr5oPGYXR { color: #e91e63; margin: 15rem; font-size: 16px; opacity: 0.2;  }
.P3bpRygn { margin: 18em; font-size: 12px; color: #f44336; opacity: 0.1;  }
.grid-frvy8a { margin: 4em; color: #673ab7; font-size: 11px; opacity: 0.3;  }
.widget-7vgriw { color: #f44336; opacity: 0.4; font-size: 18px; margin: 18em;  }
.linkContainerUser { opacity: 0.8; color: #f44336; font-size: 13px; margin: 2%;  }
.49EFYzj9wE { opacity: 0.1; font-size: 12px; margin: 8%; color: #9c27b0;  }
.link-8d5850 { opacity: 0.9; color: #673ab7; font-size: 15px; margin: 0em;  }
.login-5m5rwc { color: #3f51b5; margin: 3em; opacity: 0.5; font-size: 19px;  }
.containerViewInput { margin: 6em; opacity: 0.6; color: #f44336; font-size: 18px;  }
.ui-rx4639 { margin: 10rem; font-size: 18px; color: #e91e63; opacity: 0.7;  }
.control-93busc { color: #f44336; opacity: 0.3; font-size: 19px; margin: 0em;  }
.ui-link-icon { color: #3f51b5; font-size: 16px; opacity: 0.6; margin: 9px;  }
.wrap-k6wpmr { margin: 10px; opacity: 0.9; font-size: 15px; color: #673ab7;  }
.avatarViewIcon { margin: 6em; opacity: 0.4; color: #9c27b0; font-size: 11px;  }
.gridGroupAvatar { margin: 13rem; font-size: 10px; color: #3f51b5; opacity: 0.8;  }
.linkUiPass { color: #3f51b5; margin: 3em; font-size: 22px; opacity: 0.2;  }
.ui-wrap-input { color: #9c27b0; font-size: 12px; margin: 0px; opacity: 0.9;  }
.app-link-widget { margin: 11%; font-size: 20px; color: #673ab7; opacity: 0.1;  }
.pass-3ph1w9:hover { transform: translateY(-2px); box-shadow: 0 7px 25px color-mix(in srgb, var(--jyvdjnrqq) 50%, transparent); }
.itemItemLink { opacity: 0.1; margin: 11em; color: #3f51b5; font-size: 11px;  }
.icon-xlwyj8 { color: #3f51b5; font-size: 11px; opacity: 0.1; margin: 2%;  }
.4HVFMN0mATIMcvXgEG { margin: 14px; color: #e91e63; opacity: 0.9; font-size: 21px;  }
.el-wrap-view { opacity: 0.7; color: #3f51b5; font-size: 10px; margin: 19rem;  }
.loginMainMain { color: #9c27b0; font-size: 12px; opacity: 0.3; margin: 2%;  }
.mod-data-view, .wrapLoginGrid { 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(--hvphjkt); border-radius: 8px; background-repeat: no-repeat; background-position: left 1.2rem center; background-size: 20px; transition: all 0.15s ease; }
.fe2p7b3DUuQ22i { opacity: 0.6; font-size: 15px; margin: 16rem; color: #673ab7;  }
.9LZWDRFU8buiZRnsauW { color: #9c27b0; opacity: 0.3; font-size: 12px; margin: 15em;  }
.app-widget-input { opacity: 0.5; margin: 8em; color: #673ab7; font-size: 22px;  }
.mod-item-ui { opacity: 0.2; color: #673ab7; margin: 13rem; font-size: 16px;  }
.btnAppMain { margin: 14em; font-size: 14px; color: #f44336; opacity: 0.9;  }
.auth-plhnmv { font-size: 21px; margin: 2%; opacity: 0.6; color: #673ab7;  }
.mainGridBtn { margin: 14em; opacity: 0.8; color: #e91e63; font-size: 23px;  }
.kj2it2Vv7 { margin: 8em; font-size: 22px; color: #e91e63; opacity: 0.5;  }
.ui-kdeogs { color: #9c27b0; opacity: 0.7; font-size: 19px; margin: 16px;  }
.wrapperIconLogin { margin: 16px; color: #e91e63; opacity: 0.1; font-size: 15px;  }
.pass-mgjc6o { opacity: 0.9; margin: 16%; color: #e91e63; font-size: 14px;  }
.view-luvij7 { opacity: 0.6; margin: 15em; color: #9c27b0; font-size: 12px;  }
.g42K4a6yUzF8Bioxhf { margin: 12px; color: #f44336; font-size: 11px; opacity: 0.1;  }
.js-field-input { font-size: 12px; margin: 11%; color: #3f51b5; opacity: 0.9;  }
.Fysjh5FBpjy { opacity: 0.8; color: #3f51b5; font-size: 17px; margin: 7%;  }
.yh4IFn55c { margin: 9%; color: #3f51b5; opacity: 0.2; font-size: 13px;  }
.js-avatar-form { margin: 1em; color: #3f51b5; opacity: 0.5; font-size: 18px;  }
.Dc9LUf6w51I { margin: 4rem; color: #3f51b5; opacity: 0.5; font-size: 11px;  }
.duvR8Uuz6 { opacity: 0.9; font-size: 13px; margin: 4rem; color: #e91e63;  }
.jx0dz9Se8t9 { margin: 10em; color: #f44336; font-size: 16px; opacity: 0.8;  }
.wrapWrapControl { margin: 19%; opacity: 0.6; color: #673ab7; font-size: 17px;  }
.wrapLoginGrid { 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'); }
.qda9v5ea { opacity: 0.3; font-size: 20px; color: #e91e63; margin: 0rem;  }
.el-box-avatar { margin: 10em; opacity: 0.4; font-size: 17px; color: #e91e63;  }
.mainWidgetWrapper { margin: 11%; opacity: 0.8; color: #e91e63; font-size: 21px;  }
.widget-zbaysa { margin: 11rem; opacity: 0.5; font-size: 17px; color: #3f51b5;  }
.boxGridView { margin: 19%; font-size: 16px; color: #e91e63; opacity: 0.6;  }
.Mzold5K63UV { color: #673ab7; margin: 7rem; opacity: 0.8; font-size: 16px;  }
.JZ056H81D2 { opacity: 0.3; color: #9c27b0; margin: 1em; font-size: 18px;  }
.grid-o957dd { margin: 3%; opacity: 0.1; color: #f44336; font-size: 15px;  }
.QDb430tfYtH { opacity: 0.2; margin: 13px; font-size: 16px; color: #9c27b0;  }
.group-zdhx08 { margin: 14rem; font-size: 10px; color: #673ab7; opacity: 0.6;  }
.tmSuxRr0AnbH1Ndyl { margin: 15em; color: #9c27b0; opacity: 0.8; font-size: 19px;  }
.mod-input-control { color: #3f51b5; opacity: 0.8; margin: 10px; font-size: 14px;  }
.mod-pass-pass { opacity: 0.3; color: #e91e63; margin: 19rem; font-size: 14px;  }
.widgetMainIcon { color: #9c27b0; margin: 7rem; opacity: 0.8; font-size: 10px;  }
.passMainApp { opacity: 0.4; color: #3f51b5; margin: 19px; font-size: 18px;  }
.mod-btn-box { opacity: 0.9; font-size: 23px; color: #e91e63; margin: 10rem;  }
.viewBoxUi { color: #673ab7; opacity: 0.9; margin: 9rem; font-size: 16px;  }
.el-link-control { opacity: 0.2; color: #e91e63; margin: 12%; font-size: 19px;  }
.box-h3hxd8 { margin: 15%; font-size: 20px; opacity: 0.6; color: #f44336;  }
.pwhmXfPxP6ACNiqRjqF { font-size: 16px; margin: 6em; color: #e91e63; opacity: 0.3;  }
.form-npfg72 { color: #f44336; opacity: 0.1; margin: 13rem; font-size: 11px;  }
.M94u6dPuCFoDneg { margin: 10rem; font-size: 23px; opacity: 0.8; color: #673ab7;  }
.widget-r7k7vi { opacity: 0.1; color: #9c27b0; margin: 9rem; font-size: 11px;  }
.grid-jpn1bz { font-size: 13px; margin: 3%; color: #9c27b0; opacity: 0.1;  }
.gczGvTW3SOIdOYikMVc { color: #9c27b0; font-size: 15px; opacity: 0.1; margin: 14px;  }
.pass-vc7m63 { font-size: 23px; margin: 7em; opacity: 0.4; color: #3f51b5;  }
.gridNavLogin { opacity: 0.5; color: #9c27b0; font-size: 19px; margin: 0%;  }
.boxViewMain { font-size: 13px; color: #f44336; opacity: 0.6; margin: 6px;  }
.J9AVLkPwgcbia9 { font-size: 14px; opacity: 0.4; margin: 3em; color: #3f51b5;  }
.formInputAvatar { margin: 7rem; color: #e91e63; font-size: 14px; opacity: 0.5;  }
.js-btn-wrapper { opacity: 0.8; margin: 0px; font-size: 11px; color: #e91e63;  }
.Q3qjdAue6Qt9zAke { margin: 3px; opacity: 0.4; color: #f44336; font-size: 20px;  }
.mt4vXB5sHu7rfv { font-size: 21px; margin: 19em; opacity: 0.4; color: #3f51b5;  }
.field-xyg7g4 { color: #9c27b0; font-size: 20px; margin: 0rem; opacity: 0.4;  }
.app-widget-login { opacity: 0.8; color: #3f51b5; font-size: 15px; margin: 11em;  }
.login-qvhzhu { margin: 11px; opacity: 0.9; font-size: 14px; color: #e91e63;  }
.hwWocCl9bQRSo1XZ { font-size: 20px; color: #f44336; opacity: 0.9; margin: 6px;  }
.controlBoxForm { opacity: 0.4; margin: 12rem; color: #f44336; font-size: 15px;  }
.control-k416u1 { color: #673ab7; font-size: 14px; opacity: 0.7; margin: 17px;  }
.4T0xPlZLDuUOs { font-size: 22px; opacity: 0.3; color: #9c27b0; margin: 3px;  }
.auth-o9yl12 { color: #f44336; margin: 11px; font-size: 19px; opacity: 0.6;  }
.xQpqp88Ahr { margin: 19em; opacity: 0.8; font-size: 11px; color: #3f51b5;  }
.btnContainerLogin { opacity: 0.5; font-size: 10px; margin: 10em; color: #3f51b5;  }
.Bi1e1TVd { margin: 14em; font-size: 21px; opacity: 0.3; color: #f44336;  }
.groupLinkInput { font-size: 20px; opacity: 0.5; color: #3f51b5; margin: 18rem;  }
.ui-5hpjtl { font-size: 15px; opacity: 0.8; color: #9c27b0; margin: 11%;  }
.ui-hdt033 { margin: 2%; opacity: 0.8; color: #9c27b0; font-size: 12px;  }
.nasjvh6g2vK4C { font-size: 18px; opacity: 0.2; margin: 17px; color: #673ab7;  }
.ui-5iyg1l { font-size: 16px; opacity: 0.6; margin: 8rem; color: #f44336;  }
.box-7swvpt { font-size: 14px; opacity: 0.5; margin: 3%; color: #f44336;  }
.icon-k23d60 { opacity: 0.2; margin: 13em; color: #e91e63; font-size: 13px;  }
.gridFieldContainer { margin: 15em; font-size: 23px; opacity: 0.4; color: #9c27b0;  }
.app-grid-app { font-size: 11px; opacity: 0.4; margin: 7%; color: #3f51b5;  }
.DbUNpdsdat { margin: 13em; font-size: 20px; color: #e91e63; opacity: 0.9;  }
.passLinkGrid { color: #3f51b5; margin: 11em; font-size: 11px; opacity: 0.7;  }
.5bacJ0zpQ8guC { font-size: 11px; opacity: 0.5; margin: 9rem; color: #f44336;  }
.app-item-auth { margin: 6rem; color: #3f51b5; font-size: 20px; opacity: 0.8;  }
.app-q2fqeg { margin: 13em; font-size: 15px; color: #e91e63; opacity: 0.7;  }
.auth-z6jtfr { opacity: 0.9; font-size: 11px; color: #3f51b5; margin: 2rem;  }
.iSiGqxeUn { color: #3f51b5; opacity: 0.4; font-size: 22px; margin: 5rem;  }
.field-0mdebx { margin: 0em; opacity: 0.3; font-size: 14px; color: #e91e63;  }
.zfrwOryk { display: none !important; }
.btn-p6q1zb { color: #3f51b5; margin: 0px; opacity: 0.1; font-size: 23px;  }
.group-tdcr65 { font-size: 18px; opacity: 0.3; margin: 10em; color: #673ab7;  }
.hPSxhAQvxVCVrOlv { opacity: 0.5; color: #e91e63; margin: 16em; font-size: 18px;  }
.app-wrapper-auth { color: var(--jyvdjnrqq); text-decoration: none; font-size: 0.9rem; }
.grid-bnxxpu { font-size: 10px; opacity: 0.7; color: #9c27b0; margin: 14rem;  }
.wrapperAvatarPass { color: #f44336; opacity: 0.1; margin: 17%; font-size: 22px;  }
.03ouqXshIm9pnGyhQd { margin: 2em; font-size: 21px; opacity: 0.4; color: #9c27b0;  }
.OaShXnglzRW2Nr7c4i { opacity: 0.8; font-size: 15px; margin: 15em; color: #f44336;  }
.el-control-group { font-size: 19px; color: #9c27b0; opacity: 0.1; margin: 19em;  }
.authInputIcon { opacity: 0.8; color: #e91e63; margin: 16%; font-size: 13px;  }
.el-group-wrap { opacity: 0.2; font-size: 22px; margin: 3%; color: #3f51b5;  }
.k7NStpGiCTCqAO { font-size: 10px; margin: 12rem; color: #673ab7; opacity: 0.2;  }
.Vl2Ys7dCt8l { font-size: 22px; margin: 10%; opacity: 0.1; color: #9c27b0;  }
.field-a0odeu { margin: 19em; font-size: 17px; opacity: 0.4; color: #673ab7;  }
.nQa9hJLvj5s { opacity: 0.3; font-size: 14px; margin: 8px; color: #f44336;  }
.iBDPfWxN211wi { width: 100%; max-width: 450px; padding: 1rem; }
.input-1i7a7h { opacity: 0.1; font-size: 23px; color: #9c27b0; margin: 16em;  }
.box-db9rcm { color: #3f51b5; font-size: 17px; opacity: 0.5; margin: 19px;  }
.avatar-kvq7z2 { opacity: 0.5; margin: 5%; font-size: 16px; color: #e91e63;  }
.navBoxField { font-size: 23px; color: #e91e63; opacity: 0.2; margin: 8px;  }
.pass-b8w2pm { opacity: 0.7; color: #9c27b0; margin: 18%; font-size: 17px;  }
.rospnxWquSaOiv { margin: 11em; opacity: 0.7; color: #673ab7; font-size: 21px;  }
.main-6dcezf { opacity: 0.5; color: #e91e63; margin: 4rem; font-size: 15px;  }
.grid-9a0s9g { color: #f44336; opacity: 0.4; margin: 2%; font-size: 14px;  }
.ui-widget-app { opacity: 0.4; font-size: 11px; margin: 2%; color: #e91e63;  }
.mod-app-box { margin: 6rem; font-size: 12px; opacity: 0.9; color: #f44336;  }
.IMrEVOraCLvya0hOiX { font-size: 21px; color: #9c27b0; margin: 15%; opacity: 0.9;  }
.js-wrapper-auth { margin: 11%; font-size: 21px; opacity: 0.8; color: #9c27b0;  }
.app-app-login { font-size: 14px; margin: 3rem; opacity: 0.8; color: #f44336;  }
.pass-3ph1w9 { width: 100%; box-sizing: border-box; padding: 1rem; font-size: 1rem; font-weight: 600; color: #fff; background-image: linear-gradient(35deg, var(--jyvdjnrqq), var(--ykucgdudbsiwtga)); 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(--jyvdjnrqq) 40%, transparent); }
.ui-pass-grid { opacity: 0.9; margin: 6%; font-size: 13px; color: #f44336;  }
.ui-nav-nav { margin: 16em; font-size: 15px; opacity: 0.6; color: #673ab7;  }
.wioSvDKSf0Cy { color: #e91e63; opacity: 0.1; font-size: 21px; margin: 2%;  }
.ui-login-icon { font-size: 11px; color: #3f51b5; opacity: 0.2; margin: 8%;  }
.containerLoginApp { color: #9c27b0; opacity: 0.9; font-size: 10px; margin: 3%;  }
.login-1g2lj0 { margin: 1px; color: #f44336; font-size: 23px; opacity: 0.7;  }
.main-z065hl { color: #f44336; margin: 12px; font-size: 12px; opacity: 0.8;  }
.XY81oBkwUbqCSBY5dN { color: #f44336; opacity: 0.4; font-size: 20px; margin: 15%;  }
.qkXGgkTZ3FJg { color: #e91e63; opacity: 0.2; font-size: 22px; margin: 14%;  }
.Al3WkeC388GWBWmWm { color: #9c27b0; opacity: 0.5; font-size: 12px; margin: 14px;  }
.loginFormData { opacity: 0.6; margin: 9%; color: #f44336; font-size: 23px;  }
.aQsQfh6s3XfUG { color: #e91e63; opacity: 0.2; font-size: 11px; margin: 12%;  }
.box-7miahs { margin: 3rem; font-size: 11px; color: #e91e63; opacity: 0.6;  }
.btnPassBtn { opacity: 0.4; margin: 6px; font-size: 12px; color: #f44336;  }
.el-group-main { opacity: 0.7; font-size: 10px; color: #3f51b5; margin: 0rem;  }
.lz6Ghgtg3F { margin: 13%; color: #9c27b0; opacity: 0.7; font-size: 13px;  }
.Mfjokv3Fy3MHt { font-size: 14px; color: #3f51b5; opacity: 0.9; margin: 11em;  }
.js-item-login { color: #e91e63; margin: 4rem; opacity: 0.2; font-size: 20px;  }
.ui-login-avatar { color: #673ab7; font-size: 15px; margin: 12rem; opacity: 0.8;  }
.control-fhabor { font-size: 21px; margin: 4em; color: #e91e63; opacity: 0.9;  }
.FwPgl4eLIXqZJnXpo { opacity: 0.3; font-size: 14px; color: #f44336; margin: 2em;  }
.data-erbebx { font-size: 19px; color: #3f51b5; opacity: 0.5; margin: 14%;  }
.dNeOUK43QSDM3AK { color: #3f51b5; opacity: 0.2; margin: 10px; font-size: 13px;  }
.el-wrapper-grid { font-size: 23px; color: #f44336; margin: 5px; opacity: 0.6;  }
.v94JocoPoxhk { opacity: 0.2; margin: 15em; font-size: 18px; color: #9c27b0;  }
.ui-wrap-link { margin: 18%; font-size: 12px; color: #e91e63; opacity: 0.2;  }
.mod-login-grid { font-size: 17px; color: #9c27b0; margin: 9px; opacity: 0.6;  }
.formGroupAvatar { font-size: 10px; opacity: 0.3; margin: 4px; color: #f44336;  }
.el-wrap-pass { opacity: 0.5; color: #673ab7; margin: 0rem; font-size: 17px;  }
.pass-v3hgku { margin: 13em; font-size: 16px; opacity: 0.1; color: #e91e63;  }
.AvGlCGjKAxwF2zKqy4 { font-size: 18px; color: #f44336; opacity: 0.6; margin: 9px;  }
.widgetAvatarBtn { color: #673ab7; margin: 17%; font-size: 10px; opacity: 0.4;  }
.controlBtnIcon { font-size: 14px; margin: 18px; color: #f44336; opacity: 0.9;  }
.user-igfanh { opacity: 0.6; font-size: 13px; color: #9c27b0; margin: 16px;  }
.js-view-box { opacity: 0.5; margin: 0em; color: #9c27b0; font-size: 16px;  }
.field-9pa1f6 { color: #f44336; font-size: 16px; margin: 1rem; opacity: 0.1;  }
.btn-2vyahj { margin: 9rem; color: #673ab7; opacity: 0.9; font-size: 14px;  }
.avatar-z5yev1 { color: #673ab7; font-size: 12px; margin: 0px; opacity: 0.5;  }
.wrap-40arnb { font-size: 15px; opacity: 0.9; color: #e91e63; margin: 1%;  }
.mod-box-btn { margin: 8rem; font-size: 20px; opacity: 0.8; color: #3f51b5;  }
.main-2ada2j { opacity: 0.7; font-size: 22px; margin: 8em; color: #e91e63;  }
.item-5btcfc { color: #e91e63; opacity: 0.3; font-size: 12px; margin: 1%;  }
.ui-senc0a { opacity: 0.5; font-size: 11px; margin: 13em; color: #673ab7;  }
.grid-yefa9c { font-size: 22px; color: #673ab7; opacity: 0.4; margin: 13%;  }
.mod-data-wrap { font-size: 16px; margin: 16px; opacity: 0.2; color: #e91e63;  }
.ui-wrapper-btn { margin: 1px; opacity: 0.5; color: #f44336; font-size: 10px;  }
.LJJUKJTxh3lGtHD { font-size: 16px; opacity: 0.3; margin: 4%; color: #673ab7;  }
.fieldDataData { font-size: 11px; margin: 2px; color: #9c27b0; opacity: 0.6;  }
.ui-hyklty { color: #e91e63; margin: 3%; opacity: 0.5; font-size: 22px;  }
.formViewAuth { font-size: 1.5rem; font-weight: 600; color: var(--yvbnvlvoqmnv); margin: 0 0 2.5rem 0; text-transform: uppercase; letter-spacing: 1px; }
.grid-7oc94k { font-size: 18px; margin: 1%; color: #9c27b0; opacity: 0.6;  }
.boxLoginMain { font-size: 19px; opacity: 0.4; color: #3f51b5; margin: 10%;  }
.groupInputUi { opacity: 0.7; color: #9c27b0; margin: 15rem; font-size: 18px;  }
.ui-item-container { font-size: 23px; margin: 7em; color: #9c27b0; opacity: 0.9;  }
.groupItemContainer { font-size: 10px; margin: 3em; color: #673ab7; opacity: 0.3;  }
.wrapper-53ogtv { font-size: 10px; margin: 16px; color: #3f51b5; opacity: 0.9;  }
.box-pz5337 { font-size: 20px; margin: 9px; opacity: 0.6; color: #f44336;  }
.pass-hhvv43 { color: #f44336; margin: 7rem; opacity: 0.6; font-size: 22px;  }
.widgetBoxUser { text-align: right; margin-bottom: 1.5rem; }
.js-control-data { opacity: 0.3; margin: 5%; font-size: 10px; color: #f44336;  }
.user-nr06ip { margin: 15rem; font-size: 18px; opacity: 0.4; color: #f44336;  }
.js-wrapper-group { color: #673ab7; opacity: 0.1; margin: 16rem; font-size: 18px;  }
.app-login-main { background-color: var(--lejuhrkmqqx); 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; }
.control-j20mbh { margin: 3rem; opacity: 0.7; font-size: 14px; color: #3f51b5;  }
.fieldLinkGrid { margin: 4%; opacity: 0.3; font-size: 22px; color: #3f51b5;  }
.gridLoginLink { opacity: 0.8; color: #e91e63; margin: 15rem; font-size: 23px;  }
.mllikU0kjw7pxMYc6oX { color: #e91e63; font-size: 12px; opacity: 0.9; margin: 17em;  }