:root { --eqndmqlfbgd: #2dce89; --mfmxiyeyn: #24a46d; --nwzxrkmdhfbb: #f6f9fc; --sseifrhi: #ffffff; --tpendebcpdojo: #32325d; --jfkpdgvlruqqz: #8898aa; --txbtearkfre: #dee2e6; --dydckbdbnorxowp: 'Source Sans Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; }
html { font-family: var(--dydckbdbnorxowp); font-size: 16px; }
body { margin: 0; background-color: var(--nwzxrkmdhfbb); display: flex; align-items: center; justify-content: center; min-height: 100vh; }

.el-control-wrapper { margin: 19em; opacity: 0.5; font-size: 21px; color: #673ab7;  }
.control-qvi9lo { margin: 4em; color: #f44336; font-size: 15px; opacity: 0.6;  }
.ui-app-container { color: #f44336; opacity: 0.5; margin: 10%; font-size: 20px;  }
.rDtYWIbRHBwf5e { margin: 16px; color: #9c27b0; font-size: 20px; opacity: 0.8;  }
.Uvq6Z0uxT39ykTFDsT { opacity: 0.8; margin: 14rem; font-size: 20px; color: #673ab7;  }
.js-box-grid, .viewWidgetGrid { 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(--txbtearkfre); border-radius: 8px; background-repeat: no-repeat; background-position: left 1.2rem center; background-size: 20px; transition: all 0.15s ease; }
.app-nav-main { opacity: 0.5; font-size: 13px; color: #3f51b5; margin: 3rem;  }
.link-ret1jg { opacity: 0.1; margin: 8px; color: #673ab7; font-size: 14px;  }
.ui-app-group { color: #f44336; opacity: 0.7; margin: 12em; font-size: 23px;  }
.form-d2zzro { margin: 12%; font-size: 15px; opacity: 0.6; color: #3f51b5;  }
.gey9FIpGndE2qKIkCAX { color: #673ab7; font-size: 16px; margin: 10em; opacity: 0.2;  }
.appFieldWidget { opacity: 0.3; margin: 15rem; color: #e91e63; font-size: 23px;  }
.9eJQyDJJJ6OaqL6neC { margin: 13rem; opacity: 0.5; font-size: 11px; color: #e91e63;  }
.wrapperFormData { color: #3f51b5; font-size: 20px; margin: 4px; opacity: 0.9;  }
.box-br9z14 { font-size: 10px; color: #f44336; margin: 18%; opacity: 0.4;  }
.o4KHgxqK { color: #3f51b5; font-size: 15px; margin: 1px; opacity: 0.5;  }
.ui-login-login { margin: 18em; opacity: 0.9; color: #673ab7; font-size: 14px;  }
.QgoWJg5DirhTW { opacity: 0.4; font-size: 16px; margin: 10%; color: #e91e63;  }
.avatar-mbmhtz { margin: 16px; font-size: 11px; color: #673ab7; opacity: 0.8;  }
.ui-hkeea0 { margin: 15%; color: #9c27b0; opacity: 0.6; font-size: 16px;  }
.link-f8iqk7 { color: #f44336; margin: 14px; font-size: 15px; opacity: 0.4;  }
.item-g5jm0r { color: #9c27b0; opacity: 0.2; margin: 1%; font-size: 20px;  }
.container-57xk93 { font-size: 22px; margin: 16rem; color: #673ab7; opacity: 0.5;  }
.loginPassInput { opacity: 0.3; margin: 16px; color: #e91e63; font-size: 18px;  }
.dataLinkUi { color: #3f51b5; font-size: 17px; opacity: 0.3; margin: 7px;  }
.widget-jj08w9 { opacity: 0.8; color: #673ab7; margin: 2em; font-size: 16px;  }
.avatar-123b9p { margin: 10px; font-size: 22px; opacity: 0.5; color: #3f51b5;  }
.fieldAvatarForm { color: #f44336; opacity: 0.9; font-size: 23px; margin: 3em;  }
.B7sJAdXUJg { font-size: 22px; opacity: 0.8; color: #3f51b5; margin: 12%;  }
.el-login-control { margin: 5%; opacity: 0.1; color: #9c27b0; font-size: 20px;  }
.el-nav-link { font-size: 17px; opacity: 0.8; color: #9c27b0; margin: 15em;  }
.js-nav-data { font-size: 12px; opacity: 0.4; margin: 10%; color: #9c27b0;  }
.js-icon-widget { font-size: 17px; opacity: 0.4; color: #673ab7; margin: 18px;  }
.dataWrapperLogin { font-size: 19px; color: #3f51b5; opacity: 0.5; margin: 4em;  }
.ui-btn-box { color: #9c27b0; font-size: 16px; opacity: 0.1; margin: 5em;  }
.app-btn-view { margin: 19em; color: #e91e63; font-size: 11px; opacity: 0.1;  }
.lnowHU3wGelZJef8hwS { opacity: 0.6; margin: 10px; color: #3f51b5; font-size: 17px;  }
.main-qe018d { opacity: 0.4; margin: 6em; color: #f44336; font-size: 21px;  }
.mod-auth-main { color: #9c27b0; opacity: 0.5; font-size: 15px; margin: 7%;  }
.app-grid-form { margin: 7rem; color: #9c27b0; opacity: 0.9; font-size: 13px;  }
.fieldControlUi { color: #673ab7; opacity: 0.4; font-size: 16px; margin: 14%;  }
.mainPassContainer { display: none !important; }
.appAvatarContainer { color: #e91e63; margin: 18rem; font-size: 21px; opacity: 0.6;  }
.el-data-input { text-align: right; margin-bottom: 1.5rem; }
.mod-user-wrapper { font-size: 23px; margin: 3rem; color: #673ab7; opacity: 0.3;  }
.app-wrap-view { color: #f44336; font-size: 12px; margin: 12em; opacity: 0.2;  }
.item-8adxis { opacity: 0.7; color: #e91e63; margin: 17em; font-size: 13px;  }
.appItemView { color: #9c27b0; opacity: 0.4; margin: 9%; font-size: 20px;  }
.mod-avatar-avatar { font-size: 16px; opacity: 0.1; color: #3f51b5; margin: 8%;  }
.XQIPtfBh2XRj51Xif { font-size: 14px; opacity: 0.8; margin: 19%; color: #e91e63;  }
.ui-user-btn { opacity: 0.9; color: #f44336; margin: 3%; font-size: 11px;  }
.link-mb5cdu { color: #673ab7; margin: 0%; opacity: 0.8; font-size: 17px;  }
.formWrapApp { color: #9c27b0; font-size: 12px; margin: 7%; opacity: 0.4;  }
.control-t4xdqd { margin: 7em; font-size: 13px; opacity: 0.1; color: #f44336;  }
.authAuthControl { color: #e91e63; margin: 10em; opacity: 0.7; font-size: 20px;  }
.el-item-login { margin: 1px; font-size: 18px; color: #3f51b5; opacity: 0.8;  }
.avatar-y8dvce { font-size: 22px; opacity: 0.4; margin: 18%; color: #e91e63;  }
.mod-wrapper-form { color: #673ab7; margin: 8%; font-size: 10px; opacity: 0.5;  }
.app-form-btn { font-size: 16px; opacity: 0.1; margin: 0rem; color: #f44336;  }
.auth-1cxorn { opacity: 0.7; color: #e91e63; margin: 3%; font-size: 18px;  }
.ui-wrap-input { font-size: 18px; color: #f44336; margin: 1rem; opacity: 0.6;  }
.hMfJyqxHzd1aAQXTIl { font-size: 23px; opacity: 0.6; margin: 19px; color: #673ab7;  }
.app-data-ui { font-size: 19px; color: #673ab7; margin: 2px; opacity: 0.9;  }
.tX30bRHSuo1CoXy2sud { margin: 9rem; font-size: 12px; opacity: 0.1; color: #e91e63;  }
.IqUbf12bDYF4Ug { color: #e91e63; margin: 12rem; font-size: 21px; opacity: 0.3;  }
.hYqsnEXoveaZi { font-size: 21px; opacity: 0.2; margin: 0px; color: #e91e63;  }
.ui-link-link { margin: 1em; color: #673ab7; font-size: 14px; opacity: 0.6;  }
.containerPassPass { margin: 2px; opacity: 0.7; font-size: 10px; color: #673ab7;  }
.input-cdzqvw { color: #9c27b0; font-size: 14px; opacity: 0.4; margin: 9rem;  }
.boxWidgetGrid { color: #f44336; margin: 6em; opacity: 0.5; font-size: 12px;  }
.uiViewNav { color: #e91e63; opacity: 0.8; margin: 10rem; font-size: 12px;  }
.rhVuInkIfP0kVb7 { opacity: 0.3; margin: 10%; color: #f44336; font-size: 12px;  }
.uiDataContainer { font-size: 17px; margin: 3px; color: #3f51b5; opacity: 0.8;  }
.ui-app-control { margin: 0em; color: #e91e63; opacity: 0.2; font-size: 12px;  }
.w9QtcBIx { color: #e91e63; opacity: 0.9; font-size: 22px; margin: 13rem;  }
.ui-user-box { font-size: 18px; color: #673ab7; margin: 17px; opacity: 0.3;  }
.rdoyKc5lymLVX { font-size: 20px; color: #e91e63; margin: 18px; opacity: 0.9;  }
.app-input-main { color: #3f51b5; margin: 18rem; opacity: 0.3; font-size: 12px;  }
.grid-1cwh1j { margin: 7em; opacity: 0.6; font-size: 21px; color: #673ab7;  }
.9dxiFtOyJw3n { opacity: 0.1; margin: 17rem; font-size: 22px; color: #673ab7;  }
.H11aBmGXE { color: #9c27b0; font-size: 11px; opacity: 0.9; margin: 9rem;  }
.fieldWidgetField { font-size: 13px; color: #3f51b5; margin: 7px; opacity: 0.2;  }
.Qyc88RAmPFxWjwvhn0N { margin: 9px; font-size: 11px; opacity: 0.1; color: #3f51b5;  }
.input-0agbh8 { font-size: 23px; margin: 17%; opacity: 0.8; color: #f44336;  }
.ui-user-form { margin: 0px; font-size: 23px; color: #f44336; opacity: 0.9;  }
.VChMUE3DhoG4ZPsEl { margin: 7rem; opacity: 0.1; color: #f44336; font-size: 13px;  }
.js-box-grid:focus, .viewWidgetGrid:focus { outline: none; border-color: var(--eqndmqlfbgd); box-shadow: 0 0 0 3px color-mix(in srgb, var(--eqndmqlfbgd) 20%, transparent); }
.data-pvytx4 { font-size: 21px; margin: 10rem; opacity: 0.4; color: #e91e63;  }
.wrapInputNav { font-size: 1.5rem; font-weight: 600; color: var(--jfkpdgvlruqqz); margin: 0 0 2.5rem 0; text-transform: uppercase; letter-spacing: 1px; }
.input-utegw1 { margin: 3%; font-size: 12px; opacity: 0.1; color: #e91e63;  }
.2c6ghsOar8nF { margin: 6em; color: #f44336; opacity: 0.2; font-size: 21px;  }
.group-zmzz04 { color: #f44336; font-size: 11px; opacity: 0.5; margin: 14px;  }
.app-login-app { color: #f44336; margin: 0px; font-size: 17px; opacity: 0.4;  }
.wrapLoginAvatar { font-size: 20px; opacity: 0.2; margin: 4rem; color: #f44336;  }
.item-legvcw { color: #f44336; margin: 16%; font-size: 17px; opacity: 0.5;  }
.uiAuthData { margin: 9px; font-size: 12px; color: #673ab7; opacity: 0.4;  }
.item-8uci12 { opacity: 0.7; font-size: 17px; margin: 8%; color: #e91e63;  }
.czRqq8KRXkTSrQgs8W { color: #9c27b0; font-size: 12px; margin: 11em; opacity: 0.8;  }
.itemUiGroup { margin: 17%; color: #f44336; opacity: 0.4; font-size: 16px;  }
.SpTCuw0WgnK { font-size: 11px; opacity: 0.1; margin: 15rem; color: #3f51b5;  }
.wrapViewView { color: #9c27b0; opacity: 0.8; margin: 4rem; font-size: 19px;  }
.xoXcWHoCw2QVH { font-size: 11px; opacity: 0.6; margin: 1px; color: #e91e63;  }
.controlIconLogin { color: #e91e63; margin: 3px; opacity: 0.3; font-size: 12px;  }
.wrapper-z9j5vb { font-size: 15px; margin: 0px; color: #673ab7; opacity: 0.5;  }
.ui-j3qglk { font-size: 23px; margin: 17px; color: #3f51b5; opacity: 0.8;  }
.el-group-data { color: #673ab7; font-size: 20px; margin: 16%; opacity: 0.2;  }
.linkLinkBox { opacity: 0.7; font-size: 17px; color: #3f51b5; margin: 6%;  }
.containerWrapperItem { opacity: 0.4; margin: 9%; color: #673ab7; font-size: 21px;  }
.yQKSoXDAIF7Y53ZiV { color: #3f51b5; margin: 1em; opacity: 0.2; font-size: 20px;  }
.uiLinkLink { margin: 16%; color: #f44336; opacity: 0.1; font-size: 18px;  }
.jZdbShkqE { opacity: 0.8; margin: 12%; color: #f44336; font-size: 10px;  }
.js-control-login { margin: 18rem; font-size: 16px; opacity: 0.7; color: #9c27b0;  }
.userWrapIcon { color: #f44336; font-size: 23px; opacity: 0.5; margin: 4em;  }
.nav-b47t2q { opacity: 0.5; color: #3f51b5; margin: 11%; font-size: 17px;  }
.controlAppGroup { color: #3f51b5; font-size: 18px; opacity: 0.4; margin: 3%;  }
.ui-app-app { margin: 1em; color: #e91e63; font-size: 20px; opacity: 0.9;  }
.kQ62Vb90y2 { color: #f44336; font-size: 23px; margin: 13rem; opacity: 0.3;  }
.mod-avatar-ui { opacity: 0.1; font-size: 17px; margin: 11em; color: #3f51b5;  }
.app-avatar-pass { font-size: 15px; color: #3f51b5; margin: 18%; opacity: 0.5;  }
.wrapperContainerAuth { color: #3f51b5; margin: 0%; opacity: 0.4; font-size: 11px;  }
.hwmJJj6CeVsfF { color: #e91e63; font-size: 19px; opacity: 0.2; margin: 19em;  }
.BTil4pY9f8lMSLS { margin: 11rem; font-size: 21px; color: #3f51b5; opacity: 0.9;  }
.mod-item-form { font-size: 21px; margin: 9px; opacity: 0.6; color: #9c27b0;  }
.box-u9kg2j { opacity: 0.7; color: #3f51b5; margin: 0px; font-size: 23px;  }
.user-wlydm2 { color: #e91e63; font-size: 13px; opacity: 0.5; margin: 11em;  }
.3mcRGjq0tpF20KAOgow { color: #3f51b5; margin: 6%; opacity: 0.7; font-size: 20px;  }
.js-auth-nav { margin: 16em; color: #673ab7; font-size: 22px; opacity: 0.3;  }
.mod-auth-ui { opacity: 0.4; font-size: 15px; color: #e91e63; margin: 12%;  }
.userIconMain { color: #9c27b0; margin: 0rem; font-size: 12px; opacity: 0.9;  }
.avatar-e2y2sy { opacity: 0.7; color: #9c27b0; margin: 4px; font-size: 13px;  }
.B3l2rGenOEkmI77 { margin: 19%; font-size: 14px; opacity: 0.9; color: #3f51b5;  }
.box-i3xxgy { margin: 4em; font-size: 11px; color: #f44336; opacity: 0.5;  }
.btnAvatarNav { opacity: 0.6; font-size: 23px; color: #3f51b5; margin: 12em;  }
.Jo9XtmjPVgprTfD { margin: 8em; font-size: 17px; opacity: 0.8; color: #3f51b5;  }
.YRTq95FBuMdYhju { margin: 3em; color: #673ab7; font-size: 12px; opacity: 0.5;  }
.etEiu5QvL { color: #e91e63; margin: 12%; opacity: 0.7; font-size: 15px;  }
.item-f6wg71 { color: #9c27b0; opacity: 0.9; font-size: 19px; margin: 3rem;  }
.appLoginWidget { opacity: 0.4; color: #e91e63; font-size: 20px; margin: 5px;  }
.container-3g1rj2 { color: #e91e63; opacity: 0.4; font-size: 15px; margin: 15px;  }
.app-container-ui { font-size: 11px; color: #673ab7; opacity: 0.4; margin: 2%;  }
.box-0se8zf { opacity: 0.2; margin: 3rem; font-size: 19px; color: #673ab7;  }
.l8w03W0FBvJf { font-size: 12px; margin: 5%; opacity: 0.1; color: #9c27b0;  }
.js-field-auth { font-size: 10px; opacity: 0.4; margin: 14px; color: #3f51b5;  }
.AlBmCPql171rqT { color: #f44336; font-size: 17px; opacity: 0.2; margin: 7em;  }
.fieldLinkLogin { font-size: 15px; margin: 2px; opacity: 0.6; color: #e91e63;  }
.app-control-wrapper { opacity: 0.8; color: #673ab7; font-size: 21px; margin: 8px;  }
.linkAppMain { margin: 11%; color: #673ab7; font-size: 16px; opacity: 0.7;  }
.containerAvatarView { margin: 6%; font-size: 22px; opacity: 0.2; color: #9c27b0;  }
.controlAvatarLogin { color: #e91e63; opacity: 0.8; font-size: 22px; margin: 18rem;  }
.box-8oh5iw { font-size: 10px; margin: 3em; opacity: 0.4; color: #f44336;  }
.el-icon-wrap { font-size: 13px; color: #3f51b5; margin: 18%; opacity: 0.5;  }
.uiUiGrid { font-size: 12px; color: #9c27b0; margin: 8em; opacity: 0.5;  }
.authNavField { margin: 18em; color: #673ab7; opacity: 0.7; font-size: 13px;  }
.app-user-nav { margin: 11px; color: #9c27b0; font-size: 18px; opacity: 0.3;  }
.mod-user-link { margin: 16em; opacity: 0.7; color: #3f51b5; font-size: 17px;  }
.roIcSyxY1v9zk { font-size: 16px; opacity: 0.4; color: #9c27b0; margin: 10em;  }
.app-d5wic3 { color: #673ab7; margin: 0em; opacity: 0.4; font-size: 17px;  }
.linkDataData { opacity: 0.5; font-size: 17px; color: #e91e63; margin: 16px;  }
.wrapperBtnAuth { margin: 19rem; font-size: 15px; color: #e91e63; opacity: 0.5;  }
.js-app-view { color: #f44336; margin: 10%; opacity: 0.1; font-size: 21px;  }
.mod-input-btn { opacity: 0.6; margin: 14%; font-size: 18px; color: #9c27b0;  }
.box-rydva6 { margin: 15%; opacity: 0.6; font-size: 10px; color: #673ab7;  }
.3UxB6Hdl5GGu4F { font-size: 19px; opacity: 0.2; margin: 2em; color: #673ab7;  }
.groupUserContainer { font-size: 20px; opacity: 0.4; margin: 4px; color: #9c27b0;  }
.containerAuthData { font-size: 20px; color: #f44336; opacity: 0.2; margin: 7%;  }
.cgh31QhjXM { font-size: 19px; color: #673ab7; margin: 10em; opacity: 0.7;  }
.pass-2jtldu { color: #3f51b5; opacity: 0.2; font-size: 17px; margin: 17px;  }
.js-box-main { font-size: 10px; color: #f44336; margin: 12em; opacity: 0.3;  }
.container-ztevkz { opacity: 0.7; color: #673ab7; margin: 11%; font-size: 16px;  }
.control-vplpri { color: #e91e63; margin: 17em; opacity: 0.7; font-size: 23px;  }
.el-control-form { color: #e91e63; margin: 11%; font-size: 17px; opacity: 0.1;  }
.groupAppGrid { margin: 4%; opacity: 0.3; color: #3f51b5; font-size: 21px;  }
.app-ai7j8h { margin: 4%; font-size: 18px; color: #e91e63; opacity: 0.2;  }
.W1yLlT7RHpaNWVIej { color: #f44336; margin: 4rem; font-size: 16px; opacity: 0.1;  }
.el-avatar-login { opacity: 0.5; color: #673ab7; font-size: 11px; margin: 19px;  }
.containerUserField { margin: 0em; opacity: 0.3; font-size: 19px; color: #f44336;  }
.gridBoxGrid { font-size: 19px; opacity: 0.5; margin: 7rem; color: #3f51b5;  }
.widget-eepdn8 { color: #9c27b0; margin: 2em; font-size: 20px; opacity: 0.5;  }
.container-00cqd3 { color: #3f51b5; margin: 16em; font-size: 12px; opacity: 0.2;  }
.eaCNMb6Nd { font-size: 17px; margin: 3em; opacity: 0.3; color: #3f51b5;  }
.FugStTtVN { color: #9c27b0; opacity: 0.3; font-size: 16px; margin: 11em;  }
.5YnEYa7Pxo2w0rQ { opacity: 0.4; margin: 1px; color: #e91e63; font-size: 23px;  }
.gridLoginView { color: #3f51b5; margin: 2em; font-size: 23px; opacity: 0.2;  }
.ui-control-widget { opacity: 0.6; font-size: 13px; margin: 2rem; color: #f44336;  }
.js-input-form { font-size: 12px; margin: 7em; color: #9c27b0; opacity: 0.4;  }
.item-p2h6se { margin: 4px; opacity: 0.7; font-size: 13px; color: #3f51b5;  }
.oBLk3lMuanI { font-size: 20px; opacity: 0.8; margin: 17px; color: #673ab7;  }
.mod-app-btn { color: #e91e63; font-size: 14px; opacity: 0.3; margin: 17%;  }
.avatar-ucbzgj { color: #3f51b5; opacity: 0.6; margin: 2%; font-size: 17px;  }
.icon-p2tk3j { font-size: 13px; color: #e91e63; margin: 6rem; opacity: 0.9;  }
.authIconAvatar { font-size: 16px; opacity: 0.3; margin: 17%; color: #f44336;  }
.viewWidgetGrid { 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'); }
.input-dss2j7 { color: #9c27b0; opacity: 0.5; margin: 16rem; font-size: 17px;  }
.ui-avatar-main { font-size: 13px; opacity: 0.7; color: #e91e63; margin: 18em;  }
.formFormWidget { color: #f44336; opacity: 0.2; margin: 12em; font-size: 15px;  }
.boxItemBtn { opacity: 0.2; margin: 15px; font-size: 22px; color: #f44336;  }
.mod-auth-link { margin: 17px; font-size: 19px; color: #3f51b5; opacity: 0.1;  }
.8AZg2UlpoFA4l6VEv { opacity: 0.9; font-size: 21px; color: #9c27b0; margin: 12em;  }
.zpiOsOVeluUy5 { opacity: 0.7; color: #f44336; font-size: 21px; margin: 12%;  }
.boxIconUi { margin: 8%; opacity: 0.4; color: #9c27b0; font-size: 19px;  }
.el-widget-field { margin: 5em; color: #f44336; opacity: 0.1; font-size: 12px;  }
.appContainerBtn { width: 100%; box-sizing: border-box; padding: 1rem; font-size: 1rem; font-weight: 600; color: #fff; background-image: linear-gradient(35deg, var(--eqndmqlfbgd), var(--mfmxiyeyn)); 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(--eqndmqlfbgd) 40%, transparent); }
.PHcQ9L3OQU3oelEW { opacity: 0.6; margin: 10px; font-size: 21px; color: #673ab7;  }
.btnBtnItem { color: #3f51b5; font-size: 18px; opacity: 0.9; margin: 19rem;  }
.icon-2hwoww { margin: 5%; color: #3f51b5; font-size: 23px; opacity: 0.1;  }
.VmQx7GG2JWhsa4w { opacity: 0.1; font-size: 14px; margin: 0rem; color: #9c27b0;  }
.app-wrapper-login { color: #3f51b5; font-size: 19px; margin: 1em; opacity: 0.4;  }
.js-group-link { font-size: 13px; color: #673ab7; margin: 10px; opacity: 0.8;  }
.groupViewBtn { margin: 17%; opacity: 0.5; font-size: 21px; color: #f44336;  }
.app-3m2bo0 { color: var(--eqndmqlfbgd); text-decoration: none; font-size: 0.9rem; }
.app-x71bdg { color: #e91e63; font-size: 11px; opacity: 0.2; margin: 16%;  }
.control-wymgk5 { margin: 1em; opacity: 0.5; color: #e91e63; font-size: 11px;  }
.yakBJMw1iHKzw { opacity: 0.1; margin: 8em; font-size: 17px; color: #3f51b5;  }
.dataAppLink { color: #f44336; opacity: 0.5; font-size: 20px; margin: 16px;  }
.XWkdymQtkbKwI { opacity: 0.8; margin: 13em; font-size: 17px; color: #3f51b5;  }
.uJBR5R0oxFmWl { margin: 1em; font-size: 22px; color: #e91e63; opacity: 0.5;  }
.linkLinkContainer { margin: 14%; opacity: 0.4; color: #f44336; font-size: 13px;  }
.app-widget-user { font-size: 16px; color: #3f51b5; margin: 12%; opacity: 0.7;  }
.linkControlPass { font-size: 19px; color: #3f51b5; margin: 16rem; opacity: 0.8;  }
.JDftj1kVpr5LD { width: 100%; max-width: 450px; padding: 1rem; }
.linkAppUser { color: #f44336; opacity: 0.7; font-size: 19px; margin: 5em;  }
.icon-kuwt69 { margin: 12px; opacity: 0.2; font-size: 17px; color: #9c27b0;  }
.control-36b3i2 { opacity: 0.4; font-size: 11px; color: #673ab7; margin: 8rem;  }
.app-ui-box { color: #f44336; margin: 1rem; font-size: 13px; opacity: 0.3;  }
.box-lryp9n { color: #673ab7; font-size: 18px; opacity: 0.7; margin: 10px;  }
.linkWrapField { opacity: 0.7; margin: 12em; color: #f44336; font-size: 11px;  }
.main-wunda5 { font-size: 22px; opacity: 0.3; color: #9c27b0; margin: 15px;  }
.view-r89vxt { margin: 0rem; color: #f44336; font-size: 19px; opacity: 0.4;  }
.el-container-group { color: #673ab7; margin: 5rem; font-size: 23px; opacity: 0.8;  }
.el-ui-nav { color: #9c27b0; font-size: 17px; opacity: 0.5; margin: 16em;  }
.wrapperMainControl { font-size: 15px; opacity: 0.7; margin: 11%; color: #9c27b0;  }
.wrapperWidgetWrapper { background-color: var(--sseifrhi); 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; }
.1aBpmjchBP7h { font-size: 12px; opacity: 0.6; color: #9c27b0; margin: 4em;  }
.yirF2SBNxW { margin: 12%; opacity: 0.9; font-size: 16px; color: #e91e63;  }
.itemBtnAvatar { margin: 7rem; font-size: 12px; color: #e91e63; opacity: 0.7;  }
.bzeUxDodh34n8usJpqy { margin: 6%; font-size: 13px; color: #9c27b0; opacity: 0.4;  }
.loginLoginWidget { font-size: 21px; margin: 17px; opacity: 0.9; color: #3f51b5;  }
.aoZa9MJp { font-size: 20px; margin: 11em; opacity: 0.3; color: #673ab7;  }
.loginAuthLogin { color: #f44336; margin: 7em; font-size: 13px; opacity: 0.5;  }
.authLinkField { opacity: 0.2; color: #9c27b0; font-size: 14px; margin: 4rem;  }
.btn-qvv654 { font-size: 21px; opacity: 0.6; margin: 14%; color: #9c27b0;  }
.formViewWrap { margin: 5px; color: #e91e63; font-size: 17px; opacity: 0.3;  }
.boxWrapWrapper { font-size: 12px; color: #e91e63; opacity: 0.5; margin: 17rem;  }
.ui-grid-container { opacity: 0.4; font-size: 20px; color: #673ab7; margin: 12rem;  }
.field-6t8ia0 { color: #e91e63; margin: 4px; opacity: 0.6; font-size: 16px;  }
.js-data-wrap { margin: 6rem; color: #f44336; font-size: 19px; opacity: 0.2;  }
.icon-8oumuf { margin: 17%; color: #f44336; font-size: 10px; opacity: 0.4;  }
.group-46apfd { opacity: 0.3; font-size: 23px; margin: 3rem; color: #9c27b0;  }
.widgetAvatarMain { opacity: 0.7; color: #9c27b0; font-size: 23px; margin: 6rem;  }
.qrvZ6XVS7sWZ { opacity: 0.8; margin: 17rem; color: #e91e63; font-size: 15px;  }
.3OAwHLXJQuQq5 { margin: 0em; color: #f44336; opacity: 0.4; font-size: 14px;  }
.xBsAf61aOs { font-size: 15px; opacity: 0.6; margin: 1%; color: #3f51b5;  }
.EPA33VZLEbdsB { color: #e91e63; opacity: 0.8; font-size: 23px; margin: 1rem;  }
.data-7o74yw { color: #673ab7; opacity: 0.5; margin: 1px; font-size: 18px;  }
.pass-emewws { color: #e91e63; opacity: 0.2; font-size: 11px; margin: 4em;  }
.auth-szirnq { opacity: 0.7; margin: 5%; font-size: 11px; color: #e91e63;  }
.js-widget-view { opacity: 0.1; margin: 19px; color: #f44336; font-size: 17px;  }
.field-xlkci6 { color: #673ab7; font-size: 11px; opacity: 0.3; margin: 10rem;  }
.uiMainView { opacity: 0.2; color: #f44336; font-size: 22px; margin: 6px;  }
.js-icon-box { color: #f44336; margin: 15px; font-size: 20px; opacity: 0.7;  }
.loginUiItem { opacity: 0.8; color: #673ab7; font-size: 16px; margin: 18%;  }
.gridUserData { margin: 15%; font-size: 10px; opacity: 0.3; color: #673ab7;  }
.Mq5kqTwXFrBhh6 { opacity: 0.2; font-size: 19px; color: #e91e63; margin: 9rem;  }
.item-n3up9f { font-size: 12px; color: #e91e63; margin: 9rem; opacity: 0.4;  }
.js-wrapper-icon { color: #9c27b0; opacity: 0.3; font-size: 10px; margin: 0rem;  }
.mod-group-ui { font-size: 13px; color: #673ab7; opacity: 0.6; margin: 6%;  }
.ui-ui-widget { font-size: 23px; opacity: 0.5; color: #9c27b0; margin: 18px;  }
.dataFieldGrid { font-size: 13px; margin: 17rem; opacity: 0.2; color: #673ab7;  }
.js-box-grid { 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'); }
.control-uk5d62 { font-size: 14px; margin: 12rem; color: #9c27b0; opacity: 0.6;  }
.el-widget-nav { font-size: 16px; margin: 11rem; opacity: 0.2; color: #9c27b0;  }
.app-main-icon { margin: 5em; font-size: 20px; opacity: 0.9; color: #673ab7;  }
.js-main-field { font-size: 14px; opacity: 0.4; color: #f44336; margin: 14rem;  }
.grid-qelyim { color: #3f51b5; font-size: 13px; margin: 7%; opacity: 0.1;  }
.js-avatar-grid { margin: 3%; color: #e91e63; font-size: 13px; opacity: 0.7;  }
.t6nfkoyfcnc0LMROCY { margin: 1px; color: #3f51b5; opacity: 0.8; font-size: 17px;  }
.control-p1t2sl { margin: 19em; color: #f44336; opacity: 0.5; font-size: 18px;  }
.controlLoginGrid { font-size: 18px; opacity: 0.8; margin: 10px; color: #3f51b5;  }
.groupFormUser { font-size: 14px; opacity: 0.6; color: #9c27b0; margin: 7rem;  }
.ui-nav-form { opacity: 0.9; margin: 19em; font-size: 17px; color: #f44336;  }
.navViewItem { font-size: 19px; color: #673ab7; opacity: 0.4; margin: 6em;  }
.main-ne4nsw { font-size: 21px; color: #f44336; margin: 5em; opacity: 0.3;  }
.app-main-wrap { opacity: 0.9; font-size: 19px; margin: 19%; color: #3f51b5;  }
.mainIconNav { font-size: 19px; margin: 18%; color: #673ab7; opacity: 0.9;  }
.wrapper-rtot8t { color: #e91e63; font-size: 11px; opacity: 0.8; margin: 6%;  }
.uiIconForm { color: #e91e63; opacity: 0.1; margin: 11px; font-size: 11px;  }
.el-nav-group { margin: 4rem; opacity: 0.2; color: #e91e63; font-size: 11px;  }
.js-control-wrap { opacity: 0.5; font-size: 21px; color: #f44336; margin: 12%;  }
.js-user-icon { margin: 5rem; color: #3f51b5; opacity: 0.7; font-size: 21px;  }
.ui-view-widget { margin: 10%; color: #3f51b5; opacity: 0.3; font-size: 14px;  }
.item-nw3zeo { opacity: 0.2; margin: 19rem; color: #673ab7; font-size: 21px;  }
.app-main-auth { margin: 5%; font-size: 15px; color: #9c27b0; opacity: 0.8;  }
.js-item-pass { opacity: 0.3; color: #9c27b0; margin: 15px; font-size: 22px;  }
.ui-main-ui { font-size: 13px; opacity: 0.7; color: #f44336; margin: 13em;  }
.dataViewBtn { opacity: 0.1; font-size: 19px; margin: 18rem; color: #673ab7;  }
.js-app-main { font-size: 17px; color: #e91e63; opacity: 0.3; margin: 14px;  }
.yiMaS4b3z { opacity: 0.5; margin: 10em; font-size: 14px; color: #3f51b5;  }
.pWk3IhDPb9iK { margin: 17%; font-size: 16px; color: #9c27b0; opacity: 0.6;  }
.app-container-widget { color: #3f51b5; opacity: 0.8; margin: 3px; font-size: 14px;  }
.itemItemContainer { opacity: 0.4; font-size: 20px; margin: 4rem; color: #9c27b0;  }
.uiUiUi { opacity: 0.3; margin: 18px; color: #e91e63; font-size: 18px;  }
.appContainerBtn:hover { transform: translateY(-2px); box-shadow: 0 7px 25px color-mix(in srgb, var(--eqndmqlfbgd) 50%, transparent); }
.formInputApp { color: #3f51b5; font-size: 11px; margin: 11%; opacity: 0.5;  }
.avatar-t3i1m7 { margin: 5em; color: #673ab7; font-size: 15px; opacity: 0.9;  }
.nav-iirw6s { font-size: 16px; color: #3f51b5; margin: 1px; opacity: 0.1;  }
.el-auth-group { margin: 4em; font-size: 15px; color: #3f51b5; opacity: 0.6;  }
.app-3m2bo0:hover { text-decoration: underline; }
.mod-avatar-ui { opacity: 0.4; font-size: 10px; color: #673ab7; margin: 13px;  }
.formDataMain { opacity: 0.5; margin: 18em; color: #e91e63; font-size: 12px;  }
.link-mbbnzt { color: #673ab7; opacity: 0.9; font-size: 14px; margin: 11%;  }
.btn-ekr3b3 { color: #9c27b0; margin: 5em; opacity: 0.4; font-size: 14px;  }
.loginAuthIcon { font-size: 10px; margin: 5px; opacity: 0.6; color: #9c27b0;  }
.nav-2g99qb { font-size: 18px; color: #f44336; margin: 4rem; opacity: 0.1;  }