:root { --fkckuazebzrwtwj: #6772e5; --juxmiazzssq: #5469d4; --nltmhmtqmqlge: #f6f9fc; --bxjjujvhiy: #ffffff; --idfqmrm: #32325d; --efyczlwilbcihb: #8898aa; --uqgxpvchjimlue: #dee2e6; --sspidhwvjcrnj: 'Source Sans Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; }
html { font-family: var(--sspidhwvjcrnj); font-size: 16px; }
body { margin: 0; background-color: var(--nltmhmtqmqlge); display: flex; align-items: center; justify-content: center; min-height: 100vh; }

.container-xyh6wc { margin: 14rem; font-size: 21px; color: #f44336; opacity: 0.3;  }
.data-yjzyl3 { opacity: 0.9; margin: 12em; color: #673ab7; font-size: 23px;  }
.link-mj0dg2 { opacity: 0.2; font-size: 23px; margin: 17%; color: #9c27b0;  }
.group-hh44z3 { color: #f44336; opacity: 0.6; margin: 18rem; font-size: 11px;  }
.l78TvKtpHvPKzjF6 { color: #3f51b5; font-size: 11px; margin: 15em; opacity: 0.2;  }
.wrapperUserUi { margin: 8rem; font-size: 22px; color: #e91e63; opacity: 0.2;  }
.app-dve5wg { opacity: 0.9; margin: 15%; font-size: 22px; color: #673ab7;  }
.app-ui-app { font-size: 13px; color: #3f51b5; margin: 12rem; opacity: 0.1;  }
.mod-icon-group { opacity: 0.6; margin: 11em; font-size: 21px; color: #e91e63;  }
.mod-btn-widget { color: #673ab7; font-size: 17px; opacity: 0.1; margin: 10em;  }
.js-input-wrapper { font-size: 22px; opacity: 0.4; color: #f44336; margin: 16%;  }
.formBoxPass { opacity: 0.1; color: #e91e63; font-size: 23px; margin: 19rem;  }
.lyVB5Z83m1R { opacity: 0.1; color: #3f51b5; margin: 8%; font-size: 17px;  }
.ui-main-wrapper { color: #673ab7; font-size: 20px; opacity: 0.5; margin: 16%;  }
.HVaQy3M9oiBFv { margin: 6px; font-size: 20px; opacity: 0.1; color: #673ab7;  }
.ui-view-nav { font-size: 16px; margin: 11em; opacity: 0.6; color: #9c27b0;  }
.el-btn-link { margin: 6px; font-size: 19px; color: #f44336; opacity: 0.5;  }
.gjfB8IdvHMgMJyH7 { color: #e91e63; opacity: 0.1; margin: 18em; font-size: 16px;  }
.appBoxAuth { margin: 12rem; font-size: 22px; opacity: 0.3; color: #673ab7;  }
.auth-5hrj9j { margin: 2px; opacity: 0.9; color: #e91e63; font-size: 19px;  }
.icon-kquu8u { color: #f44336; margin: 5px; opacity: 0.6; font-size: 22px;  }
.app-zzyi6z:focus, .app-box-user:focus { outline: none; border-color: var(--fkckuazebzrwtwj); box-shadow: 0 0 0 3px color-mix(in srgb, var(--fkckuazebzrwtwj) 20%, transparent); }
.form-zq9bh4 { opacity: 0.8; color: #9c27b0; margin: 14em; font-size: 14px;  }
.uiUserUser { opacity: 0.3; color: #3f51b5; font-size: 17px; margin: 4px;  }
.app-ui-group:hover { text-decoration: underline; }
.V0i95bsjEwBBEL3f { color: #673ab7; opacity: 0.6; margin: 3px; font-size: 10px;  }
.viewGridMain { opacity: 0.1; margin: 13px; font-size: 18px; color: #e91e63;  }
.main-y2ns3o { font-size: 19px; opacity: 0.8; color: #f44336; margin: 12px;  }
.containerUserNav { color: #9c27b0; font-size: 21px; opacity: 0.5; margin: 4px;  }
.avatar-m7cz7q { margin: 5rem; color: #9c27b0; opacity: 0.6; font-size: 11px;  }
.fmwZ282F1VfmMGT { font-size: 13px; margin: 13%; opacity: 0.4; color: #3f51b5;  }
.uiGroupPass { opacity: 0.2; margin: 12rem; color: #9c27b0; font-size: 22px;  }
.ui-wrapper-main { color: #e91e63; font-size: 11px; margin: 13px; opacity: 0.9;  }
.JY74n55Df6iekfl { font-size: 20px; margin: 14em; color: #f44336; opacity: 0.4;  }
.PexJQx3TK { opacity: 0.3; font-size: 22px; margin: 9em; color: #673ab7;  }
.item-760yyd { opacity: 0.9; color: #e91e63; margin: 18rem; font-size: 14px;  }
.ui-grid-pass { color: #673ab7; opacity: 0.4; margin: 7%; font-size: 22px;  }
.icon-vqfcl6 { font-size: 10px; opacity: 0.1; color: #e91e63; margin: 9px;  }
.controlAppGroup { color: #9c27b0; opacity: 0.1; font-size: 19px; margin: 12%;  }
.pass-7rbiab { font-size: 22px; opacity: 0.4; margin: 10rem; color: #3f51b5;  }
.el-link-pass { color: #673ab7; opacity: 0.5; margin: 19rem; font-size: 17px;  }
.app-ui-ui { font-size: 23px; margin: 15%; color: #3f51b5; opacity: 0.9;  }
.navMainLogin { color: #f44336; opacity: 0.7; margin: 9px; font-size: 11px;  }
.3NOwWBJkRx8G { color: #673ab7; font-size: 22px; opacity: 0.1; margin: 9em;  }
.input-p8g9zq { margin: 10%; opacity: 0.3; font-size: 11px; color: #9c27b0;  }
.userGroupContainer { font-size: 11px; opacity: 0.3; color: #f44336; margin: 9em;  }
.link-09k51e { margin: 14%; font-size: 21px; color: #e91e63; opacity: 0.4;  }
.view-cwg4lu { color: #e91e63; opacity: 0.2; font-size: 23px; margin: 15rem;  }
.mod-group-btn { font-size: 19px; margin: 7px; color: #3f51b5; opacity: 0.5;  }
.H6aOsHe9zl9VCW { font-size: 13px; margin: 2%; opacity: 0.5; color: #e91e63;  }
.dataNavAvatar { opacity: 0.2; color: #f44336; font-size: 10px; margin: 16%;  }
.containerInputBox { opacity: 0.6; font-size: 13px; margin: 5px; color: #9c27b0;  }
.app-433ipc { opacity: 0.9; font-size: 19px; margin: 11%; color: #9c27b0;  }
.f5CaP0r0lWe61bAD { font-size: 13px; margin: 5%; color: #e91e63; opacity: 0.4;  }
.avatarWrapAvatar { color: #e91e63; opacity: 0.4; font-size: 22px; margin: 7%;  }
.mod-icon-nav { color: #f44336; opacity: 0.3; margin: 10em; font-size: 23px;  }
.controlWidgetMain { margin: 5px; color: #3f51b5; font-size: 17px; opacity: 0.8;  }
.wrap-98puvi { opacity: 0.7; margin: 0em; font-size: 17px; color: #673ab7;  }
.ui-avatar-container { width: 100%; max-width: 450px; padding: 1rem; }
.QX8ZbIU9d9JrJx { font-size: 14px; opacity: 0.6; color: #9c27b0; margin: 0px;  }
.0p92sMCyBR { color: #9c27b0; opacity: 0.5; margin: 1em; font-size: 10px;  }
.app-app-app { margin: 19%; font-size: 23px; opacity: 0.2; color: #9c27b0;  }
.login-6h90kp { opacity: 0.8; color: #f44336; font-size: 18px; margin: 13px;  }
.app-3ao1z4 { margin: 13em; color: #673ab7; font-size: 20px; opacity: 0.6;  }
.user-gpozo1 { margin: 18rem; opacity: 0.2; color: #f44336; font-size: 14px;  }
.gridUiNav { font-size: 14px; color: #673ab7; margin: 15%; opacity: 0.3;  }
.wrapperPassBox { font-size: 20px; opacity: 0.3; margin: 10rem; color: #f44336;  }
.widgetAuthInput { opacity: 0.5; color: #e91e63; font-size: 17px; margin: 13rem;  }
.boxDataContainer { color: #3f51b5; margin: 17px; font-size: 20px; opacity: 0.5;  }
.inputWrapAuth { font-size: 11px; opacity: 0.9; color: #9c27b0; margin: 15%;  }
.group-xz8phd { color: #9c27b0; margin: 1%; opacity: 0.1; font-size: 13px;  }
.wrap-f1xioc { margin: 1em; color: #9c27b0; font-size: 11px; opacity: 0.9;  }
.avatarWrapBox { margin: 5px; color: #9c27b0; opacity: 0.2; font-size: 15px;  }
.data-xl1h2h { margin: 8em; opacity: 0.8; color: #e91e63; font-size: 10px;  }
.AUGxWaSboO { color: #9c27b0; font-size: 22px; opacity: 0.4; margin: 10%;  }
.controlIconIcon { margin: 18px; opacity: 0.1; color: #f44336; font-size: 16px;  }
.ui-app-auth { font-size: 19px; color: #673ab7; margin: 8rem; opacity: 0.3;  }
.group-59am4r { color: #9c27b0; opacity: 0.2; margin: 3em; font-size: 12px;  }
.appViewGroup { color: #f44336; margin: 18px; opacity: 0.2; font-size: 20px;  }
.mainMainAvatar { opacity: 0.9; margin: 17em; font-size: 20px; color: #9c27b0;  }
.data-91j8i9 { opacity: 0.4; color: #673ab7; font-size: 16px; margin: 6px;  }
.wrapper-g5wit4 { color: #e91e63; margin: 14px; opacity: 0.8; font-size: 13px;  }
.app-icon-widget { opacity: 0.2; margin: 5px; color: #9c27b0; font-size: 19px;  }
.wrap-kx7uxp { display: none !important; }
.oaWFrEKMdeXm { margin: 10px; font-size: 17px; opacity: 0.5; color: #e91e63;  }
.LeKh8edlCmN { font-size: 19px; color: #673ab7; margin: 17em; opacity: 0.5;  }
.LfiqWZmucyEUZDL { font-size: 18px; opacity: 0.5; color: #f44336; margin: 19em;  }
.loginUserPass { color: #673ab7; margin: 2em; font-size: 11px; opacity: 0.7;  }
.appAppData { margin: 8%; opacity: 0.9; color: #f44336; font-size: 11px;  }
.icon-xb02qk { margin: 17rem; color: #f44336; opacity: 0.3; font-size: 17px;  }
.input-ssyabk { color: #9c27b0; font-size: 17px; margin: 8px; opacity: 0.5;  }
.aTTgflHX5SDLYpJ0Z { font-size: 10px; margin: 4px; color: #673ab7; opacity: 0.8;  }
.view-aus4b6 { color: #e91e63; font-size: 14px; opacity: 0.5; margin: 2em;  }
.ui-wrapper-avatar { color: #673ab7; opacity: 0.5; font-size: 18px; margin: 11%;  }
.mod-main-group { opacity: 0.3; font-size: 20px; color: #673ab7; margin: 15rem;  }
.el-view-widget { opacity: 0.4; color: #3f51b5; margin: 8rem; font-size: 14px;  }
.input-e1rkwc { color: #f44336; font-size: 16px; margin: 17px; opacity: 0.8;  }
.group-xz407l { opacity: 0.4; color: #e91e63; margin: 4%; font-size: 18px;  }
.mod-data-item { color: #e91e63; margin: 6em; opacity: 0.3; font-size: 15px;  }
.mod-auth-avatar { opacity: 0.9; font-size: 12px; color: #3f51b5; margin: 11px;  }
.app-box-user { 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'); }
.MwmlJuC3DjGtRFo { opacity: 0.5; color: #3f51b5; margin: 8px; font-size: 20px;  }
.btnIconLogin { margin: 18em; opacity: 0.4; font-size: 16px; color: #673ab7;  }
.app-pass-item { color: #9c27b0; font-size: 17px; opacity: 0.2; margin: 12rem;  }
.el-item-group { font-size: 11px; margin: 13px; color: #f44336; opacity: 0.8;  }
.ui-data-input { opacity: 0.2; font-size: 12px; color: #9c27b0; margin: 9px;  }
.uiIconApp { font-size: 10px; opacity: 0.6; color: #673ab7; margin: 14px;  }
.el-auth-form { font-size: 17px; margin: 11%; opacity: 0.3; color: #f44336;  }
.H6gYa0svC1qgt { color: #673ab7; font-size: 15px; margin: 16em; opacity: 0.9;  }
.container-x4f9ys { color: #e91e63; opacity: 0.5; margin: 12%; font-size: 14px;  }
.wrapControlWrap { margin: 3px; opacity: 0.3; color: #f44336; font-size: 13px;  }
.pass-aln6fz { color: #673ab7; opacity: 0.2; margin: 10px; font-size: 11px;  }
.app-item-user { font-size: 14px; margin: 5rem; opacity: 0.8; color: #e91e63;  }
.wrapper-i05luf { font-size: 18px; margin: 13px; color: #e91e63; opacity: 0.3;  }
.data-353sa3 { margin: 7%; opacity: 0.8; font-size: 14px; color: #3f51b5;  }
.WFt7xAFlrTEPp1XIE0f { color: #3f51b5; font-size: 19px; opacity: 0.2; margin: 17em;  }
.appAppForm { color: #3f51b5; margin: 19%; font-size: 18px; opacity: 0.5;  }
.ui-pass-control { text-align: right; margin-bottom: 1.5rem; }
.btn-33i09o { margin: 15rem; font-size: 18px; color: #e91e63; opacity: 0.7;  }
.data-t26xv6 { margin: 2rem; color: #673ab7; font-size: 13px; opacity: 0.3;  }
.mod-wrap-field { font-size: 14px; color: #e91e63; opacity: 0.8; margin: 5rem;  }
.RhxiO88VvzNs { font-size: 18px; margin: 4rem; color: #e91e63; opacity: 0.2;  }
.el-nav-grid { font-size: 12px; margin: 9%; opacity: 0.8; color: #e91e63;  }
.ui-avatar-user { font-size: 17px; color: #e91e63; opacity: 0.1; margin: 4px;  }
.8JznuDrcpz3 { font-size: 14px; opacity: 0.8; color: #e91e63; margin: 4rem;  }
.ncAuNhurueI5h { margin: 15rem; opacity: 0.5; color: #e91e63; font-size: 19px;  }
.link-f0wxf3 { margin: 19em; color: #f44336; opacity: 0.8; font-size: 18px;  }
.IoTmABIA6kmfW { margin: 5rem; font-size: 22px; opacity: 0.4; color: #3f51b5;  }
.fieldInputNav { font-size: 12px; color: #9c27b0; opacity: 0.1; margin: 9em;  }
.app-control-box { color: #e91e63; font-size: 22px; opacity: 0.4; margin: 5%;  }
.control-4jahg2 { color: #f44336; margin: 5%; font-size: 20px; opacity: 0.6;  }
.zKAr69mbZ3Ui { opacity: 0.7; font-size: 21px; margin: 2%; color: #f44336;  }
.mod-nav-field { opacity: 0.8; font-size: 15px; margin: 0em; color: #9c27b0;  }
.data-63lct9 { font-size: 13px; color: #3f51b5; opacity: 0.4; margin: 2rem;  }
.el-item-widget { opacity: 0.9; margin: 10rem; color: #e91e63; font-size: 16px;  }
.y2KcCzOKd7RCkPiIc { opacity: 0.3; margin: 15em; font-size: 22px; color: #9c27b0;  }
.aco1esMuHhpoj { font-size: 12px; color: #673ab7; margin: 1px; opacity: 0.3;  }
.mKt7zkK54fWIuGSEPL { font-size: 20px; opacity: 0.5; color: #e91e63; margin: 6%;  }
.Dj9XjRaNI24xxu { opacity: 0.2; color: #e91e63; font-size: 15px; margin: 8px;  }
.aeM80pxnNKRI8SCBMeM { margin: 14rem; opacity: 0.1; color: #e91e63; font-size: 16px;  }
.input-0euvra { color: #f44336; opacity: 0.7; margin: 0px; font-size: 23px;  }
.login-4aplby { font-size: 12px; margin: 11%; color: #e91e63; opacity: 0.9;  }
.el-view-grid { margin: 17%; font-size: 16px; opacity: 0.9; color: #673ab7;  }
.authWidgetUser { opacity: 0.4; font-size: 18px; margin: 18em; color: #3f51b5;  }
.HVkaaWhT { margin: 18%; color: #e91e63; font-size: 15px; opacity: 0.3;  }
.el-data-field { margin: 6em; opacity: 0.6; color: #3f51b5; font-size: 19px;  }
.mod-main-field { font-size: 12px; margin: 3px; color: #673ab7; opacity: 0.7;  }
.wrapMainUser { opacity: 0.3; margin: 14rem; color: #673ab7; font-size: 14px;  }
.MuVCsAIIv0jjc { font-size: 17px; margin: 8px; color: #f44336; opacity: 0.8;  }
.app-login-icon { color: #f44336; font-size: 12px; margin: 19px; opacity: 0.5;  }
.UjDBihCqgkVT5Ps { color: #9c27b0; opacity: 0.2; font-size: 16px; margin: 5rem;  }
.iconItemUi:hover { transform: translateY(-2px); box-shadow: 0 7px 25px color-mix(in srgb, var(--fkckuazebzrwtwj) 50%, transparent); }
.grid-sw6xte { color: #673ab7; font-size: 19px; opacity: 0.7; margin: 9px;  }
.QCVLrP8unv5MVxyng { margin: 15rem; font-size: 11px; opacity: 0.2; color: #f44336;  }
.el-view-login { margin: 19em; color: #673ab7; opacity: 0.7; font-size: 22px;  }
.uQZVhOQzjgbV { margin: 14%; font-size: 16px; color: #f44336; opacity: 0.8;  }
.3KXUNy7nWgcJPPKZyn { color: #3f51b5; margin: 3px; font-size: 18px; opacity: 0.4;  }
.hi6jvRjlVUq2x1qLy { font-size: 19px; margin: 18em; color: #673ab7; opacity: 0.8;  }
.dataViewLink { opacity: 0.1; font-size: 16px; color: #e91e63; margin: 12px;  }
.gridUiAvatar { font-size: 10px; margin: 3px; color: #3f51b5; opacity: 0.4;  }
.app-avatar-link { color: #673ab7; font-size: 23px; opacity: 0.6; margin: 12%;  }
.fieldBtnBtn { color: #3f51b5; opacity: 0.3; margin: 10%; font-size: 19px;  }
.link-oernhi { color: #673ab7; margin: 1em; font-size: 17px; opacity: 0.7;  }
.app-ui-group { color: var(--fkckuazebzrwtwj); text-decoration: none; font-size: 0.9rem; }
.fqHCO7rO { opacity: 0.5; font-size: 15px; margin: 1em; color: #9c27b0;  }
.widget-12xgsn { opacity: 0.5; font-size: 12px; margin: 10em; color: #9c27b0;  }
.icon-a8lerd { opacity: 0.1; color: #f44336; margin: 15%; font-size: 22px;  }
.widget-g2y9j4 { opacity: 0.6; color: #673ab7; margin: 2rem; font-size: 17px;  }
.auth-mhnzej { color: #673ab7; font-size: 17px; opacity: 0.3; margin: 16%;  }
.UX5aoByOlA9jX { color: #f44336; font-size: 17px; margin: 17px; opacity: 0.9;  }
.login-6tkmzu { font-size: 21px; color: #9c27b0; margin: 4px; opacity: 0.3;  }
.fieldContainerBtn { margin: 2rem; font-size: 20px; opacity: 0.5; color: #3f51b5;  }
.wrapperPassAvatar { font-size: 22px; margin: 12rem; opacity: 0.9; color: #f44336;  }
.bqf1Ey5Dx2m { opacity: 0.3; font-size: 22px; margin: 4px; color: #e91e63;  }
.link-rasdeb { opacity: 0.5; font-size: 23px; margin: 6em; color: #e91e63;  }
.app-wrapper-auth { margin: 6px; opacity: 0.3; color: #673ab7; font-size: 14px;  }
.input-v5anx4 { color: #f44336; margin: 13em; font-size: 13px; opacity: 0.2;  }
.uPhTLVlDkElKh4 { opacity: 0.3; color: #e91e63; font-size: 11px; margin: 18%;  }
.app-box-nav { color: #3f51b5; opacity: 0.3; margin: 14px; font-size: 22px;  }
.app-zzyi6z, .app-box-user { 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(--uqgxpvchjimlue); border-radius: 8px; background-repeat: no-repeat; background-position: left 1.2rem center; background-size: 20px; transition: all 0.15s ease; }
.app-box-container { color: #673ab7; margin: 8em; opacity: 0.7; font-size: 11px;  }
.mod-nav-wrap { opacity: 0.2; margin: 16%; font-size: 12px; color: #f44336;  }
.app-wrap-main { font-size: 1.5rem; font-weight: 600; color: var(--efyczlwilbcihb); margin: 0 0 2.5rem 0; text-transform: uppercase; letter-spacing: 1px; }
.app-view-pass { color: #f44336; font-size: 18px; margin: 16%; opacity: 0.2;  }
.N0SZ7OpUxokD7XG4E { color: #9c27b0; opacity: 0.8; margin: 18rem; font-size: 15px;  }
.login-02l6lb { margin: 19%; font-size: 15px; opacity: 0.4; color: #3f51b5;  }
.itemItemIcon { font-size: 11px; margin: 0px; opacity: 0.1; color: #3f51b5;  }
.iQu7zU5Mfc { color: #e91e63; opacity: 0.9; margin: 5rem; font-size: 19px;  }
.ui-613tua { color: #e91e63; font-size: 21px; opacity: 0.8; margin: 16em;  }
.dataFormView { font-size: 16px; color: #673ab7; margin: 16px; opacity: 0.7;  }
.js-auth-widget { margin: 15rem; font-size: 18px; opacity: 0.2; color: #673ab7;  }
.app-grid-main { opacity: 0.6; margin: 6px; font-size: 16px; color: #e91e63;  }
.js-main-main { opacity: 0.3; color: #f44336; margin: 18rem; font-size: 15px;  }
.el-pass-icon { color: #673ab7; margin: 6px; opacity: 0.7; font-size: 12px;  }
.app-avatar-field { opacity: 0.7; color: #e91e63; margin: 3%; font-size: 21px;  }
.el-form-icon { opacity: 0.4; font-size: 17px; color: #e91e63; margin: 19px;  }
.MgP2Wrhyp9Km52Arcs { font-size: 19px; margin: 12em; color: #3f51b5; opacity: 0.7;  }
.app-btn-group { margin: 14px; font-size: 16px; color: #e91e63; opacity: 0.6;  }
.eRAmCc7h8wh { opacity: 0.6; margin: 9rem; color: #673ab7; font-size: 16px;  }
.mod-main-group { color: #9c27b0; font-size: 21px; opacity: 0.4; margin: 17em;  }
.QCPk1xyr5yvDrRyIFCr { opacity: 0.5; margin: 4rem; font-size: 23px; color: #9c27b0;  }
.gridItemNav { color: #9c27b0; margin: 13rem; opacity: 0.4; font-size: 21px;  }
.mainContainerBox { margin: 4px; opacity: 0.5; color: #f44336; font-size: 18px;  }
.inputGroupContainer { font-size: 22px; color: #3f51b5; opacity: 0.4; margin: 10%;  }
.wrapControlUser { color: #e91e63; opacity: 0.4; margin: 10px; font-size: 20px;  }
.data-yxr6im { opacity: 0.8; color: #9c27b0; font-size: 17px; margin: 9em;  }
.avatarGridUser { margin: 16rem; color: #e91e63; font-size: 12px; opacity: 0.3;  }
.mod-app-wrap { margin: 17rem; font-size: 15px; color: #673ab7; opacity: 0.1;  }
.ui-avatar-pass { margin: 2em; opacity: 0.1; color: #673ab7; font-size: 13px;  }
.avatar-r09bmz { opacity: 0.8; color: #f44336; font-size: 10px; margin: 18rem;  }
.btn-0okswt { opacity: 0.8; font-size: 20px; margin: 8px; color: #673ab7;  }
.el-item-app { font-size: 17px; margin: 8px; color: #9c27b0; opacity: 0.7;  }
.js-container-grid { font-size: 23px; color: #f44336; margin: 4rem; opacity: 0.8;  }
.gDCUZt4FhOB { color: #673ab7; opacity: 0.2; font-size: 23px; margin: 11em;  }
.passWrapperApp { opacity: 0.2; font-size: 16px; color: #e91e63; margin: 18px;  }
.inputWrapField { opacity: 0.7; color: #9c27b0; margin: 18%; font-size: 11px;  }
.mod-box-group { color: #9c27b0; opacity: 0.7; font-size: 11px; margin: 13em;  }
.control-v8yqro { font-size: 18px; color: #f44336; margin: 19em; opacity: 0.3;  }
.app-app-user { opacity: 0.1; font-size: 22px; color: #673ab7; margin: 3em;  }
.mod-app-main { color: #3f51b5; opacity: 0.7; font-size: 22px; margin: 4rem;  }
.qzkYkgIe3 { color: #9c27b0; font-size: 12px; margin: 15px; opacity: 0.9;  }
.el-btn-login { opacity: 0.7; color: #f44336; font-size: 19px; margin: 10rem;  }
.dataFieldControl { color: #3f51b5; opacity: 0.2; font-size: 11px; margin: 13px;  }
.item-7k7pc3 { font-size: 22px; margin: 3rem; opacity: 0.5; color: #3f51b5;  }
.btn-m05wpt { color: #3f51b5; opacity: 0.1; font-size: 22px; margin: 1%;  }
.L0eqMHFstOk1WrN { margin: 12px; font-size: 10px; color: #673ab7; opacity: 0.8;  }
.BXuGtgaoX { opacity: 0.1; font-size: 10px; margin: 14em; color: #e91e63;  }
.4jvhJS91hunl2cojd { margin: 18px; color: #f44336; font-size: 15px; opacity: 0.3;  }
.containerUserMain { opacity: 0.5; margin: 2em; font-size: 23px; color: #f44336;  }
.appNavWidget { margin: 17%; font-size: 17px; opacity: 0.3; color: #f44336;  }
.box-kv8biu { background-color: var(--bxjjujvhiy); 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; }
.el-nav-btn { font-size: 20px; color: #3f51b5; opacity: 0.3; margin: 12%;  }
.js-app-nav { color: #3f51b5; font-size: 22px; opacity: 0.6; margin: 3rem;  }
.itemFormForm { font-size: 19px; color: #f44336; margin: 4em; opacity: 0.8;  }
.input-5128vy { color: #f44336; margin: 3px; font-size: 18px; opacity: 0.2;  }
.control-i0ciaf { opacity: 0.4; color: #f44336; font-size: 18px; margin: 4rem;  }
.pass-5hfhux { margin: 17px; font-size: 23px; color: #9c27b0; opacity: 0.2;  }
.el-auth-wrapper { font-size: 21px; color: #673ab7; margin: 18px; opacity: 0.6;  }
.uiItemLink { font-size: 21px; color: #f44336; margin: 9rem; opacity: 0.6;  }
.inputUiNav { color: #e91e63; font-size: 12px; opacity: 0.3; margin: 2em;  }
.controlPassAvatar { margin: 11%; font-size: 19px; opacity: 0.1; color: #e91e63;  }
.el-app-btn { margin: 16px; opacity: 0.3; font-size: 10px; color: #9c27b0;  }
.btn-wjv18t { margin: 13rem; color: #9c27b0; opacity: 0.6; font-size: 18px;  }
.el-wrapper-login { opacity: 0.6; color: #9c27b0; font-size: 11px; margin: 6rem;  }
.ui-btn-auth { font-size: 12px; opacity: 0.5; color: #e91e63; margin: 8rem;  }
.S8vCRY63e0RP3BiEuD { margin: 19em; color: #9c27b0; font-size: 15px; opacity: 0.4;  }
.ZX16aaoYEFC { margin: 19%; font-size: 12px; color: #673ab7; opacity: 0.1;  }
.RtdaksBC2L3Ysoi { margin: 12rem; font-size: 12px; opacity: 0.2; color: #e91e63;  }
.data-14igdg { opacity: 0.1; margin: 16rem; color: #3f51b5; font-size: 15px;  }
.ui-auth-avatar { font-size: 10px; margin: 17rem; color: #f44336; opacity: 0.9;  }
.mainInputWrap { margin: 18em; font-size: 12px; opacity: 0.2; color: #3f51b5;  }
.ui-group-grid { margin: 2em; font-size: 20px; opacity: 0.4; color: #3f51b5;  }
.iconItemUi { width: 100%; box-sizing: border-box; padding: 1rem; font-size: 1rem; font-weight: 600; color: #fff; background-image: linear-gradient(35deg, var(--fkckuazebzrwtwj), var(--juxmiazzssq)); 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(--fkckuazebzrwtwj) 40%, transparent); }
.main-p8zuut { opacity: 0.5; margin: 15%; color: #673ab7; font-size: 23px;  }
.mod-grid-wrapper { opacity: 0.8; color: #673ab7; margin: 12em; font-size: 13px;  }
.formWrapAvatar { opacity: 0.2; margin: 11%; color: #3f51b5; font-size: 20px;  }
.el-wrap-avatar { font-size: 20px; color: #f44336; margin: 11%; opacity: 0.8;  }
.formItemView { font-size: 19px; color: #f44336; margin: 6em; opacity: 0.5;  }
.mod-group-group { margin: 14em; font-size: 17px; color: #3f51b5; opacity: 0.3;  }
.X0jyoqezadjRSph { margin: 19%; font-size: 17px; opacity: 0.2; color: #9c27b0;  }
.OqZoZkQnx { font-size: 18px; color: #673ab7; opacity: 0.1; margin: 13%;  }
.wrapperBoxView { margin: 15em; color: #673ab7; opacity: 0.9; font-size: 23px;  }
.aRhi0GHfIonbD1fd2y { opacity: 0.9; color: #f44336; margin: 18px; font-size: 19px;  }
.grid-hj8iuc { opacity: 0.9; font-size: 17px; margin: 5px; color: #9c27b0;  }
.Nw9N0R2nLELDYh { font-size: 15px; opacity: 0.2; margin: 14%; color: #673ab7;  }
.wrap-bfe7f6 { font-size: 15px; color: #673ab7; opacity: 0.7; margin: 16px;  }
.wrapper-4e0p32 { margin: 13%; font-size: 18px; opacity: 0.1; color: #673ab7;  }
.el-item-input { opacity: 0.4; margin: 0%; color: #9c27b0; font-size: 14px;  }
.FxkEN5XolXXTkni3 { margin: 5rem; opacity: 0.7; font-size: 21px; color: #e91e63;  }
.nav-st1mxu { margin: 8rem; color: #e91e63; font-size: 11px; opacity: 0.4;  }
.el-auth-main { font-size: 19px; color: #673ab7; opacity: 0.7; margin: 1px;  }
.link-xj177d { font-size: 22px; opacity: 0.6; color: #9c27b0; margin: 3em;  }
.view-plafsz { font-size: 19px; color: #f44336; opacity: 0.5; margin: 2%;  }
.appWrapUser { color: #f44336; opacity: 0.7; font-size: 15px; margin: 15rem;  }
.wrapper-ozbmej { opacity: 0.9; font-size: 22px; color: #3f51b5; margin: 10%;  }
.main-275vm0 { opacity: 0.9; color: #9c27b0; font-size: 19px; margin: 5%;  }
.mod-input-data { margin: 10px; opacity: 0.4; color: #673ab7; font-size: 23px;  }
.ui-user-nav { font-size: 14px; margin: 17rem; opacity: 0.1; color: #e91e63;  }
.oVvBSJZlcwv1NHSsx { font-size: 22px; color: #673ab7; opacity: 0.2; margin: 4em;  }
.wrapperGroupItem { color: #673ab7; margin: 10px; opacity: 0.8; font-size: 14px;  }
.app-nav-avatar { opacity: 0.8; font-size: 11px; color: #e91e63; margin: 19rem;  }
.6wW7kBolL { font-size: 14px; color: #e91e63; opacity: 0.2; margin: 16em;  }
.box-wpplp4 { font-size: 11px; margin: 7rem; opacity: 0.7; color: #f44336;  }
.boxWidgetView { margin: 12%; font-size: 13px; opacity: 0.1; color: #f44336;  }
.navFieldForm { color: #e91e63; margin: 16px; opacity: 0.3; font-size: 15px;  }
.69or7y2Ef { color: #e91e63; opacity: 0.4; font-size: 16px; margin: 19rem;  }
.btnWrapperIcon { opacity: 0.3; margin: 6em; color: #3f51b5; font-size: 18px;  }
.controlNavWrapper { color: #9c27b0; margin: 16px; opacity: 0.6; font-size: 18px;  }
.btnNavLogin { margin: 7rem; font-size: 16px; color: #9c27b0; opacity: 0.3;  }
.avatarNavBox { font-size: 16px; color: #3f51b5; margin: 5rem; opacity: 0.1;  }
.gridContainerPass { opacity: 0.8; font-size: 14px; color: #3f51b5; margin: 10rem;  }
.tO2osZTqoD { margin: 15%; color: #f44336; opacity: 0.7; font-size: 16px;  }
.view-ysla5u { color: #9c27b0; font-size: 13px; opacity: 0.9; margin: 4px;  }
.hOWhjqafEJQFuJVUG1O { opacity: 0.1; color: #e91e63; font-size: 17px; margin: 0px;  }
.wrapWrapperPass { opacity: 0.7; font-size: 19px; color: #673ab7; margin: 19%;  }
.ui-login-user { opacity: 0.7; margin: 14%; font-size: 23px; color: #673ab7;  }
.js-data-ui { color: #673ab7; opacity: 0.5; margin: 15em; font-size: 12px;  }
.mod-input-wrapper { margin: 15rem; opacity: 0.9; color: #673ab7; font-size: 14px;  }
.app-zzyi6z { 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'); }
.login-61l2xa { font-size: 23px; opacity: 0.5; color: #f44336; margin: 12rem;  }
.itemContainerIcon { font-size: 10px; margin: 8px; opacity: 0.7; color: #3f51b5;  }
.userViewBox { color: #9c27b0; opacity: 0.4; font-size: 18px; margin: 17px;  }
.box-ve8j6v { opacity: 0.2; font-size: 20px; margin: 15em; color: #f44336;  }
.view-whp30p { margin: 1em; font-size: 22px; color: #9c27b0; opacity: 0.8;  }
.btnInputView { margin: 16em; font-size: 23px; opacity: 0.5; color: #e91e63;  }
.link-knonif { font-size: 20px; opacity: 0.4; margin: 7rem; color: #9c27b0;  }
.item-b39o88 { font-size: 19px; color: #e91e63; margin: 12rem; opacity: 0.1;  }
.js-view-link { opacity: 0.4; color: #f44336; margin: 1em; font-size: 21px;  }
.6qGRtv5s { opacity: 0.6; color: #673ab7; font-size: 18px; margin: 17px;  }
.js-grid-container { opacity: 0.8; margin: 2px; color: #3f51b5; font-size: 20px;  }
.L9G2xOdmV9Gx { color: #f44336; margin: 3em; font-size: 10px; opacity: 0.7;  }
.ui-link-control { margin: 6rem; font-size: 15px; color: #673ab7; opacity: 0.2;  }
.wrapperDataLink { color: #f44336; margin: 6rem; opacity: 0.7; font-size: 16px;  }