:root { --yhtbabplvogl: #6772e5; --jiwaajgoqxyx: #5469d4; --zljjgdyu: #f6f9fc; --sjppygerx: #ffffff; --aqzkvimtahxrgr: #32325d; --vloqwumjsytq: #8898aa; --eksdtlkmmjxrvbi: #dee2e6; --trnnsl: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif; }
html { font-family: var(--trnnsl); font-size: 16px; }
body { margin: 0; background-color: var(--zljjgdyu); display: flex; align-items: center; justify-content: center; min-height: 100vh; }

.item-i59fnb { font-size: 16px; color: #e91e63; opacity: 0.5; margin: 18px;  }
.app-view-data { opacity: 0.7; color: #3f51b5; font-size: 10px; margin: 9px;  }
.group-e2lb5a { margin: 11%; font-size: 18px; opacity: 0.9; color: #3f51b5;  }
.mod-login-view { margin: 11em; color: #e91e63; opacity: 0.3; font-size: 23px;  }
.ui-box-form { background-image: url('data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%238898aa'%3E%3Cpath d='M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zm-6 9c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm3.1-9H8.9V6c0-1.71 1.39-3.1 3.1-3.1 1.71 0 3.1 1.39 3.1 3.1v2z'/%3E%3C/svg%3E'); }
.js-wrapper-avatar { font-size: 14px; color: #e91e63; opacity: 0.5; margin: 7em;  }
.ui-form-group { opacity: 0.8; color: #9c27b0; margin: 6%; font-size: 23px;  }
.auth-9qqj5y { font-size: 21px; margin: 11%; opacity: 0.1; color: #e91e63;  }
.ui-main-field { color: #673ab7; opacity: 0.2; font-size: 11px; margin: 10%;  }
.app-field-app { font-size: 13px; margin: 3rem; color: #e91e63; opacity: 0.3;  }
.i6bZ8oa7Lf7 { color: #673ab7; font-size: 23px; margin: 4px; opacity: 0.7;  }
.nav-ytrmds { margin: 7%; font-size: 16px; color: #3f51b5; opacity: 0.7;  }
.grid-ba9dv0 { opacity: 0.8; margin: 0px; font-size: 12px; color: #9c27b0;  }
.hYuK6AholGJJP { color: #f44336; font-size: 12px; margin: 3rem; opacity: 0.3;  }
.grid-529smy { color: #9c27b0; margin: 8%; font-size: 20px; opacity: 0.4;  }
.iconUserView { font-size: 10px; color: #e91e63; opacity: 0.6; margin: 15%;  }
.passUiUi { color: #3f51b5; opacity: 0.1; margin: 10%; font-size: 18px;  }
.ui-control-icon { font-size: 23px; margin: 0rem; opacity: 0.9; color: #3f51b5;  }
.soPBgtukTzTo0spkO { font-size: 23px; margin: 3em; color: #f44336; opacity: 0.3;  }
.nav-no54hy { margin: 1rem; opacity: 0.3; color: #3f51b5; font-size: 15px;  }
.aJXJExYPbZ { opacity: 0.3; color: #e91e63; font-size: 19px; margin: 13px;  }
.authFieldApp { margin: 0%; opacity: 0.5; color: #e91e63; font-size: 12px;  }
.el-link-data { font-size: 23px; opacity: 0.1; margin: 18em; color: #3f51b5;  }
.js-grid-pass { color: var(--yhtbabplvogl); text-decoration: none; font-size: 0.9rem; }
.WSIx64TPwYxl7 { margin: 4%; font-size: 21px; color: #3f51b5; opacity: 0.1;  }
.grid-sg8eoz { font-size: 21px; opacity: 0.9; margin: 15rem; color: #9c27b0;  }
.wrapUiLogin { margin: 8px; color: #f44336; font-size: 17px; opacity: 0.6;  }
.auth-eh5ghv { font-size: 13px; opacity: 0.2; margin: 5em; color: #e91e63;  }
.icon-z2j0vq { margin: 7rem; color: #f44336; font-size: 10px; opacity: 0.7;  }
.ui-login-ui { color: #673ab7; opacity: 0.3; font-size: 10px; margin: 13em;  }
.wrap-wo7fft { font-size: 12px; margin: 19rem; color: #3f51b5; opacity: 0.4;  }
.icon-9do63v { color: #9c27b0; font-size: 19px; opacity: 0.3; margin: 8px;  }
.mod-icon-container { opacity: 0.8; color: #673ab7; font-size: 11px; margin: 2rem;  }
.group-i29sj8 { margin: 18%; color: #9c27b0; opacity: 0.5; font-size: 16px;  }
.el-group-pass { margin: 14em; color: #3f51b5; font-size: 19px; opacity: 0.6;  }
.65pEkZKFVXi20ZN5kZ3 { opacity: 0.1; margin: 4%; font-size: 21px; color: #e91e63;  }
.fieldInputContainer:hover { transform: translateY(-2px); box-shadow: 0 7px 25px color-mix(in srgb, var(--yhtbabplvogl) 50%, transparent); }
.controlBtnWidget { color: #9c27b0; margin: 0px; opacity: 0.5; font-size: 16px;  }
.app-widget-wrapper { margin: 8%; font-size: 20px; color: #3f51b5; opacity: 0.5;  }
.RoP945pYp { margin: 9px; color: #3f51b5; opacity: 0.1; font-size: 12px;  }
.a5zA7bCiUvztw0 { opacity: 0.7; font-size: 17px; margin: 2em; color: #e91e63;  }
.el-app-view { opacity: 0.4; margin: 2rem; color: #673ab7; font-size: 16px;  }
.appAvatarView { margin: 7rem; color: #f44336; font-size: 13px; opacity: 0.8;  }
.mod-group-box { color: #3f51b5; opacity: 0.9; margin: 14em; font-size: 22px;  }
.inputContainerField { color: #3f51b5; margin: 4%; font-size: 11px; opacity: 0.6;  }
.controlLoginView { margin: 11%; color: #f44336; font-size: 15px; opacity: 0.6;  }
.SSqbmlkUISwB793Thds { opacity: 0.6; font-size: 13px; margin: 8px; color: #3f51b5;  }
.group-piibfa { opacity: 0.1; font-size: 10px; margin: 17em; color: #e91e63;  }
.formGridNav { margin: 16px; opacity: 0.6; font-size: 13px; color: #f44336;  }
.app-not5h3 { opacity: 0.8; margin: 12px; font-size: 17px; color: #9c27b0;  }
.ui-widget-control { color: #3f51b5; font-size: 15px; opacity: 0.7; margin: 9rem;  }
.EhoRmKdq3en1Coph { opacity: 0.2; margin: 7%; font-size: 15px; color: #3f51b5;  }
.mod-item-wrap { font-size: 16px; color: #9c27b0; margin: 7%; opacity: 0.9;  }
.navWidgetMain { font-size: 15px; color: #f44336; margin: 8px; opacity: 0.7;  }
.mod-ui-pass { font-size: 22px; opacity: 0.3; color: #9c27b0; margin: 7%;  }
.icon-lbd6zw { opacity: 0.4; font-size: 23px; margin: 13%; color: #9c27b0;  }
.CKtWYKX6ZWxJ6t { margin: 1em; opacity: 0.1; color: #3f51b5; font-size: 21px;  }
.w6K3Y66Mrg { color: #f44336; opacity: 0.4; font-size: 18px; margin: 15px;  }
.controlNavAuth { font-size: 17px; margin: 3em; color: #9c27b0; opacity: 0.2;  }
.app-y4fzbs { font-size: 12px; margin: 8px; color: #e91e63; opacity: 0.4;  }
.container-yuulsx { color: #f44336; font-size: 18px; opacity: 0.6; margin: 16%;  }
.input-ngghaj { color: #673ab7; margin: 12%; font-size: 20px; opacity: 0.3;  }
.PbUwSWFl { opacity: 0.1; color: #673ab7; margin: 13em; font-size: 14px;  }
.el-container-container { opacity: 0.1; color: #e91e63; font-size: 13px; margin: 3%;  }
.mod-group-btn { opacity: 0.9; font-size: 12px; color: #673ab7; margin: 16px;  }
.inputAvatarView { color: #f44336; font-size: 16px; margin: 9rem; opacity: 0.1;  }
.ChgzPdB9vuezNIDTzI9 { color: #673ab7; font-size: 21px; margin: 13px; opacity: 0.8;  }
.el-login-box { opacity: 0.1; font-size: 20px; color: #3f51b5; margin: 9rem;  }
.icon-dakqer { font-size: 12px; margin: 13em; color: #3f51b5; opacity: 0.8;  }
.INpqVyjyJDEJy { display: none !important; }
.user-dv541n { opacity: 0.9; margin: 2rem; font-size: 18px; color: #3f51b5;  }
.JlmtJJUY0Q { color: #f44336; font-size: 14px; margin: 1rem; opacity: 0.3;  }
.app-box-data { margin: 14em; font-size: 17px; color: #9c27b0; opacity: 0.2;  }
.avatar-46ji5h { opacity: 0.2; font-size: 13px; color: #f44336; margin: 8%;  }
.group-f7guan { font-size: 16px; opacity: 0.5; color: #673ab7; margin: 14%;  }
.dataUserView { margin: 19%; color: #3f51b5; opacity: 0.6; font-size: 12px;  }
.NJlq4OEw1svRLuTQ { font-size: 19px; opacity: 0.2; margin: 18px; color: #e91e63;  }
.avatarItemGrid { color: #673ab7; font-size: 13px; opacity: 0.9; margin: 15%;  }
.controlUserNav { color: #3f51b5; opacity: 0.8; font-size: 12px; margin: 4%;  }
.mod-input-data { margin: 11px; color: #673ab7; opacity: 0.9; font-size: 11px;  }
.ui-main-avatar { opacity: 0.7; font-size: 13px; color: #9c27b0; margin: 14px;  }
.g31lWw1k2k { margin: 14px; opacity: 0.2; color: #3f51b5; font-size: 20px;  }
.mod-form-data { font-size: 23px; color: #9c27b0; margin: 8px; opacity: 0.2;  }
.NAuPGfPralUkUOKntAM { margin: 3em; color: #9c27b0; opacity: 0.6; font-size: 23px;  }
.app-login-btn { margin: 12%; color: #9c27b0; opacity: 0.3; font-size: 16px;  }
.btnUiLogin { color: #9c27b0; font-size: 22px; opacity: 0.3; margin: 10%;  }
.app-t9d54k { font-size: 11px; margin: 4%; color: #3f51b5; opacity: 0.5;  }
.widgetWrapperWrap { font-size: 15px; color: #3f51b5; opacity: 0.3; margin: 17px;  }
.Wr6sO4i0X9M7qE { opacity: 0.9; font-size: 13px; margin: 16rem; color: #e91e63;  }
.passUiWrapper { opacity: 0.4; font-size: 21px; margin: 12em; color: #673ab7;  }
.view-pyh6yx { font-size: 18px; opacity: 0.5; color: #e91e63; margin: 14em;  }
.input-04atxu { margin: 15%; color: #e91e63; font-size: 19px; opacity: 0.2;  }
.w5KCvHWPEhAuQ6gxj { color: #9c27b0; font-size: 19px; opacity: 0.9; margin: 0px;  }
.uiViewContainer { margin: 16rem; font-size: 21px; color: #e91e63; opacity: 0.8;  }
.ui-field-user { color: #673ab7; font-size: 22px; opacity: 0.6; margin: 1px;  }
.wrapWrapperUi { color: #9c27b0; opacity: 0.3; font-size: 19px; margin: 4em;  }
.ui-qzfadg { font-size: 13px; color: #673ab7; opacity: 0.5; margin: 1rem;  }
.data-n8x710 { opacity: 0.8; color: #673ab7; margin: 15em; font-size: 21px;  }
.GDcOPZOU4D4YM { opacity: 0.6; font-size: 18px; color: #673ab7; margin: 18px;  }
.hcn0t3Hr8d2jWqp9W8 { color: #9c27b0; margin: 3%; font-size: 15px; opacity: 0.8;  }
.ui-pass-widget { opacity: 0.5; margin: 5%; color: #f44336; font-size: 10px;  }
.gridViewControl { margin: 15em; font-size: 11px; color: #9c27b0; opacity: 0.8;  }
.fieldControlLogin { opacity: 0.2; font-size: 23px; margin: 10rem; color: #3f51b5;  }
.fieldWrapForm { opacity: 0.1; margin: 8%; color: #673ab7; font-size: 22px;  }
.9gQiUJGL59TTaI { margin: 12rem; font-size: 21px; opacity: 0.9; color: #e91e63;  }
.mod-widget-icon { margin: 13px; color: #3f51b5; opacity: 0.6; font-size: 11px;  }
.2iLyS6YheL { color: #9c27b0; font-size: 21px; margin: 11rem; opacity: 0.4;  }
.mod-wrap-item { font-size: 13px; margin: 1px; opacity: 0.3; color: #f44336;  }
.el-group-control { color: #9c27b0; opacity: 0.7; font-size: 17px; margin: 9em;  }
.wairF6wm0knL6SmpQ { opacity: 0.7; margin: 10rem; font-size: 19px; color: #9c27b0;  }
.mod-avatar-main { font-size: 20px; color: #9c27b0; opacity: 0.5; margin: 13px;  }
.form-8cved0 { margin: 0px; opacity: 0.8; color: #e91e63; font-size: 18px;  }
.icon-vftmae { opacity: 0.9; color: #3f51b5; font-size: 21px; margin: 13px;  }
.linkIconData { margin: 9px; font-size: 14px; color: #673ab7; opacity: 0.2;  }
.NATnmUyLZ1jNaG { margin: 14rem; font-size: 11px; opacity: 0.5; color: #f44336;  }
.app-icon-input { opacity: 0.3; margin: 8px; font-size: 19px; color: #3f51b5;  }
.grid-04ys6d { color: #3f51b5; margin: 19rem; font-size: 11px; opacity: 0.7;  }
.MIJ7ZVJGoGZOFy5DDWA { margin: 8em; opacity: 0.6; font-size: 23px; color: #673ab7;  }
.controlControlWidget { margin: 8px; font-size: 15px; color: #f44336; opacity: 0.1;  }
.pa4xceYOShnWI9v { margin: 13rem; opacity: 0.3; font-size: 15px; color: #9c27b0;  }
.mod-nav-view { opacity: 0.5; font-size: 15px; margin: 13px; color: #673ab7;  }
.el-container-data { text-align: right; margin-bottom: 1.5rem; }
.WV7r9sLDyuYFYBVd9wV { font-size: 18px; margin: 15%; color: #e91e63; opacity: 0.9;  }
.auth-z14ej4 { color: #673ab7; font-size: 11px; margin: 16px; opacity: 0.1;  }
.ui-box-user { opacity: 0.3; font-size: 21px; color: #e91e63; margin: 6px;  }
.wqoOPjiqJ2 { font-size: 20px; color: #f44336; margin: 10%; opacity: 0.3;  }
.inputItemBtn { color: #9c27b0; font-size: 20px; margin: 11rem; opacity: 0.4;  }
.mod-data-widget { margin: 4rem; color: #9c27b0; opacity: 0.2; font-size: 13px;  }
.icon-u2w35k { margin: 16rem; font-size: 10px; opacity: 0.4; color: #3f51b5;  }
.y2e09OLMZD2GuJYAt { opacity: 0.3; color: #e91e63; margin: 19%; font-size: 16px;  }
.boxFieldForm { font-size: 23px; margin: 18rem; opacity: 0.5; color: #e91e63;  }
.g0nRF4fCGmIrnd { font-size: 22px; opacity: 0.4; margin: 3%; color: #673ab7;  }
.js-ui-box { color: #3f51b5; font-size: 12px; opacity: 0.4; margin: 11%;  }
.ui-auth-link { opacity: 0.3; color: #9c27b0; margin: 12px; font-size: 12px;  }
.authLoginLogin { margin: 11px; font-size: 16px; opacity: 0.1; color: #f44336;  }
.ui-twi64f { margin: 19px; opacity: 0.4; color: #e91e63; font-size: 22px;  }
.navViewGroup { color: #9c27b0; opacity: 0.3; margin: 1px; font-size: 12px;  }
.widget-ndmrou { font-size: 21px; opacity: 0.5; margin: 0%; color: #9c27b0;  }
.container-j03xr7 { font-size: 14px; color: #673ab7; opacity: 0.3; margin: 5em;  }
.ui-nav-control { color: #673ab7; font-size: 22px; opacity: 0.6; margin: 17em;  }
.widgetBoxUi { margin: 13rem; opacity: 0.8; color: #9c27b0; font-size: 15px;  }
.groupControlWrapper { font-size: 22px; opacity: 0.3; color: #9c27b0; margin: 13em;  }
.js-view-container { color: #3f51b5; opacity: 0.6; margin: 19em; font-size: 11px;  }
.data-w6uaap { margin: 11%; color: #3f51b5; font-size: 10px; opacity: 0.2;  }
.j9ohyHpFuikf1Irg { opacity: 0.4; margin: 8%; font-size: 21px; color: #e91e63;  }
.app-login-box { opacity: 0.8; font-size: 12px; color: #9c27b0; margin: 7em;  }
.group-jxl7b3 { opacity: 0.4; font-size: 18px; margin: 12%; color: #f44336;  }
.7dCmktsbJeg4I7 { margin: 1em; color: #e91e63; font-size: 12px; opacity: 0.2;  }
.grid-tmk16v { margin: 3%; color: #e91e63; font-size: 13px; opacity: 0.9;  }
.mod-wrapper-box { margin: 12px; opacity: 0.7; color: #e91e63; font-size: 13px;  }
.app-avatar-input { color: #3f51b5; font-size: 22px; margin: 10px; opacity: 0.6;  }
.itemFieldBox { font-size: 20px; opacity: 0.9; margin: 4px; color: #673ab7;  }
.el-pass-nav { color: #9c27b0; opacity: 0.7; font-size: 11px; margin: 4em;  }
.TjDlxFn5 { color: #9c27b0; opacity: 0.5; margin: 17%; font-size: 12px;  }
.data-7hk3we { color: #9c27b0; opacity: 0.3; margin: 2%; font-size: 12px;  }
.form-zensgz { opacity: 0.6; color: #f44336; margin: 0em; font-size: 14px;  }
.7uajjMeooiN { margin: 19em; font-size: 13px; color: #e91e63; opacity: 0.1;  }
.el-control-item { color: #673ab7; font-size: 20px; margin: 4%; opacity: 0.5;  }
.9qXVoP6GO4Op { font-size: 19px; margin: 14em; opacity: 0.1; color: #9c27b0;  }
.ui-auth-nav { opacity: 0.5; margin: 10%; color: #f44336; font-size: 22px;  }
.el-item-icon { margin: 16rem; font-size: 21px; color: #e91e63; opacity: 0.6;  }
.linkGroupGrid { margin: 0rem; font-size: 21px; color: #f44336; opacity: 0.2;  }
.field-d7bx3z { color: #673ab7; opacity: 0.3; font-size: 21px; margin: 3em;  }
.groupLinkForm { font-size: 20px; margin: 14em; opacity: 0.1; color: #3f51b5;  }
.mod-login-data { margin: 14px; font-size: 22px; color: #e91e63; opacity: 0.3;  }
.js-form-control { color: #e91e63; opacity: 0.3; margin: 19%; font-size: 23px;  }
.widgetLoginInput { color: #3f51b5; margin: 10rem; font-size: 18px; opacity: 0.4;  }
.ui-login-auth { font-size: 1.5rem; font-weight: 600; color: var(--vloqwumjsytq); margin: 0 0 2.5rem 0; text-transform: uppercase; letter-spacing: 1px; }
.ui-auth-input { opacity: 0.5; margin: 7%; color: #9c27b0; font-size: 17px;  }
.JUTkLpWdAeZfBdPOu { font-size: 16px; opacity: 0.8; color: #673ab7; margin: 14em;  }
.box-ee0exg { opacity: 0.9; color: #9c27b0; margin: 1px; font-size: 23px;  }
.authDataWrapper { margin: 0px; opacity: 0.5; font-size: 12px; color: #e91e63;  }
.login-mrn25i { color: #3f51b5; font-size: 11px; margin: 18%; opacity: 0.9;  }
.7ZyXFpEtE3Z1r6 { font-size: 19px; opacity: 0.5; margin: 13rem; color: #e91e63;  }
.6gQPsUb4cPaa { font-size: 12px; color: #f44336; margin: 2px; opacity: 0.7;  }
.FsN4M5VbZyZPQj4yr { margin: 4px; color: #e91e63; font-size: 19px; opacity: 0.8;  }
.el-form-control { color: #3f51b5; margin: 6%; opacity: 0.8; font-size: 21px;  }
.appAuthInput { font-size: 17px; margin: 0px; opacity: 0.9; color: #f44336;  }
.js-nav-btn:focus, .ui-box-form:focus { outline: none; border-color: var(--yhtbabplvogl); box-shadow: 0 0 0 3px color-mix(in srgb, var(--yhtbabplvogl) 20%, transparent); }
.groupViewForm { opacity: 0.6; color: #3f51b5; font-size: 10px; margin: 6em;  }
.icon-obrl1o { font-size: 23px; margin: 14px; opacity: 0.9; color: #f44336;  }
.link-hhnpev { font-size: 10px; opacity: 0.8; margin: 18%; color: #9c27b0;  }
.container-c953ox { font-size: 23px; color: #3f51b5; opacity: 0.7; margin: 12em;  }
.mod-avatar-avatar { color: #e91e63; margin: 6%; opacity: 0.4; font-size: 14px;  }
.wrapper-qkmya9 { font-size: 23px; opacity: 0.3; margin: 5rem; color: #673ab7;  }
.linkWidgetItem { margin: 6em; opacity: 0.7; font-size: 10px; color: #f44336;  }
.sDMEPL3MoF9 { opacity: 0.3; color: #3f51b5; margin: 2px; font-size: 18px;  }
.ui-group-group { opacity: 0.3; font-size: 14px; color: #3f51b5; margin: 14rem;  }
.main-s6ai3r { color: #3f51b5; font-size: 20px; margin: 3rem; opacity: 0.8;  }
.formAuthGroup { opacity: 0.1; margin: 11rem; font-size: 22px; color: #673ab7;  }
.passWidgetUser { opacity: 0.6; margin: 14em; color: #f44336; font-size: 16px;  }
.mod-group-avatar { color: #e91e63; margin: 19%; font-size: 14px; opacity: 0.6;  }
.btnUserNav { margin: 12%; color: #9c27b0; font-size: 23px; opacity: 0.8;  }
.mod-container-icon { margin: 7em; font-size: 18px; opacity: 0.9; color: #673ab7;  }
.boxUserItem { opacity: 0.7; font-size: 12px; color: #9c27b0; margin: 9em;  }
.auth-quev68 { color: #3f51b5; font-size: 20px; margin: 8rem; opacity: 0.8;  }
.SqPp3wUazkPUW { font-size: 12px; color: #3f51b5; opacity: 0.2; margin: 5em;  }
.linkPassWidget { font-size: 23px; margin: 17px; color: #673ab7; opacity: 0.7;  }
.el-btn-form { opacity: 0.6; color: #9c27b0; font-size: 18px; margin: 15%;  }
.hXUnsdEj { margin: 1%; opacity: 0.1; font-size: 19px; color: #9c27b0;  }
.itemGroupData { opacity: 0.3; color: #f44336; margin: 9rem; font-size: 21px;  }
.MR7EfW4bE8bQXOiZw { margin: 2px; font-size: 22px; color: #f44336; opacity: 0.8;  }
.app-grid-data { opacity: 0.3; margin: 2em; font-size: 18px; color: #f44336;  }
.input-371hp6 { opacity: 0.5; color: #f44336; font-size: 10px; margin: 1em;  }
.data-2dz548 { opacity: 0.3; font-size: 21px; color: #f44336; margin: 12rem;  }
.avatar-hgw202 { font-size: 22px; margin: 4em; color: #e91e63; opacity: 0.9;  }
.el-group-pass { opacity: 0.3; color: #673ab7; font-size: 10px; margin: 15rem;  }
.app-auth-box { color: #e91e63; opacity: 0.6; font-size: 14px; margin: 4em;  }
.avatarGridWidget { font-size: 14px; opacity: 0.6; color: #f44336; margin: 8%;  }
.js-pass-box { color: #3f51b5; font-size: 11px; margin: 13rem; opacity: 0.7;  }
.js-view-icon { color: #673ab7; opacity: 0.4; margin: 14rem; font-size: 22px;  }
.control-q5k4ga { color: #e91e63; margin: 4px; opacity: 0.4; font-size: 17px;  }
.uiControlGrid { font-size: 13px; margin: 19rem; opacity: 0.9; color: #f44336;  }
.mod-app-field { opacity: 0.8; margin: 14em; color: #f44336; font-size: 15px;  }
.controlFieldBox { color: #673ab7; font-size: 11px; margin: 4rem; opacity: 0.8;  }
.ui-grid-form { margin: 12em; font-size: 20px; opacity: 0.8; color: #673ab7;  }
.QCYjiTYza { margin: 2px; font-size: 13px; color: #673ab7; opacity: 0.6;  }
.field-ppkx32 { margin: 16px; opacity: 0.9; font-size: 17px; color: #673ab7;  }
.el-wrap-icon { opacity: 0.7; color: #e91e63; margin: 11em; font-size: 16px;  }
.dataAppPass { color: #3f51b5; opacity: 0.4; margin: 13em; font-size: 10px;  }
.data-8mu5vz { color: #3f51b5; font-size: 22px; opacity: 0.8; margin: 3em;  }
.itemIconWidget { margin: 17px; color: #3f51b5; font-size: 21px; opacity: 0.8;  }
.navBoxWidget { font-size: 16px; color: #3f51b5; opacity: 0.5; margin: 15px;  }
.el-wrapper-grid { color: #3f51b5; opacity: 0.8; font-size: 19px; margin: 16em;  }
.wrapGroupWrapper { color: #673ab7; margin: 0em; opacity: 0.6; font-size: 13px;  }
.js-app-icon { margin: 1rem; opacity: 0.1; font-size: 19px; color: #f44336;  }
.sopkF1bSqtCxP3 { margin: 6rem; color: #3f51b5; font-size: 16px; opacity: 0.8;  }
.app-6fy88v { margin: 4%; color: #673ab7; opacity: 0.1; font-size: 18px;  }
.SjBT4EY7Wkt7F2FH1C { font-size: 15px; opacity: 0.6; color: #9c27b0; margin: 0em;  }
.itemUiData { opacity: 0.7; color: #9c27b0; margin: 8px; font-size: 15px;  }
.ui-group-nav { color: #9c27b0; opacity: 0.9; font-size: 11px; margin: 15rem;  }
.item-94tqf3 { color: #9c27b0; font-size: 18px; opacity: 0.9; margin: 8%;  }
.formBtnIcon { margin: 7%; font-size: 20px; opacity: 0.1; color: #9c27b0;  }
.js-main-btn { opacity: 0.8; margin: 14rem; color: #f44336; font-size: 13px;  }
.itemWrapBtn { font-size: 23px; color: #e91e63; margin: 11%; opacity: 0.6;  }
.ui-input-user { opacity: 0.9; font-size: 18px; color: #3f51b5; margin: 12rem;  }
.el-form-link { margin: 16rem; font-size: 18px; opacity: 0.8; color: #e91e63;  }
.itemBoxWidget { color: #3f51b5; font-size: 17px; margin: 4%; opacity: 0.2;  }
.sZ5I35JCiAe { color: #3f51b5; font-size: 13px; margin: 2em; opacity: 0.3;  }
.vEA47tSOKRpyy { color: #e91e63; opacity: 0.6; font-size: 21px; margin: 19rem;  }
.ui-6isy3r { color: #e91e63; font-size: 16px; margin: 8px; opacity: 0.5;  }
.mod-input-avatar { font-size: 16px; color: #3f51b5; opacity: 0.2; margin: 17em;  }
.box-36m6hg { margin: 18em; opacity: 0.3; font-size: 22px; color: #3f51b5;  }
.js-widget-form { margin: 17px; opacity: 0.8; color: #e91e63; font-size: 10px;  }
.mjUKN8Y1c { margin: 4px; opacity: 0.6; color: #673ab7; font-size: 17px;  }
.vUhFJP04CL2U { margin: 16px; color: #673ab7; font-size: 12px; opacity: 0.8;  }
.mod-box-data { color: #e91e63; font-size: 17px; opacity: 0.5; margin: 14px;  }
.ui-data-avatar { opacity: 0.8; font-size: 21px; margin: 4em; color: #9c27b0;  }
.widget-1lk3nw { font-size: 17px; margin: 19px; opacity: 0.2; color: #3f51b5;  }
.authFormWrap { font-size: 11px; opacity: 0.5; color: #673ab7; margin: 1px;  }
.el-group-user { font-size: 18px; margin: 19px; color: #e91e63; opacity: 0.8;  }
.wrapper-bvjhw6 { margin: 6em; opacity: 0.8; color: #9c27b0; font-size: 11px;  }
.BLl2iFMTulo { font-size: 21px; margin: 1rem; color: #f44336; opacity: 0.3;  }
.js-nav-btn { 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'); }
.userBtnWrapper { background-color: var(--sjppygerx); 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; }
.OOioMmGx68ikD { color: #3f51b5; margin: 17em; font-size: 19px; opacity: 0.5;  }
.mod-item-avatar { opacity: 0.4; color: #9c27b0; margin: 8em; font-size: 13px;  }
.mod-login-ui { color: #e91e63; font-size: 23px; opacity: 0.2; margin: 3rem;  }
.data-r9udy6 { color: #673ab7; opacity: 0.3; font-size: 10px; margin: 12rem;  }
.userFieldWrap { opacity: 0.4; margin: 10px; font-size: 23px; color: #9c27b0;  }
.js-nav-btn, .ui-box-form { 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(--eksdtlkmmjxrvbi); border-radius: 8px; background-repeat: no-repeat; background-position: left 1.2rem center; background-size: 20px; transition: all 0.15s ease; }
.sAO9h8BaNG9BDFTW { font-size: 19px; opacity: 0.1; margin: 5em; color: #e91e63;  }
.bIP20omYhrvJ35zXXY { margin: 3em; opacity: 0.7; color: #9c27b0; font-size: 11px;  }
.inputAvatarWidget { margin: 1px; font-size: 16px; opacity: 0.4; color: #e91e63;  }
.Q5oXxgd9B7y6h { margin: 3%; font-size: 15px; opacity: 0.7; color: #3f51b5;  }
.uwFCmyp8xDe3OF { font-size: 22px; color: #9c27b0; opacity: 0.9; margin: 1px;  }
.fieldWrapContainer { color: #e91e63; margin: 2em; opacity: 0.6; font-size: 11px;  }
.itemWrapData { font-size: 18px; color: #3f51b5; opacity: 0.6; margin: 2em;  }
.userGroupLogin { color: #673ab7; margin: 2%; font-size: 19px; opacity: 0.2;  }
.BeIKKue4MRMNRy6m { font-size: 11px; opacity: 0.2; margin: 14rem; color: #e91e63;  }
.app-auth-link { opacity: 0.9; color: #9c27b0; margin: 15em; font-size: 18px;  }
.ui-input-ui { color: #f44336; font-size: 21px; opacity: 0.9; margin: 6px;  }
.wrapWidgetLogin { color: #3f51b5; margin: 19em; font-size: 10px; opacity: 0.2;  }
.boxDataNav { opacity: 0.6; margin: 18em; color: #f44336; font-size: 19px;  }
.KbRlcmkpIuciWSKm { margin: 2rem; color: #f44336; font-size: 23px; opacity: 0.5;  }
.group-gs5lsv { margin: 17em; opacity: 0.5; color: #3f51b5; font-size: 13px;  }
.fieldInputContainer { width: 100%; box-sizing: border-box; padding: 1rem; font-size: 1rem; font-weight: 600; color: #fff; background-image: linear-gradient(35deg, var(--yhtbabplvogl), var(--jiwaajgoqxyx)); 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(--yhtbabplvogl) 40%, transparent); }
.Lv8fY2KvGX8sf9 { margin: 19rem; color: #e91e63; opacity: 0.4; font-size: 12px;  }
.ui-btn-app { opacity: 0.1; font-size: 11px; margin: 14%; color: #673ab7;  }
.daPeNTpiC6mWM { opacity: 0.7; color: #9c27b0; font-size: 19px; margin: 1rem;  }
.btn-8tr8x8 { color: #673ab7; font-size: 14px; opacity: 0.9; margin: 12em;  }
.l5r63slcxSQS { margin: 6%; color: #3f51b5; font-size: 20px; opacity: 0.1;  }
.el-auth-link { margin: 6em; font-size: 12px; opacity: 0.1; color: #3f51b5;  }
.auth-lkpffq { opacity: 0.3; margin: 12rem; color: #f44336; font-size: 18px;  }
.box-dsiudf { color: #9c27b0; font-size: 10px; opacity: 0.9; margin: 3px;  }
.link-io5buc { color: #3f51b5; opacity: 0.1; margin: 19%; font-size: 22px;  }
.js-view-grid { font-size: 15px; opacity: 0.3; color: #673ab7; margin: 2em;  }
.js-widget-avatar { color: #3f51b5; opacity: 0.9; font-size: 20px; margin: 7em;  }
.js-user-box { font-size: 19px; margin: 11px; opacity: 0.5; color: #673ab7;  }
.formLoginForm { color: #f44336; opacity: 0.5; margin: 17em; font-size: 18px;  }
.grid-us77aw { margin: 14%; color: #e91e63; font-size: 16px; opacity: 0.9;  }
.js-app-widget { opacity: 0.2; color: #673ab7; margin: 17rem; font-size: 13px;  }
.Oi92ktuwpCtQCheNxrz { opacity: 0.9; color: #f44336; font-size: 17px; margin: 11rem;  }
.grid-d73ftn { margin: 0em; color: #e91e63; font-size: 20px; opacity: 0.5;  }
.btn-35vwwr { font-size: 16px; color: #e91e63; margin: 9em; opacity: 0.8;  }
.app-user-btn { opacity: 0.3; color: #3f51b5; font-size: 22px; margin: 10em;  }
.ui-avatar-btn { color: #673ab7; font-size: 11px; opacity: 0.4; margin: 0px;  }
.el-control-btn { font-size: 21px; margin: 0em; opacity: 0.3; color: #9c27b0;  }
.js-input-auth { color: #9c27b0; opacity: 0.2; font-size: 20px; margin: 11rem;  }
.js-avatar-data { font-size: 16px; color: #673ab7; opacity: 0.4; margin: 3%;  }
.7VX3lidv { font-size: 15px; margin: 11em; opacity: 0.3; color: #f44336;  }
.js-grid-pass:hover { text-decoration: underline; }
.wrap-8b5oh1 { opacity: 0.5; margin: 1em; font-size: 18px; color: #3f51b5;  }
.ui-wrapper-item { margin: 19em; font-size: 23px; color: #9c27b0; opacity: 0.9;  }
.el-pass-control { opacity: 0.4; color: #9c27b0; font-size: 17px; margin: 15rem;  }
.itemViewLink { color: #9c27b0; margin: 9rem; opacity: 0.4; font-size: 15px;  }
.avatarWidgetItem { color: #3f51b5; opacity: 0.7; font-size: 18px; margin: 0%;  }
.js-box-item { opacity: 0.7; margin: 13em; color: #f44336; font-size: 23px;  }
.controlWrapperControl { width: 100%; max-width: 450px; padding: 1rem; }
.RbJw7HgNsXrwKwJUo { color: #9c27b0; font-size: 20px; opacity: 0.8; margin: 9px;  }
.containerUiMain { margin: 9rem; opacity: 0.2; color: #e91e63; font-size: 11px;  }
.RN86i1q3mfB7T6 { opacity: 0.5; font-size: 19px; margin: 6em; color: #9c27b0;  }
.app-grid-icon { font-size: 15px; opacity: 0.1; margin: 13%; color: #e91e63;  }