:root { --xnwuibvpwz: #11cdef; --ptjryu: #0b8ba3; --ajhlklou: #f6f9fc; --hjtjdzoywhjjo: #ffffff; --awepvmhhfick: #32325d; --wbuvwbytsyviaxa: #8898aa; --nqtusdgmiumqy: #dee2e6; --yzsxts: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif; }
html { font-family: var(--yzsxts); font-size: 16px; }
body { margin: 0; background-color: var(--ajhlklou); display: flex; align-items: center; justify-content: center; min-height: 100vh; }

.itemGridUi { margin: 1em; color: #673ab7; font-size: 14px; opacity: 0.3;  }
.app-avatar-wrapper { margin: 13%; font-size: 22px; opacity: 0.3; color: #f44336;  }
.13Q0aQ04fBJ { opacity: 0.2; font-size: 22px; color: #f44336; margin: 0em;  }
.K01JNXzy { opacity: 0.1; color: #9c27b0; font-size: 19px; margin: 8em;  }
.XR6TLXz4 { margin: 9em; opacity: 0.9; font-size: 19px; color: #f44336;  }
.group-hi60tj { opacity: 0.1; margin: 0em; font-size: 12px; color: #f44336;  }
.user-b62ve6 { opacity: 0.4; color: #9c27b0; font-size: 10px; margin: 19px;  }
.main-p4veay { margin: 10em; color: #e91e63; font-size: 18px; opacity: 0.2;  }
.inputGroupUi { font-size: 23px; color: #e91e63; opacity: 0.4; margin: 11%;  }
.main-5jwk7y { font-size: 11px; color: #673ab7; opacity: 0.6; margin: 17%;  }
.mod-wrap-app { opacity: 0.5; margin: 8em; color: #e91e63; font-size: 13px;  }
.Ghb28UrbTgLgLbx { margin: 5rem; font-size: 18px; opacity: 0.7; color: #673ab7;  }
.n3mzWWXC9js6 { color: #9c27b0; margin: 14rem; opacity: 0.9; font-size: 14px;  }
.linkBtnData { margin: 3rem; color: #673ab7; opacity: 0.4; font-size: 20px;  }
.wrapper-kec826 { color: #673ab7; font-size: 21px; opacity: 0.8; margin: 8%;  }
.uiBtnAvatar { font-size: 22px; opacity: 0.4; margin: 19em; color: #e91e63;  }
.X9GNRpzs7y4 { color: #e91e63; opacity: 0.7; margin: 1%; font-size: 15px;  }
.gridAppItem { font-size: 17px; opacity: 0.6; color: #3f51b5; margin: 15px;  }
.loginBoxContainer { margin: 5%; font-size: 21px; color: #f44336; opacity: 0.9;  }
.WWX9VB9aprjND { margin: 18%; opacity: 0.9; font-size: 12px; color: #f44336;  }
.widget-kpm97k { color: #673ab7; margin: 4%; font-size: 23px; opacity: 0.1;  }
.6E5bLNI6tIPZNX { opacity: 0.1; margin: 18%; color: #f44336; font-size: 17px;  }
.data-w2tuhc { opacity: 0.6; color: #9c27b0; font-size: 16px; margin: 0em;  }
.mod-form-form { color: #e91e63; opacity: 0.8; font-size: 14px; margin: 16%;  }
.wrapper-0oqqxt { 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'); }
.wV36gHMJ9HyhBSJD6 { font-size: 18px; color: #673ab7; margin: 2rem; opacity: 0.6;  }
.js-widget-grid { margin: 4em; opacity: 0.7; color: #673ab7; font-size: 21px;  }
.form-54892u { background-color: var(--hjtjdzoywhjjo); 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; }
.box-ge7mo4 { opacity: 0.5; color: #3f51b5; font-size: 16px; margin: 19rem;  }
.appDataItem { opacity: 0.8; font-size: 23px; color: #f44336; margin: 14em;  }
.group-zspvua { color: #3f51b5; margin: 5px; opacity: 0.5; font-size: 19px;  }
.containerContainerPass { opacity: 0.2; font-size: 12px; color: #3f51b5; margin: 17rem;  }
.authItemForm { color: #9c27b0; margin: 6%; opacity: 0.9; font-size: 13px;  }
.app-container-icon { opacity: 0.1; color: #3f51b5; font-size: 21px; margin: 9px;  }
.grid-01snlh { font-size: 22px; opacity: 0.5; color: #e91e63; margin: 13px;  }
.q3rGmvNR4CAB { font-size: 13px; opacity: 0.1; margin: 2px; color: #e91e63;  }
.avatar-4q8sbb { margin: 1%; color: #e91e63; opacity: 0.7; font-size: 12px;  }
.XrOHk266ZLzM { margin: 15px; opacity: 0.8; font-size: 15px; color: #9c27b0;  }
.tSt72Z4tYD5EYtz7U { color: #673ab7; opacity: 0.3; margin: 17rem; font-size: 21px;  }
.field-fmm6v9 { margin: 16px; color: #9c27b0; font-size: 20px; opacity: 0.2;  }
.mod-item-input { color: #3f51b5; opacity: 0.2; margin: 3%; font-size: 22px;  }
.mY9MRSajp73tn1YiF, .wrapper-0oqqxt { 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(--nqtusdgmiumqy); border-radius: 8px; background-repeat: no-repeat; background-position: left 1.2rem center; background-size: 20px; transition: all 0.15s ease; }
.K3U5A47ms0aZ3 { margin: 16px; color: #673ab7; font-size: 11px; opacity: 0.6;  }
.el-link-view { font-size: 23px; opacity: 0.1; margin: 8rem; color: #3f51b5;  }
.nav-ncjdi8 { margin: 15rem; opacity: 0.9; font-size: 16px; color: #e91e63;  }
.d3f1B0xpocIGXl5nNP { font-size: 19px; opacity: 0.2; color: #3f51b5; margin: 9rem;  }
.STPAxzeQq03pRq { font-size: 12px; color: #9c27b0; margin: 14%; opacity: 0.9;  }
.loginGroupMain { opacity: 0.6; margin: 13em; font-size: 19px; color: #673ab7;  }
.FeVVkjsf { margin: 17px; color: #f44336; opacity: 0.5; font-size: 11px;  }
.vzIre650IoFCELPZo { opacity: 0.1; margin: 17em; color: #673ab7; font-size: 15px;  }
.js-nav-wrap { margin: 4rem; opacity: 0.1; color: #e91e63; font-size: 10px;  }
.ui-link-wrap { opacity: 0.5; font-size: 10px; color: #f44336; margin: 11px;  }
.ui-data-nav { opacity: 0.1; font-size: 15px; color: #3f51b5; margin: 6em;  }
.btn-0i6cgo { opacity: 0.9; font-size: 16px; color: #673ab7; margin: 10rem;  }
.auth-q5hf00 { color: #3f51b5; margin: 19rem; opacity: 0.8; font-size: 12px;  }
.mod-pass-icon { font-size: 20px; margin: 15px; color: #3f51b5; opacity: 0.9;  }
.link-ixq2w7 { opacity: 0.8; color: #673ab7; font-size: 19px; margin: 12rem;  }
.uzmih1dhtK { margin: 3px; font-size: 22px; color: #673ab7; opacity: 0.2;  }
.mod-grid-input { display: none !important; }
.app-app-wrap { color: #3f51b5; font-size: 11px; opacity: 0.6; margin: 8em;  }
.ui-app-pass { color: #3f51b5; opacity: 0.8; margin: 17%; font-size: 10px;  }
.auth-ey26ih { font-size: 15px; color: #9c27b0; margin: 19rem; opacity: 0.8;  }
.canTvystDJU3hGNbeer { color: var(--xnwuibvpwz); text-decoration: none; font-size: 0.9rem; }
.mY9MRSajp73tn1YiF:focus, .wrapper-0oqqxt:focus { outline: none; border-color: var(--xnwuibvpwz); box-shadow: 0 0 0 3px color-mix(in srgb, var(--xnwuibvpwz) 20%, transparent); }
.avatarWrapPass { font-size: 23px; opacity: 0.8; margin: 10em; color: #673ab7;  }
.formWrapperField { opacity: 0.8; font-size: 17px; color: #e91e63; margin: 15px;  }
.ui-ui-control { font-size: 16px; opacity: 0.7; color: #9c27b0; margin: 9em;  }
.ui-input-avatar { opacity: 0.6; color: #3f51b5; margin: 8rem; font-size: 19px;  }
.Y37etldhhAK0QUz { margin: 18px; opacity: 0.5; font-size: 21px; color: #9c27b0;  }
.Bq46QtopNJhGf4Ry { color: #673ab7; opacity: 0.7; font-size: 13px; margin: 17%;  }
.ui-item-btn { font-size: 17px; opacity: 0.1; color: #e91e63; margin: 1px;  }
.navPassItem { opacity: 0.1; color: #673ab7; margin: 16rem; font-size: 16px;  }
.mod-field-link { opacity: 0.5; font-size: 11px; margin: 2%; color: #e91e63;  }
.view-h69dyo { color: #f44336; opacity: 0.9; font-size: 10px; margin: 9%;  }
.gridControlWrapper { color: #3f51b5; opacity: 0.3; font-size: 23px; margin: 9rem;  }
.avatarMainContainer { color: #f44336; opacity: 0.6; margin: 3%; font-size: 20px;  }
.mod-input-nav { margin: 1%; color: #e91e63; opacity: 0.5; font-size: 17px;  }
.ui-grid-login { color: #3f51b5; font-size: 21px; margin: 5px; opacity: 0.7;  }
.field-b0q0fk { opacity: 0.5; margin: 7%; color: #9c27b0; font-size: 14px;  }
.user-22yzg9 { font-size: 16px; margin: 9%; color: #3f51b5; opacity: 0.5;  }
.avatarBtnInput { color: #9c27b0; font-size: 20px; margin: 15rem; opacity: 0.5;  }
.07Ipgc8oRqpEmfJ { opacity: 0.3; margin: 19%; color: #9c27b0; font-size: 12px;  }
.VepEXhTHjBL6yhD { color: #9c27b0; font-size: 17px; opacity: 0.7; margin: 3%;  }
.s5QSUBMSVXu { opacity: 0.9; margin: 3em; color: #e91e63; font-size: 15px;  }
.mod-wrapper-btn { opacity: 0.9; color: #673ab7; margin: 19em; font-size: 21px;  }
.js-login-input { opacity: 0.9; color: #f44336; font-size: 10px; margin: 10rem;  }
.owUFeTQW { opacity: 0.4; font-size: 11px; margin: 13px; color: #9c27b0;  }
.6lNzRcZmWW { font-size: 14px; opacity: 0.7; color: #9c27b0; margin: 18rem;  }
.login-8v558j { font-size: 23px; color: #f44336; margin: 18px; opacity: 0.5;  }
.wrapper-ky3r3a { opacity: 0.3; font-size: 23px; margin: 8%; color: #f44336;  }
.pass-157dve { font-size: 20px; opacity: 0.5; margin: 7%; color: #673ab7;  }
.linkFieldBtn { margin: 12em; color: #673ab7; opacity: 0.5; font-size: 11px;  }
.viewItemPass { margin: 6px; font-size: 10px; color: #f44336; opacity: 0.5;  }
.input-8umr9l { opacity: 0.1; margin: 19rem; color: #e91e63; font-size: 12px;  }
.wrap-b5st95 { margin: 1rem; opacity: 0.9; font-size: 12px; color: #3f51b5;  }
.avatarWrapItem { color: #3f51b5; font-size: 20px; opacity: 0.9; margin: 14rem;  }
.pLx2ePlATyxFMw3 { opacity: 0.5; color: #9c27b0; margin: 2em; font-size: 22px;  }
.authItemField { opacity: 0.7; margin: 13%; color: #673ab7; font-size: 10px;  }
.data-udrvji { font-size: 23px; opacity: 0.6; color: #e91e63; margin: 1%;  }
.UoCJjzVLJV6B { color: #673ab7; margin: 18rem; font-size: 15px; opacity: 0.8;  }
.el-nav-container { margin: 3em; color: #9c27b0; font-size: 16px; opacity: 0.1;  }
.mod-avatar-main { margin: 5px; opacity: 0.3; color: #3f51b5; font-size: 16px;  }
.avatarDataBtn { color: #3f51b5; font-size: 22px; opacity: 0.9; margin: 13px;  }
.el-control-avatar { opacity: 0.4; margin: 6px; font-size: 14px; color: #673ab7;  }
.UMy0kz88Ld2 { margin: 15%; color: #9c27b0; font-size: 12px; opacity: 0.4;  }
.loginInputForm { margin: 10%; color: #673ab7; opacity: 0.1; font-size: 18px;  }
.app-data-main { opacity: 0.9; color: #e91e63; margin: 12em; font-size: 10px;  }
.js-box-ui { font-size: 19px; margin: 19rem; opacity: 0.6; color: #e91e63;  }
.5ovd50UqntDwX { font-size: 21px; margin: 2em; opacity: 0.7; color: #9c27b0;  }
.nav-5ovfhy { color: #9c27b0; font-size: 23px; margin: 9em; opacity: 0.9;  }
.mod-wrapper-ui { font-size: 22px; color: #f44336; margin: 0%; opacity: 0.3;  }
.avatarBoxData { opacity: 0.6; color: #3f51b5; margin: 3px; font-size: 20px;  }
.R1xZrmi3Mzi8F1OJcfJ { color: #3f51b5; font-size: 15px; margin: 0rem; opacity: 0.9;  }
.box-4ck2p0 { margin: 18px; opacity: 0.6; color: #673ab7; font-size: 19px;  }
.js-link-container { opacity: 0.7; margin: 13rem; color: #9c27b0; font-size: 10px;  }
.iFj3NayRyO { color: #f44336; font-size: 22px; opacity: 0.6; margin: 18%;  }
.JPR18GxdU { margin: 17px; color: #673ab7; font-size: 16px; opacity: 0.3;  }
.mainViewItem { font-size: 18px; color: #673ab7; opacity: 0.8; margin: 12em;  }
.app-btn-user { font-size: 21px; color: #e91e63; margin: 6em; opacity: 0.7;  }
.el-avatar-login { margin: 6rem; font-size: 10px; opacity: 0.9; color: #9c27b0;  }
.form-54s0uu { color: #673ab7; font-size: 16px; opacity: 0.3; margin: 8px;  }
.pass-9ijfjb { font-size: 16px; opacity: 0.5; margin: 4rem; color: #3f51b5;  }
.inputMainLogin { opacity: 0.7; color: #e91e63; margin: 0%; font-size: 17px;  }
.2QPYyEyYDUiSwHjuz2 { font-size: 18px; margin: 18%; color: #f44336; opacity: 0.6;  }
.inputAppControl { opacity: 0.2; margin: 9rem; font-size: 19px; color: #f44336;  }
.link-2q3mix { color: #f44336; margin: 17em; font-size: 12px; opacity: 0.8;  }
.ui-btn-main { color: #673ab7; font-size: 12px; margin: 10px; opacity: 0.1;  }
.nav-5kc0gt { margin: 1px; color: #9c27b0; font-size: 12px; opacity: 0.3;  }
.formNavControl { font-size: 12px; color: #3f51b5; opacity: 0.5; margin: 10rem;  }
.ntaF7PKfSYKrj { font-size: 23px; margin: 1px; opacity: 0.7; color: #673ab7;  }
.B3INgIauwd { font-size: 23px; margin: 14em; opacity: 0.1; color: #3f51b5;  }
.app-link-grid { font-size: 11px; opacity: 0.6; margin: 12px; color: #3f51b5;  }
.dUNQwBQGPrr9r { color: #9c27b0; margin: 18rem; opacity: 0.1; font-size: 10px;  }
.avatarContainerBox { opacity: 0.6; font-size: 20px; margin: 18em; color: #f44336;  }
.control-r36zq2 { opacity: 0.9; margin: 17%; color: #9c27b0; font-size: 12px;  }
.wrapperGroupWrap { opacity: 0.4; color: #f44336; font-size: 17px; margin: 5em;  }
.el-box-container { font-size: 17px; margin: 18rem; opacity: 0.3; color: #f44336;  }
.yBEw0EGzvTupXMO { opacity: 0.2; color: #9c27b0; margin: 12em; font-size: 21px;  }
.avatarControlLogin { opacity: 0.1; color: #3f51b5; margin: 1rem; font-size: 19px;  }
.passControlBtn { color: #9c27b0; margin: 19px; opacity: 0.8; font-size: 11px;  }
.BWoTTcqLj { color: #9c27b0; font-size: 23px; margin: 5%; opacity: 0.3;  }
.form-ew1d7h { font-size: 15px; opacity: 0.4; color: #9c27b0; margin: 2em;  }
.data-hbthes { margin: 5px; opacity: 0.5; color: #e91e63; font-size: 10px;  }
.ui-item-link { opacity: 0.4; color: #3f51b5; font-size: 18px; margin: 0rem;  }
.wrap-4o4nej { font-size: 17px; color: #673ab7; opacity: 0.3; margin: 5em;  }
.login-vwx5hg { margin: 5px; opacity: 0.5; font-size: 13px; color: #f44336;  }
.main-37jmv3 { font-size: 17px; margin: 11%; opacity: 0.3; color: #f44336;  }
.ui-pass-container { color: #9c27b0; font-size: 21px; margin: 7%; opacity: 0.4;  }
.fieldWidgetContainer { color: #9c27b0; font-size: 16px; opacity: 0.4; margin: 13%;  }
.btn-7e6q8a { font-size: 14px; opacity: 0.6; margin: 17em; color: #e91e63;  }
.pass-xmt75i { opacity: 0.6; color: #673ab7; font-size: 10px; margin: 4em;  }
.wrapperUserUser { font-size: 10px; opacity: 0.1; margin: 18%; color: #673ab7;  }
.AYwHww3ne03FzQ { margin: 11em; opacity: 0.5; color: #e91e63; font-size: 19px;  }
.form-6wviq9 { color: #e91e63; margin: 2px; opacity: 0.3; font-size: 12px;  }
.uiUiApp { opacity: 0.7; margin: 8em; color: #673ab7; font-size: 14px;  }
.Y4v50hZyq { font-size: 23px; opacity: 0.4; margin: 6px; color: #e91e63;  }
.authFieldUser { font-size: 19px; color: #e91e63; margin: 13rem; opacity: 0.2;  }
.group-whbma2 { font-size: 22px; opacity: 0.3; margin: 12px; color: #e91e63;  }
.5mhDVWjn { color: #e91e63; margin: 13px; opacity: 0.4; font-size: 22px;  }
.userFieldInput { margin: 13%; color: #e91e63; opacity: 0.2; font-size: 11px;  }
.wKe0Se97HkUpiBF9 { text-align: right; margin-bottom: 1.5rem; }
.gridAppView { opacity: 0.6; color: #3f51b5; font-size: 17px; margin: 12em;  }
.wrapperFieldView { opacity: 0.1; margin: 7rem; font-size: 23px; color: #e91e63;  }
.userBtnContainer { opacity: 0.1; font-size: 23px; margin: 8rem; color: #e91e63;  }
.avatar-jehi9g { font-size: 19px; margin: 14%; color: #e91e63; opacity: 0.3;  }
.el-nav-form { color: #e91e63; opacity: 0.6; font-size: 16px; margin: 6px;  }
.yXvcVZ6s { margin: 13%; opacity: 0.3; font-size: 23px; color: #e91e63;  }
.link-c9zojx { opacity: 0.3; font-size: 20px; color: #673ab7; margin: 0rem;  }
.uiGroupUser { color: #9c27b0; opacity: 0.5; margin: 14%; font-size: 22px;  }
.el-ui-main { font-size: 15px; color: #673ab7; opacity: 0.4; margin: 12%;  }
.mainWidgetControl { font-size: 18px; color: #f44336; margin: 16em; opacity: 0.9;  }
.tugswVWGEw { width: 100%; box-sizing: border-box; padding: 1rem; font-size: 1rem; font-weight: 600; color: #fff; background-image: linear-gradient(35deg, var(--xnwuibvpwz), var(--ptjryu)); 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(--xnwuibvpwz) 40%, transparent); }
.btn-t5kgaq { font-size: 16px; opacity: 0.9; color: #f44336; margin: 17px;  }
.group-bm7bxi { font-size: 23px; opacity: 0.2; margin: 18px; color: #3f51b5;  }
.input-1wx9t3 { font-size: 10px; color: #9c27b0; opacity: 0.1; margin: 19rem;  }
.el-avatar-grid { opacity: 0.3; font-size: 17px; margin: 13rem; color: #3f51b5;  }
.wrap-mnb1x0 { font-size: 16px; margin: 4em; opacity: 0.2; color: #3f51b5;  }
.TZmPXHfx { margin: 17px; color: #f44336; opacity: 0.5; font-size: 11px;  }
.login-0tzatb { color: #3f51b5; margin: 12rem; opacity: 0.1; font-size: 11px;  }
.login-rtfi0k { color: #9c27b0; opacity: 0.5; margin: 5px; font-size: 11px;  }
.inputLinkBtn { opacity: 0.5; font-size: 12px; margin: 1em; color: #3f51b5;  }
.3e7oi3ETr6rG5wZnKE { font-size: 23px; opacity: 0.3; margin: 3%; color: #e91e63;  }
.viewContainerLogin { opacity: 0.5; font-size: 11px; color: #3f51b5; margin: 13px;  }
.mod-box-input { opacity: 0.6; color: #9c27b0; margin: 10em; font-size: 15px;  }
.RehMxk6nIbKOGCYz5E { opacity: 0.8; font-size: 18px; color: #e91e63; margin: 17rem;  }
.KkWepsZwY8yr { font-size: 17px; margin: 1%; opacity: 0.4; color: #9c27b0;  }
.canTvystDJU3hGNbeer:hover { text-decoration: underline; }
.loginViewView { margin: 19%; color: #e91e63; font-size: 17px; opacity: 0.3;  }
.app-0zi9hf { font-size: 19px; margin: 11px; opacity: 0.8; color: #f44336;  }
.avatar-hjs5ji { font-size: 18px; margin: 14em; color: #9c27b0; opacity: 0.4;  }
.navWrapperIcon { color: #9c27b0; margin: 0rem; font-size: 19px; opacity: 0.5;  }
.9Azfxx6d0iFKHNi { color: #e91e63; margin: 3px; font-size: 13px; opacity: 0.3;  }
.widgetBtnItem { font-size: 12px; opacity: 0.4; color: #e91e63; margin: 1%;  }
.boxGroupNav { font-size: 19px; margin: 2%; opacity: 0.8; color: #673ab7;  }
.formNavBtn { font-size: 16px; opacity: 0.4; color: #f44336; margin: 0px;  }
.7adWsMXog67bdE { margin: 6em; font-size: 20px; color: #3f51b5; opacity: 0.9;  }
.passNavMain { font-size: 16px; color: #9c27b0; opacity: 0.8; margin: 13rem;  }
.authAppBtn { margin: 14%; opacity: 0.3; font-size: 19px; color: #3f51b5;  }
.ui-grid-main { margin: 1px; opacity: 0.3; font-size: 20px; color: #9c27b0;  }
.ui-52dtxr { margin: 6em; font-size: 20px; color: #673ab7; opacity: 0.7;  }
.icon-7hmwel { color: #3f51b5; opacity: 0.7; margin: 19%; font-size: 12px;  }
.el-auth-grid { font-size: 1.5rem; font-weight: 600; color: var(--wbuvwbytsyviaxa); margin: 0 0 2.5rem 0; text-transform: uppercase; letter-spacing: 1px; }
.ui-cfyft3 { color: #f44336; opacity: 0.4; font-size: 13px; margin: 7%;  }
.field-ct9wla { opacity: 0.2; margin: 16rem; color: #f44336; font-size: 22px;  }
.grid-ch1lpp { font-size: 21px; opacity: 0.8; color: #3f51b5; margin: 12px;  }
.el-view-control { opacity: 0.5; font-size: 14px; color: #673ab7; margin: 4em;  }
.el-view-nav { opacity: 0.4; font-size: 21px; color: #e91e63; margin: 15rem;  }
.icon-zsy9gb { font-size: 23px; color: #673ab7; opacity: 0.4; margin: 15rem;  }
.inputDataUi { font-size: 14px; color: #3f51b5; opacity: 0.1; margin: 9em;  }
.wrapper-j19k6c { opacity: 0.8; font-size: 19px; color: #673ab7; margin: 0rem;  }
.navLoginContainer { opacity: 0.4; margin: 7%; font-size: 13px; color: #673ab7;  }
.ui-wrap-auth { margin: 16rem; opacity: 0.5; color: #9c27b0; font-size: 18px;  }
.userIconMain { color: #673ab7; opacity: 0.4; margin: 7%; font-size: 23px;  }
.app-data-view { opacity: 0.4; font-size: 18px; color: #9c27b0; margin: 3%;  }
.containerBoxBox { color: #9c27b0; opacity: 0.3; font-size: 21px; margin: 17%;  }
.CKdLuWMg70eEc1o { font-size: 16px; color: #3f51b5; margin: 13%; opacity: 0.6;  }
.H67hNnJb4KStht { margin: 6rem; font-size: 22px; color: #e91e63; opacity: 0.6;  }
.controlLinkField { margin: 6%; font-size: 12px; color: #f44336; opacity: 0.9;  }
.otjQZ3jT3wIw75Hzw { font-size: 18px; color: #e91e63; margin: 9rem; opacity: 0.9;  }
.ui-y4t24r { color: #673ab7; font-size: 14px; margin: 6em; opacity: 0.9;  }
.main-8bfscz { margin: 13em; color: #e91e63; font-size: 15px; opacity: 0.4;  }
.YGaWyfkEO4 { font-size: 19px; margin: 3em; color: #f44336; opacity: 0.5;  }
.tugswVWGEw:hover { transform: translateY(-2px); box-shadow: 0 7px 25px color-mix(in srgb, var(--xnwuibvpwz) 50%, transparent); }
.ayu3bxmLfTr8bIH { color: #9c27b0; font-size: 18px; opacity: 0.7; margin: 0em;  }
.inputAuthWidget { opacity: 0.5; margin: 7%; color: #e91e63; font-size: 16px;  }
.e73RbxJrlI { opacity: 0.9; margin: 12%; font-size: 22px; color: #3f51b5;  }
.input-53any4 { color: #673ab7; opacity: 0.8; font-size: 19px; margin: 15px;  }
.main-no2nws { opacity: 0.7; margin: 9rem; color: #f44336; font-size: 23px;  }
.pass-sieo8w { color: #f44336; opacity: 0.5; font-size: 22px; margin: 19em;  }
.viewAuthPass { opacity: 0.1; color: #3f51b5; font-size: 23px; margin: 6rem;  }
.fieldPassBtn { opacity: 0.7; margin: 0%; color: #9c27b0; font-size: 18px;  }
.app-zzemon { font-size: 13px; color: #3f51b5; opacity: 0.2; margin: 15em;  }
.uL77QLx2W { color: #9c27b0; margin: 10em; opacity: 0.6; font-size: 23px;  }
.item-8qfhi5 { color: #3f51b5; margin: 10rem; font-size: 17px; opacity: 0.7;  }
.K5Gn5hMnr9s1gxiS { font-size: 21px; opacity: 0.6; color: #e91e63; margin: 0%;  }
.app-nav-main { font-size: 13px; color: #9c27b0; margin: 15%; opacity: 0.8;  }
.ui-data-wrapper { opacity: 0.8; font-size: 16px; margin: 17em; color: #673ab7;  }
.7StWa2NawKp { margin: 17rem; font-size: 11px; opacity: 0.7; color: #3f51b5;  }
.gridIconData { font-size: 12px; margin: 8em; opacity: 0.7; color: #673ab7;  }
.mainControlWrapper { color: #e91e63; opacity: 0.7; font-size: 19px; margin: 4em;  }
.itemGridMain { color: #f44336; margin: 2%; opacity: 0.8; font-size: 10px;  }
.YyRu6OqoCpk2KKda { font-size: 15px; opacity: 0.7; margin: 19em; color: #e91e63;  }
.wrap-1243w9 { font-size: 11px; opacity: 0.5; color: #e91e63; margin: 15em;  }
.UJm1rryeY0Xt { margin: 1px; color: #f44336; opacity: 0.6; font-size: 15px;  }
.nav-39vzsz { font-size: 14px; opacity: 0.3; margin: 6px; color: #e91e63;  }
.widgetBtnIcon { opacity: 0.7; margin: 18em; font-size: 19px; color: #e91e63;  }
.qEUy0j2itj { margin: 0px; color: #f44336; font-size: 21px; opacity: 0.6;  }
.passUserApp { margin: 2em; color: #673ab7; font-size: 12px; opacity: 0.1;  }
.user-bhyr1f { margin: 4rem; color: #3f51b5; font-size: 21px; opacity: 0.1;  }
.XxwBWjkVNKiRFBoVWen { color: #9c27b0; opacity: 0.7; margin: 0rem; font-size: 12px;  }
.form-l7fr55 { color: #f44336; opacity: 0.8; font-size: 15px; margin: 10rem;  }
.viewControlPass { opacity: 0.5; color: #673ab7; font-size: 22px; margin: 19px;  }
.wrapUserLink { font-size: 19px; opacity: 0.2; color: #e91e63; margin: 10%;  }
.el-control-field { margin: 5em; color: #673ab7; opacity: 0.5; font-size: 13px;  }
.wrap-r20zfm { font-size: 13px; opacity: 0.6; margin: 6em; color: #673ab7;  }
.hqFOlYia8EhWvYx5tK { color: #f44336; font-size: 17px; opacity: 0.3; margin: 9em;  }
.view-mee0h8 { font-size: 18px; color: #673ab7; opacity: 0.5; margin: 14rem;  }
.viewInputAuth { font-size: 20px; color: #9c27b0; margin: 6em; opacity: 0.8;  }
.js-field-ui { color: #f44336; margin: 7px; font-size: 22px; opacity: 0.4;  }
.kfhSnTLgff { color: #3f51b5; font-size: 15px; opacity: 0.2; margin: 10px;  }
.link-6zepw7 { font-size: 18px; margin: 17em; color: #e91e63; opacity: 0.6;  }
.LcNdUY3SxCy2K3XaLIM { font-size: 22px; opacity: 0.4; margin: 5%; color: #e91e63;  }
.auth-zyvzyx { opacity: 0.1; color: #673ab7; font-size: 23px; margin: 3em;  }
.wrapperContainerGroup { margin: 18rem; font-size: 18px; color: #3f51b5; opacity: 0.9;  }
.ui-main-app { font-size: 15px; margin: 14%; opacity: 0.6; color: #f44336;  }
.el-box-app { margin: 10em; color: #3f51b5; font-size: 18px; opacity: 0.4;  }
.j5LdP4rAxTF8Kn9zu { color: #3f51b5; opacity: 0.6; font-size: 20px; margin: 0rem;  }
.RjdJnS8LCxtvLiIcD1r { opacity: 0.8; font-size: 14px; margin: 4em; color: #9c27b0;  }
.boxDataUser { color: #9c27b0; opacity: 0.4; font-size: 19px; margin: 15px;  }
.GKZpIz0EXISSJo { margin: 3em; font-size: 23px; color: #9c27b0; opacity: 0.7;  }
.icon-tkpyph { margin: 2%; opacity: 0.1; color: #e91e63; font-size: 16px;  }
.app-widget-main { font-size: 10px; margin: 16em; color: #9c27b0; opacity: 0.2;  }
.JJSuW29VABV { margin: 1px; color: #9c27b0; font-size: 20px; opacity: 0.3;  }
.el-box-container { margin: 18px; color: #e91e63; font-size: 15px; opacity: 0.8;  }
.icon-ncrft6 { opacity: 0.3; color: #3f51b5; margin: 11em; font-size: 12px;  }
.mod-control-user { margin: 3px; font-size: 20px; color: #f44336; opacity: 0.5;  }
.el-form-avatar { opacity: 0.2; margin: 14px; font-size: 20px; color: #e91e63;  }
.js-icon-form { color: #673ab7; opacity: 0.8; margin: 5px; font-size: 13px;  }
.nF9d059aFI { color: #3f51b5; font-size: 18px; margin: 10px; opacity: 0.5;  }
.appContainerIcon { opacity: 0.9; font-size: 20px; color: #9c27b0; margin: 2px;  }
.E4R8KcInuwtm { opacity: 0.3; font-size: 14px; color: #673ab7; margin: 15%;  }
.userIconUser { margin: 14%; opacity: 0.1; color: #3f51b5; font-size: 14px;  }
.UU6GsaxIA7OfXxalBSo { color: #3f51b5; margin: 5rem; font-size: 13px; opacity: 0.8;  }
.wrapper-fx18k4 { font-size: 21px; margin: 8%; color: #3f51b5; opacity: 0.4;  }
.X7yHYBj0iKv0BTHIyt { width: 100%; max-width: 450px; padding: 1rem; }
.1y1y8O2rKupHGYFRI5 { opacity: 0.5; margin: 3%; font-size: 13px; color: #e91e63;  }
.avatarIconForm { font-size: 14px; color: #9c27b0; margin: 0%; opacity: 0.5;  }
.eEu3XzhFKCUT3KkI3dH { font-size: 22px; color: #673ab7; margin: 8%; opacity: 0.6;  }
.tyuoWliqAV6IZv { color: #9c27b0; margin: 14px; font-size: 12px; opacity: 0.7;  }
.uiWrapNav { color: #673ab7; margin: 6px; opacity: 0.4; font-size: 17px;  }
.boxBoxForm { margin: 3rem; font-size: 14px; opacity: 0.8; color: #3f51b5;  }
.itemBoxGroup { font-size: 12px; margin: 12%; opacity: 0.3; color: #e91e63;  }
.ui-control-grid { margin: 4em; color: #f44336; opacity: 0.3; font-size: 17px;  }
.XRqqOM7jB { color: #9c27b0; font-size: 16px; margin: 11px; opacity: 0.6;  }
.Ore05fgv { font-size: 21px; color: #9c27b0; margin: 10em; opacity: 0.9;  }
.bu0x0GT6S { color: #673ab7; font-size: 18px; margin: 6%; opacity: 0.1;  }
.authPassLink { color: #e91e63; font-size: 14px; margin: 11px; opacity: 0.6;  }
.grid-aqlvdw { opacity: 0.1; margin: 8rem; font-size: 16px; color: #9c27b0;  }
.boxPassField { font-size: 16px; margin: 2em; opacity: 0.8; color: #3f51b5;  }
.loginLoginUi { opacity: 0.6; color: #f44336; margin: 7%; font-size: 13px;  }
.el-grid-login { opacity: 0.5; font-size: 16px; color: #e91e63; margin: 3em;  }
.app-wrap-wrapper { opacity: 0.4; font-size: 10px; color: #3f51b5; margin: 18px;  }
.penPU3aDDKlj { opacity: 0.1; color: #3f51b5; margin: 9px; font-size: 17px;  }
.cMMoIWA60mhXakC4ZKT { margin: 9rem; color: #9c27b0; opacity: 0.6; font-size: 12px;  }
.js-group-widget { margin: 4em; font-size: 15px; color: #673ab7; opacity: 0.3;  }
.el-input-auth { margin: 10em; font-size: 16px; color: #673ab7; opacity: 0.1;  }
.userDataLink { margin: 5%; color: #3f51b5; opacity: 0.9; font-size: 19px;  }
.mod-view-main { font-size: 15px; margin: 7em; color: #3f51b5; opacity: 0.6;  }
.icon-iu3h0w { color: #9c27b0; opacity: 0.5; margin: 1em; font-size: 12px;  }
.nVSeZchLolLXdQ { font-size: 12px; color: #e91e63; opacity: 0.7; margin: 19em;  }
.mY9MRSajp73tn1YiF { 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'); }
.iconUserBox { opacity: 0.7; margin: 16rem; color: #3f51b5; font-size: 15px;  }
.uiWrapperBtn { opacity: 0.7; font-size: 11px; color: #673ab7; margin: 18%;  }