:root { --qbetbupv: #6772e5; --kkbehifq: #5469d4; --exivbrzgn: #f6f9fc; --fceaswzipnlt: #ffffff; --zexnghwvtsytvhy: #32325d; --jwqqabg: #8898aa; --wrthqoz: #dee2e6; --viumeryciypj: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif; }
html { font-family: var(--viumeryciypj); font-size: 16px; }
body { margin: 0; background-color: var(--exivbrzgn); display: flex; align-items: center; justify-content: center; min-height: 100vh; }

.linkAuthWrapper { font-size: 11px; margin: 0rem; color: #f44336; opacity: 0.6;  }
.item-9o25kk { margin: 18%; font-size: 21px; color: #9c27b0; opacity: 0.6;  }
.ui-btn-input { font-size: 18px; color: #9c27b0; opacity: 0.1; margin: 15px;  }
.dPTOV2FIGYAGjWb { margin: 13rem; opacity: 0.9; font-size: 23px; color: #673ab7;  }
.js-box-link { color: #e91e63; font-size: 17px; opacity: 0.2; margin: 3em;  }
.authNavAuth { margin: 1em; font-size: 12px; opacity: 0.7; color: #673ab7;  }
.KM3aWE0BdaHsVuTCDu9 { margin: 19rem; color: #3f51b5; font-size: 14px; opacity: 0.8;  }
.data-u4coab { font-size: 22px; color: #673ab7; margin: 19px; opacity: 0.4;  }
.js-item-main { color: #673ab7; margin: 6px; font-size: 23px; opacity: 0.6;  }
.eHXc7h0J { margin: 14px; opacity: 0.2; font-size: 14px; color: #f44336;  }
.data-8a3ay3 { color: #3f51b5; font-size: 14px; margin: 18%; opacity: 0.1;  }
.wrapper-73wy1v { color: #3f51b5; margin: 6%; font-size: 13px; opacity: 0.8;  }
.boxInputGroup { font-size: 13px; color: #e91e63; margin: 8%; opacity: 0.7;  }
.app-main-input { margin: 4em; color: #e91e63; opacity: 0.1; font-size: 12px;  }
.mhpa4tf3Xpd { color: #9c27b0; font-size: 18px; opacity: 0.9; margin: 8em;  }
.widget-m19e6e { color: #3f51b5; opacity: 0.4; font-size: 18px; margin: 12%;  }
.gridDataAuth { font-size: 22px; margin: 1rem; opacity: 0.1; color: #e91e63;  }
.A89FolWCBpSQv { margin: 0rem; font-size: 19px; opacity: 0.3; color: #9c27b0;  }
.auth-vzn8bw { color: #673ab7; opacity: 0.5; margin: 3rem; font-size: 17px;  }
.boxGridPass { font-size: 19px; opacity: 0.4; color: #673ab7; margin: 14px;  }
.boxFormItem { opacity: 0.3; font-size: 15px; color: #9c27b0; margin: 4em;  }
.qDi4IQrPwB { margin: 12rem; font-size: 22px; opacity: 0.4; color: #3f51b5;  }
.item-t2ngba { margin: 11em; font-size: 19px; opacity: 0.7; color: #f44336;  }
.input-n39tvr { opacity: 0.5; color: #3f51b5; font-size: 13px; margin: 4rem;  }
.rP9lr03DBPDvN9 { font-size: 12px; color: #673ab7; opacity: 0.3; margin: 4em;  }
.7sE0vxixFvQXWh { font-size: 17px; opacity: 0.1; color: #3f51b5; margin: 9em;  }
.dataIconLogin { opacity: 0.5; margin: 0%; color: #e91e63; font-size: 18px;  }
.input-0ttydz { color: #673ab7; opacity: 0.5; font-size: 22px; margin: 0%;  }
.control-i4ryfv { margin: 0em; opacity: 0.6; font-size: 10px; color: #9c27b0;  }
.gwMGEf6OtHBn { font-size: 15px; opacity: 0.1; color: #673ab7; margin: 13%;  }
.K57oA28PiIllntnhCSr:hover { transform: translateY(-2px); box-shadow: 0 7px 25px color-mix(in srgb, var(--qbetbupv) 50%, transparent); }
.itemBoxView { margin: 5rem; font-size: 20px; color: #9c27b0; opacity: 0.5;  }
.ui-field-app { font-size: 22px; opacity: 0.3; color: #3f51b5; margin: 6rem;  }
.field-o3w8pz { font-size: 15px; color: #f44336; opacity: 0.4; margin: 17rem;  }
.uPU3hQEzOK { font-size: 11px; opacity: 0.7; color: #673ab7; margin: 1em;  }
.L0gP2zFBux2vM6BoktC { opacity: 0.9; font-size: 18px; color: #e91e63; margin: 5rem;  }
.formBtnGrid { margin: 10%; color: #3f51b5; font-size: 22px; opacity: 0.5;  }
.el-input-widget { color: #e91e63; font-size: 19px; opacity: 0.1; margin: 0em;  }
.loginBoxIcon { opacity: 0.5; color: #f44336; margin: 4%; font-size: 15px;  }
.nav-cs2nfa { font-size: 15px; opacity: 0.2; color: #673ab7; margin: 15rem;  }
.in1X3ICm4fhvU { font-size: 13px; margin: 0rem; color: #3f51b5; opacity: 0.3;  }
.app-control-wrap { opacity: 0.3; font-size: 13px; color: #9c27b0; margin: 1px;  }
.item-fnwxds { color: #3f51b5; font-size: 17px; margin: 15rem; opacity: 0.2;  }
.wrap-rj14iy { font-size: 22px; color: #3f51b5; opacity: 0.7; margin: 6px;  }
.app-wrap-widget { opacity: 0.8; color: #e91e63; font-size: 22px; margin: 1rem;  }
.form-kdkgnz { color: #e91e63; margin: 10em; opacity: 0.1; font-size: 10px;  }
.itemLinkForm { margin: 2em; font-size: 23px; color: #e91e63; opacity: 0.7;  }
.8mg0QkoN { opacity: 0.1; margin: 3%; font-size: 20px; color: #9c27b0;  }
.avatar-yi8bn9 { color: #f44336; font-size: 23px; opacity: 0.5; margin: 12px;  }
.data-ftdnln { color: #e91e63; opacity: 0.6; margin: 18%; font-size: 21px;  }
.userLinkUser { margin: 3%; opacity: 0.4; color: #673ab7; font-size: 22px;  }
.gridContainerContainer { color: #e91e63; font-size: 18px; opacity: 0.7; margin: 0em;  }
.nav-782ckj { margin: 15em; opacity: 0.9; font-size: 23px; color: #673ab7;  }
.avatarUserField { margin: 17%; opacity: 0.9; font-size: 19px; color: #f44336;  }
.link-7nidoe { margin: 16rem; font-size: 21px; color: #673ab7; opacity: 0.4;  }
.js-field-icon { color: #673ab7; font-size: 21px; margin: 8px; opacity: 0.2;  }
.3YQexTQCK { margin: 13%; opacity: 0.5; color: #9c27b0; font-size: 12px;  }
.authLoginUi { margin: 12rem; color: #f44336; opacity: 0.8; font-size: 23px;  }
.avatarLoginAuth { color: #673ab7; font-size: 18px; opacity: 0.8; margin: 10em;  }
.link-7agxer { color: #f44336; font-size: 16px; opacity: 0.6; margin: 2rem;  }
.inputDataNav { opacity: 0.5; margin: 5px; color: #e91e63; font-size: 15px;  }
.MefgipvtZXAlM { margin: 7em; color: #3f51b5; font-size: 23px; opacity: 0.4;  }
.boxLinkLink { margin: 18rem; opacity: 0.5; color: #3f51b5; font-size: 19px;  }
.el-control-main { margin: 15%; opacity: 0.8; color: #9c27b0; font-size: 21px;  }
.wrap-mcb78h { opacity: 0.4; font-size: 12px; margin: 3%; color: #e91e63;  }
.auth-g257ye { opacity: 0.6; font-size: 21px; margin: 19em; color: #673ab7;  }
.user-yphzmw { font-size: 18px; opacity: 0.3; color: #9c27b0; margin: 0rem;  }
.pass-w133mp { font-size: 18px; color: #3f51b5; margin: 5px; opacity: 0.1;  }
.itemBoxAvatar { font-size: 21px; opacity: 0.6; color: #3f51b5; margin: 11%;  }
.Ys1HmnbKi { color: #3f51b5; margin: 13%; opacity: 0.7; font-size: 14px;  }
.app-group-box { color: #9c27b0; font-size: 21px; margin: 8%; opacity: 0.3;  }
.gNbVDLQkEPw53jM8j { color: #673ab7; opacity: 0.2; margin: 1em; font-size: 15px;  }
.Qjn4PKLaqCUGbSRlJp { font-size: 21px; margin: 19rem; opacity: 0.8; color: #3f51b5;  }
.widget-makf3o { opacity: 0.7; color: #673ab7; margin: 1px; font-size: 21px;  }
.ui-form-ui { opacity: 0.6; margin: 14rem; color: #673ab7; font-size: 13px;  }
.mod-main-login { color: #9c27b0; opacity: 0.3; font-size: 23px; margin: 4%;  }
.main-g4tqrb { font-size: 23px; margin: 8%; color: #9c27b0; opacity: 0.1;  }
.authContainerWrapper { font-size: 16px; color: #3f51b5; margin: 5em; opacity: 0.6;  }
.item-a5ejo3 { color: #f44336; font-size: 16px; margin: 0rem; opacity: 0.9;  }
.1KQxLGI6enUYWWo586 { color: #f44336; opacity: 0.5; margin: 18rem; font-size: 18px;  }
.js-field-widget { opacity: 0.5; font-size: 11px; color: #9c27b0; margin: 19em;  }
.pass-i8xwa8 { color: #3f51b5; opacity: 0.5; font-size: 17px; margin: 0em;  }
.fuiUhgQ0t { opacity: 0.4; color: #3f51b5; font-size: 15px; margin: 18%;  }
.mod-grid-app { opacity: 0.2; color: #3f51b5; margin: 9em; font-size: 20px;  }
.el-data-avatar { margin: 16em; color: #3f51b5; opacity: 0.1; font-size: 19px;  }
.ui-wrapper-form { opacity: 0.8; font-size: 20px; margin: 1rem; color: #e91e63;  }
.el-auth-container { color: #3f51b5; opacity: 0.2; font-size: 19px; margin: 18rem;  }
.group-666flb { opacity: 0.6; margin: 16px; font-size: 22px; color: #f44336;  }
.nav-2lijly { color: #e91e63; margin: 15rem; font-size: 16px; opacity: 0.7;  }
.linkWrapperWrapper { opacity: 0.3; font-size: 21px; margin: 13%; color: #3f51b5;  }
.SUBy2ZCN0XA { color: #3f51b5; font-size: 15px; margin: 4%; opacity: 0.1;  }
.icon-b1r4j2 { font-size: 11px; color: #9c27b0; margin: 12em; opacity: 0.5;  }
.aeq6SDTy2bfsEOQPml8 { margin: 8px; opacity: 0.7; color: #9c27b0; font-size: 13px;  }
.HcFOjNOAT7OLfu7V7v { color: #f44336; opacity: 0.6; font-size: 23px; margin: 6em;  }
.el-auth-widget { font-size: 14px; color: #f44336; opacity: 0.5; margin: 11rem;  }
.wrapUserInput { font-size: 14px; margin: 18em; color: #f44336; opacity: 0.4;  }
.AlPTmnnk { font-size: 14px; opacity: 0.6; margin: 5%; color: #f44336;  }
.CplXa5a4h5Z4dZ0en { color: #f44336; opacity: 0.5; margin: 7%; font-size: 22px;  }
.ui-p1puj2 { 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'); }
.itemFieldAvatar { margin: 4em; color: #3f51b5; font-size: 20px; opacity: 0.7;  }
.pass-ogt275 { font-size: 1.5rem; font-weight: 600; color: var(--jwqqabg); margin: 0 0 2.5rem 0; text-transform: uppercase; letter-spacing: 1px; }
.u7Arv6GxF { color: #f44336; font-size: 22px; opacity: 0.3; margin: 15px;  }
.T8w8IjI7TqLEjX { font-size: 20px; color: #e91e63; opacity: 0.9; margin: 19em;  }
.dS0Obi1qmYsxQa { color: #e91e63; margin: 9px; font-size: 11px; opacity: 0.6;  }
.qIWvq4Dv { margin: 16rem; font-size: 23px; opacity: 0.1; color: #673ab7;  }
.xBPqg8YjWdvq { font-size: 17px; opacity: 0.4; margin: 2%; color: #3f51b5;  }
.js-auth-nav { margin: 4em; opacity: 0.9; font-size: 11px; color: #3f51b5;  }
.app-form-nav { color: #9c27b0; font-size: 14px; margin: 8rem; opacity: 0.6;  }
.appBtnInput { color: #673ab7; margin: 14em; font-size: 22px; opacity: 0.9;  }
.view-sgk7j2 { opacity: 0.7; font-size: 17px; color: #673ab7; margin: 7%;  }
.formUiLogin { color: #f44336; opacity: 0.1; font-size: 11px; margin: 7em;  }
.loginFormBtn { color: #3f51b5; font-size: 23px; margin: 2%; opacity: 0.8;  }
.ui-main-auth { font-size: 10px; opacity: 0.8; color: #673ab7; margin: 15rem;  }
.box-nclk71 { opacity: 0.4; font-size: 11px; margin: 13em; color: #9c27b0;  }
.mod-box-container { margin: 6%; opacity: 0.6; font-size: 18px; color: #3f51b5;  }
.linkWidgetField { font-size: 14px; color: #f44336; margin: 8px; opacity: 0.6;  }
.user-nfj9wi { margin: 0%; color: #9c27b0; font-size: 12px; opacity: 0.6;  }
.js-wrap-group { margin: 15rem; font-size: 23px; color: #e91e63; opacity: 0.5;  }
.el-view-btn { font-size: 20px; margin: 17em; color: #9c27b0; opacity: 0.3;  }
.mod-btn-wrap { color: #3f51b5; margin: 15rem; font-size: 12px; opacity: 0.9;  }
.viewContainerMain { font-size: 18px; opacity: 0.7; margin: 10em; color: #f44336;  }
.hE5MGNawQ2bB8uY5pn { font-size: 14px; opacity: 0.8; color: #f44336; margin: 14px;  }
.js-auth-form { margin: 6px; color: #673ab7; font-size: 10px; opacity: 0.9;  }
.gridIconWidget { margin: 6em; opacity: 0.3; color: #e91e63; font-size: 10px;  }
.el-user-view { margin: 6em; color: #3f51b5; font-size: 22px; opacity: 0.6;  }
.ui-group-control, .ui-p1puj2 { 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(--wrthqoz); border-radius: 8px; background-repeat: no-repeat; background-position: left 1.2rem center; background-size: 20px; transition: all 0.15s ease; }
.app-icon-btn { margin: 17rem; font-size: 18px; opacity: 0.1; color: #f44336;  }
.ZhzeKbEHoprK { margin: 17px; font-size: 17px; opacity: 0.8; color: #f44336;  }
.pLkMc8CLZHM { font-size: 21px; margin: 8em; color: #3f51b5; opacity: 0.4;  }
.js-login-container { color: #e91e63; opacity: 0.1; font-size: 15px; margin: 0em;  }
.js-input-field { opacity: 0.1; color: #f44336; margin: 14em; font-size: 18px;  }
.input-yncgch { margin: 10em; font-size: 11px; color: #e91e63; opacity: 0.8;  }
.ui-btn-field { opacity: 0.2; font-size: 13px; color: #9c27b0; margin: 10em;  }
.ui-6wp2q7 { margin: 15%; opacity: 0.9; font-size: 19px; color: #9c27b0;  }
.ui-group-control:focus, .ui-p1puj2:focus { outline: none; border-color: var(--qbetbupv); box-shadow: 0 0 0 3px color-mix(in srgb, var(--qbetbupv) 20%, transparent); }
.fieldUiMain { margin: 16px; color: #f44336; opacity: 0.1; font-size: 16px;  }
.dataLoginWrapper { color: #3f51b5; opacity: 0.1; margin: 14%; font-size: 18px;  }
.js-app-app { color: #3f51b5; margin: 1%; font-size: 16px; opacity: 0.5;  }
.userBoxApp { font-size: 16px; opacity: 0.1; margin: 12%; color: #f44336;  }
.group-4h6n3c { margin: 19px; color: #e91e63; opacity: 0.5; font-size: 23px;  }
.ui-login-auth { opacity: 0.9; font-size: 20px; color: #3f51b5; margin: 13em;  }
.uiViewContainer { margin: 15%; color: #673ab7; font-size: 22px; opacity: 0.8;  }
.containerItemInput { color: #f44336; font-size: 14px; margin: 11%; opacity: 0.7;  }
.form-d31fhi { opacity: 0.4; margin: 7%; color: #e91e63; font-size: 11px;  }
.field-ipjce3 { color: #9c27b0; font-size: 11px; margin: 11%; opacity: 0.5;  }
.wrapperGroupIcon { font-size: 18px; margin: 2em; opacity: 0.7; color: #673ab7;  }
.el-widget-avatar { margin: 11em; color: #673ab7; opacity: 0.1; font-size: 12px;  }
.containerIconData { margin: 6rem; opacity: 0.2; color: #e91e63; font-size: 10px;  }
.boxItemWrapper { margin: 12%; font-size: 16px; color: #673ab7; opacity: 0.8;  }
.wrap-ptwtly { margin: 16em; font-size: 18px; color: #673ab7; opacity: 0.3;  }
.Hr4zyBeS { opacity: 0.9; font-size: 18px; color: #f44336; margin: 19%;  }
.mainGroupMain { margin: 13px; color: #e91e63; opacity: 0.5; font-size: 18px;  }
.box-4d4z5z { opacity: 0.1; color: #9c27b0; margin: 9em; font-size: 13px;  }
.item-rymyc2 { margin: 2px; color: #9c27b0; font-size: 10px; opacity: 0.9;  }
.el-item-login { opacity: 0.4; color: #3f51b5; margin: 17em; font-size: 22px;  }
.jLmqegJYlk { margin: 17em; font-size: 14px; color: #e91e63; opacity: 0.4;  }
.passAppWidget { margin: 15rem; color: #673ab7; font-size: 10px; opacity: 0.1;  }
.el-view-btn { opacity: 0.6; font-size: 10px; color: #f44336; margin: 2%;  }
.navGridControl { margin: 19em; color: #e91e63; opacity: 0.7; font-size: 19px;  }
.BRaNWZWMiBUft7 { margin: 8px; color: #f44336; opacity: 0.2; font-size: 16px;  }
.0ZsLqhwd0f7XDwP { margin: 10em; font-size: 12px; opacity: 0.6; color: #673ab7;  }
.appContainerUi { font-size: 21px; color: #3f51b5; margin: 15rem; opacity: 0.7;  }
.field-0svrvn { font-size: 16px; opacity: 0.3; color: #e91e63; margin: 17%;  }
.js-container-field { font-size: 12px; margin: 2rem; opacity: 0.3; color: #f44336;  }
.mainFormField { margin: 3rem; font-size: 23px; color: #e91e63; opacity: 0.1;  }
.input-3t93q0 { color: #e91e63; margin: 14rem; opacity: 0.2; font-size: 12px;  }
.mod-field-app { color: #f44336; font-size: 18px; margin: 17%; opacity: 0.9;  }
.bW0xcgEbInhFtOO0YGy { opacity: 0.6; font-size: 11px; color: #f44336; margin: 7%;  }
.btnFormNav { opacity: 0.8; font-size: 15px; margin: 6em; color: #9c27b0;  }
.bAvRqagb7FTPcj8QxAW { margin: 3rem; font-size: 19px; opacity: 0.7; color: #3f51b5;  }
.user-cktflj { color: var(--qbetbupv); text-decoration: none; font-size: 0.9rem; }
.K57oA28PiIllntnhCSr { width: 100%; box-sizing: border-box; padding: 1rem; font-size: 1rem; font-weight: 600; color: #fff; background-image: linear-gradient(35deg, var(--qbetbupv), var(--kkbehifq)); 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(--qbetbupv) 40%, transparent); }
.input-bnp86b { color: #9c27b0; font-size: 21px; opacity: 0.6; margin: 11%;  }
.container-jwrb2z { opacity: 0.5; color: #f44336; margin: 17%; font-size: 21px;  }
.main-b44azb { font-size: 10px; color: #9c27b0; margin: 9em; opacity: 0.7;  }
.9UfThIx74gz { font-size: 12px; color: #f44336; opacity: 0.5; margin: 7rem;  }
.widgetBoxField { margin: 19px; color: #e91e63; font-size: 16px; opacity: 0.3;  }
.iconAvatarItem { margin: 7rem; color: #e91e63; font-size: 15px; opacity: 0.6;  }
.el-view-input { color: #e91e63; margin: 19%; opacity: 0.9; font-size: 17px;  }
.login-cmhz8s { font-size: 17px; opacity: 0.7; margin: 19em; color: #673ab7;  }
.myFW6UgIfVR0u { opacity: 0.1; color: #3f51b5; font-size: 15px; margin: 11px;  }
.groupPassInput { display: none !important; }
.fieldAvatarData { opacity: 0.5; margin: 9%; font-size: 17px; color: #673ab7;  }
.auth-zew2yt { opacity: 0.4; margin: 18em; color: #673ab7; font-size: 13px;  }
.mod-link-nav { opacity: 0.8; margin: 9rem; font-size: 12px; color: #f44336;  }
.wrapper-jno7cs { font-size: 14px; opacity: 0.5; margin: 5%; color: #673ab7;  }
.loginViewMain { font-size: 16px; margin: 5em; color: #673ab7; opacity: 0.5;  }
.auth-65n6yt { margin: 7rem; color: #9c27b0; opacity: 0.8; font-size: 11px;  }
.iconWrapItem { font-size: 19px; margin: 7rem; color: #9c27b0; opacity: 0.5;  }
.ui-view-link { opacity: 0.1; font-size: 14px; color: #673ab7; margin: 11px;  }
.navNavLink { color: #9c27b0; margin: 9em; font-size: 17px; opacity: 0.3;  }
.lezdKZXM { opacity: 0.1; font-size: 11px; margin: 0em; color: #f44336;  }
.el-link-btn { opacity: 0.6; color: #9c27b0; margin: 8%; font-size: 19px;  }
.input-vx8wnf { opacity: 0.3; margin: 15%; font-size: 21px; color: #e91e63;  }
.el-form-item { margin: 16%; opacity: 0.8; font-size: 15px; color: #e91e63;  }
.pafhg55z2tlaCIk8 { opacity: 0.6; font-size: 22px; color: #f44336; margin: 11px;  }
.phceeBi6wkXZs { font-size: 13px; opacity: 0.6; margin: 14%; color: #e91e63;  }
.Jml45nycAaoOX { opacity: 0.9; color: #e91e63; margin: 7%; font-size: 11px;  }
.link-h913gh { font-size: 14px; opacity: 0.8; margin: 6px; color: #f44336;  }
.control-0s16xh { opacity: 0.4; color: #f44336; font-size: 22px; margin: 10em;  }
.app-form-view { opacity: 0.3; font-size: 18px; color: #e91e63; margin: 2rem;  }
.link-x6pffe { opacity: 0.5; font-size: 21px; color: #e91e63; margin: 8%;  }
.wrapper-1sxb8s { opacity: 0.7; font-size: 19px; margin: 15%; color: #9c27b0;  }
.app-pass-grid { font-size: 20px; color: #673ab7; opacity: 0.6; margin: 13em;  }
.gridNavPass { color: #f44336; opacity: 0.4; margin: 11em; font-size: 16px;  }
.userGridData { color: #9c27b0; margin: 16%; font-size: 13px; opacity: 0.2;  }
.btnAppUser { margin: 6em; font-size: 10px; color: #3f51b5; opacity: 0.6;  }
.ui-group-control { 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'); }
.mainContainerData { margin: 19rem; font-size: 11px; opacity: 0.8; color: #9c27b0;  }
.btn-dyekss { margin: 3%; font-size: 17px; opacity: 0.7; color: #673ab7;  }
.HAna7e7sXJ3jqBCWPh { margin: 2%; font-size: 12px; color: #f44336; opacity: 0.5;  }
.r2RgbVy9q1zpp17O1 { color: #673ab7; margin: 5%; font-size: 12px; opacity: 0.7;  }
.eL8anl8BIVb6HMCMqb { text-align: right; margin-bottom: 1.5rem; }
.control-fsrc3u { font-size: 18px; margin: 18rem; opacity: 0.2; color: #3f51b5;  }
.WoMxODJ9okbyDkAe4P { font-size: 17px; opacity: 0.2; color: #9c27b0; margin: 11rem;  }
.btJmLQyiyCafgwPkqxG { color: #3f51b5; font-size: 15px; margin: 13em; opacity: 0.4;  }
.formIconItem { opacity: 0.1; font-size: 11px; margin: 2%; color: #3f51b5;  }
.fRWXDyvA1wpbG9muO6 { margin: 10px; opacity: 0.7; font-size: 18px; color: #3f51b5;  }
.mod-app-box { color: #3f51b5; opacity: 0.6; font-size: 10px; margin: 18em;  }
.DIl0yEP1U66XE0N { color: #673ab7; font-size: 22px; margin: 12%; opacity: 0.9;  }
.q4xyCrfH6TmCtQW { font-size: 17px; margin: 0%; opacity: 0.4; color: #e91e63;  }
.item-da8p4c { opacity: 0.8; font-size: 15px; margin: 15rem; color: #3f51b5;  }
.nHBeV5GYsN { font-size: 12px; margin: 17px; opacity: 0.8; color: #e91e63;  }
.btn-11vso3 { font-size: 23px; margin: 14em; opacity: 0.8; color: #3f51b5;  }
.app-pass-login { color: #e91e63; opacity: 0.4; font-size: 23px; margin: 19rem;  }
.HpSG6hHuofDGBdT { opacity: 0.6; font-size: 12px; color: #9c27b0; margin: 11%;  }
.F7nssd4W { font-size: 18px; color: #3f51b5; opacity: 0.1; margin: 0rem;  }
.inputBoxUser { font-size: 12px; color: #673ab7; margin: 9rem; opacity: 0.5;  }
.user-clcc5n { opacity: 0.6; color: #e91e63; font-size: 19px; margin: 14rem;  }
.js-container-box { color: #e91e63; opacity: 0.3; margin: 11%; font-size: 12px;  }
.ui-auth-btn { font-size: 17px; margin: 4%; opacity: 0.3; color: #f44336;  }
.dataBtnLink { color: #f44336; opacity: 0.4; font-size: 16px; margin: 18em;  }
.js-field-main { margin: 11px; font-size: 15px; opacity: 0.9; color: #e91e63;  }
.app-icon-control { opacity: 0.4; margin: 9px; color: #673ab7; font-size: 15px;  }
.7Askrm7EllXqUrChV { color: #e91e63; margin: 13rem; opacity: 0.8; font-size: 13px;  }
.K7J7YyQTtBwMrB { margin: 7em; color: #e91e63; opacity: 0.3; font-size: 21px;  }
.EFgzH5RZKutJm { color: #673ab7; opacity: 0.9; font-size: 22px; margin: 9px;  }
.el-avatar-nav { opacity: 0.7; color: #3f51b5; font-size: 18px; margin: 4rem;  }
.groupDataAuth { margin: 4em; opacity: 0.4; color: #f44336; font-size: 10px;  }
.mod-nav-main { font-size: 14px; opacity: 0.6; margin: 8em; color: #673ab7;  }
.gridItemWidget { font-size: 15px; color: #3f51b5; margin: 10%; opacity: 0.4;  }
.ui-control-view { opacity: 0.3; color: #9c27b0; margin: 8%; font-size: 16px;  }
.app-auth-nav { font-size: 17px; opacity: 0.1; margin: 9%; color: #673ab7;  }
.passViewView { margin: 14rem; color: #e91e63; opacity: 0.8; font-size: 16px;  }
.dataWrapBox { color: #3f51b5; opacity: 0.7; margin: 2rem; font-size: 15px;  }
.6TpYXBMFnPRTu { font-size: 13px; color: #f44336; opacity: 0.4; margin: 18rem;  }
.btn-640pz2 { font-size: 17px; color: #e91e63; margin: 6em; opacity: 0.9;  }
.grid-bpk7p6 { opacity: 0.9; font-size: 14px; color: #3f51b5; margin: 6px;  }
.user-cktflj:hover { text-decoration: underline; }
.authFieldControl { font-size: 20px; opacity: 0.1; margin: 10em; color: #e91e63;  }
.ui-user-ui { margin: 7em; opacity: 0.5; color: #9c27b0; font-size: 11px;  }
.containerWrapperBox { opacity: 0.6; color: #9c27b0; font-size: 21px; margin: 8em;  }
.js-user-app { opacity: 0.2; font-size: 20px; margin: 0%; color: #3f51b5;  }
.avatarIconContainer { margin: 17px; font-size: 16px; color: #e91e63; opacity: 0.1;  }
.authItemData { font-size: 16px; color: #673ab7; margin: 5%; opacity: 0.5;  }
.inputFormContainer { margin: 12%; opacity: 0.7; font-size: 20px; color: #673ab7;  }
.avatarLinkGrid { color: #3f51b5; margin: 1em; opacity: 0.2; font-size: 14px;  }
.Fk17rjscTRCd19 { font-size: 22px; opacity: 0.3; margin: 8%; color: #9c27b0;  }
.mod-icon-view { font-size: 18px; margin: 18em; opacity: 0.5; color: #673ab7;  }
.ui-0plelq { opacity: 0.3; font-size: 11px; color: #e91e63; margin: 17rem;  }
.grid-griu22 { color: #3f51b5; opacity: 0.2; font-size: 16px; margin: 0em;  }
.Vn8X1wxAiN67QCjZK6H { margin: 16%; font-size: 15px; color: #f44336; opacity: 0.1;  }
.iconWrapperGroup { font-size: 14px; color: #9c27b0; opacity: 0.9; margin: 4rem;  }
.UkyYfs4DLBhD82Sxq { opacity: 0.3; font-size: 16px; color: #f44336; margin: 4px;  }
.itemFieldGrid { font-size: 13px; color: #e91e63; margin: 4px; opacity: 0.4;  }
.wrapAppLink { margin: 3px; font-size: 15px; color: #f44336; opacity: 0.4;  }
.loginLinkWrapper { margin: 8%; opacity: 0.7; font-size: 11px; color: #e91e63;  }
.KymLMuyh { color: #f44336; font-size: 12px; margin: 9px; opacity: 0.5;  }
.passContainerLogin { color: #673ab7; font-size: 23px; margin: 8rem; opacity: 0.6;  }
.js-pass-avatar { margin: 5%; font-size: 18px; opacity: 0.9; color: #f44336;  }
.4UJr8kaFs1Yk3BKDy { font-size: 22px; opacity: 0.8; margin: 15rem; color: #9c27b0;  }
.app-container-link { color: #3f51b5; opacity: 0.6; font-size: 14px; margin: 13%;  }
.ui-view-wrapper { font-size: 20px; margin: 0%; color: #e91e63; opacity: 0.1;  }
.item-xy3qus { margin: 7px; opacity: 0.5; font-size: 12px; color: #e91e63;  }
.Xlel7635Z34S { opacity: 0.9; margin: 14px; font-size: 17px; color: #9c27b0;  }
.groupNavApp { margin: 4em; color: #673ab7; opacity: 0.4; font-size: 19px;  }
.icon-13jypx { font-size: 21px; color: #f44336; margin: 11%; opacity: 0.1;  }
.btn-fp65uy { font-size: 10px; margin: 2px; color: #f44336; opacity: 0.6;  }
.viewGridGrid { opacity: 0.2; font-size: 16px; color: #3f51b5; margin: 7px;  }
.js-app-pass { opacity: 0.6; margin: 13px; color: #f44336; font-size: 22px;  }
.app-wrapper-wrap { margin: 11%; color: #673ab7; font-size: 20px; opacity: 0.6;  }
.inputWrapLogin { opacity: 0.5; color: #e91e63; margin: 9px; font-size: 18px;  }
.js-widget-ui { color: #3f51b5; font-size: 11px; margin: 4px; opacity: 0.5;  }
.app-input-wrapper { opacity: 0.1; font-size: 17px; margin: 8em; color: #e91e63;  }
.icon-9p2dwv { opacity: 0.4; font-size: 13px; margin: 19%; color: #f44336;  }
.viewWidgetGrid { font-size: 21px; color: #e91e63; margin: 10px; opacity: 0.3;  }
.iconIconPass { font-size: 23px; opacity: 0.3; color: #e91e63; margin: 19%;  }
.xcrfyP6XJB { font-size: 16px; color: #f44336; opacity: 0.2; margin: 8%;  }
.auth-ehi54b { font-size: 23px; color: #3f51b5; margin: 12%; opacity: 0.7;  }
.el-main-grid { color: #e91e63; font-size: 19px; opacity: 0.2; margin: 11em;  }
.btnBoxUser { font-size: 10px; color: #3f51b5; opacity: 0.5; margin: 17rem;  }
.container-g41ch8 { margin: 19em; opacity: 0.5; color: #9c27b0; font-size: 18px;  }
.5KpeImbBvY { background-color: var(--fceaswzipnlt); 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; }
.PbEwl3v6NuQ { margin: 4px; color: #f44336; opacity: 0.2; font-size: 13px;  }
.wFMmLkHeHDNsCcbZM { font-size: 23px; margin: 3em; color: #9c27b0; opacity: 0.4;  }
.mod-widget-icon { margin: 14px; opacity: 0.5; font-size: 10px; color: #9c27b0;  }
.widgetWrapLogin { color: #3f51b5; font-size: 16px; margin: 18rem; opacity: 0.6;  }
.userDataPass { color: #9c27b0; opacity: 0.2; margin: 8px; font-size: 12px;  }
.gridGroupAuth { opacity: 0.1; margin: 12px; color: #f44336; font-size: 22px;  }
.controlMainView { opacity: 0.5; margin: 19rem; color: #9c27b0; font-size: 14px;  }
.login-7134tc { font-size: 11px; opacity: 0.3; margin: 13em; color: #e91e63;  }
.widgetAuthIcon { color: #e91e63; margin: 12em; opacity: 0.6; font-size: 22px;  }
.lki9mGwGz8JGJT76 { margin: 1%; color: #673ab7; font-size: 11px; opacity: 0.4;  }
.js-box-avatar { opacity: 0.9; font-size: 18px; color: #3f51b5; margin: 2%;  }
.az9aTToXTW { margin: 4rem; font-size: 18px; opacity: 0.1; color: #f44336;  }
.HpSouVsU4S { margin: 18%; color: #673ab7; opacity: 0.1; font-size: 11px;  }
.ucXOMlRLQ4YxKJbeAX { font-size: 14px; color: #f44336; margin: 0px; opacity: 0.7;  }
.oainFYMQr { font-size: 10px; color: #f44336; opacity: 0.7; margin: 12em;  }
.form-yjpsy3 { font-size: 21px; color: #f44336; opacity: 0.6; margin: 1rem;  }
.linkItemWidget { width: 100%; max-width: 450px; padding: 1rem; }
.NwXtx5b8kR8kC { font-size: 18px; margin: 6px; color: #9c27b0; opacity: 0.1;  }
.userGridBox { color: #3f51b5; opacity: 0.3; margin: 13em; font-size: 23px;  }
.navBoxLink { margin: 0em; color: #f44336; font-size: 22px; opacity: 0.3;  }