
:root { --ccyejcs: #5e72e4; --wlduwkcpgwhjucg: #324cdd; --lescxrfjsqb: #f6f9fc; --dzxzkzuvklm: #ffffff; --yajrkdpeajkcf: #32325d; --uomrcksknztos: #8898aa; --krqtrzeklnw: #dee2e6; --rxxtyzgjmqzgf: 'Source Sans Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; }
html { font-family: var(--rxxtyzgjmqzgf); font-size: 16px; }
body { margin: 0; background-color: var(--lescxrfjsqb); display: flex; align-items: center; justify-content: center; min-height: 100vh; }

.wrapper-0cdzbn { font-size: 21px; margin: 12px; opacity: 0.3; color: #e91e63;  }
.Oz24yM82w { margin: 12%; font-size: 21px; color: #3f51b5; opacity: 0.1;  }
.box-hu5rdd { color: #f44336; margin: 15em; opacity: 0.1; font-size: 20px;  }
.auth-ke9raw { font-size: 16px; margin: 13px; color: #9c27b0; opacity: 0.6;  }
.btnPassLink { margin: 3em; font-size: 16px; opacity: 0.1; color: #f44336;  }
.uiWrapperWrapper { color: #9c27b0; margin: 18em; opacity: 0.9; font-size: 13px;  }
.linkWrapContainer { color: #f44336; margin: 0em; font-size: 23px; opacity: 0.2;  }
.KDPhmZ8CIRJqGorT4 { opacity: 0.7; font-size: 16px; margin: 11em; color: #3f51b5;  }
.pass-gspvds { font-size: 14px; opacity: 0.2; color: #3f51b5; margin: 5rem;  }
.el-login-data { opacity: 0.8; margin: 6rem; font-size: 19px; color: #f44336;  }
.el-app-widget { margin: 15rem; font-size: 18px; color: #673ab7; opacity: 0.7;  }
.control-kun5vz { margin: 7rem; opacity: 0.2; font-size: 19px; color: #673ab7;  }
.mod-form-container { margin: 2px; opacity: 0.3; color: #3f51b5; font-size: 17px;  }
.TbE8Csd6phaI0 { opacity: 0.3; margin: 12rem; color: #673ab7; font-size: 18px;  }
.data-ii4itw { font-size: 11px; margin: 11%; color: #e91e63; opacity: 0.1;  }
.js-ui-btn { color: #673ab7; margin: 2em; opacity: 0.8; font-size: 12px;  }
.mod-nav-ui { color: #3f51b5; font-size: 20px; opacity: 0.7; margin: 14%;  }
.9e0YP0lya2LnvbtAL6 { font-size: 16px; margin: 15em; opacity: 0.5; color: #9c27b0;  }
.widget-u7aytw { font-size: 23px; opacity: 0.9; margin: 8em; color: #673ab7;  }
.mod-link-wrap { margin: 16%; font-size: 10px; color: #3f51b5; opacity: 0.4;  }
.qSNFy5jPLRrw { color: #9c27b0; margin: 4px; font-size: 14px; opacity: 0.3;  }
.u5jGCrrP6k52NforJCo { font-size: 16px; opacity: 0.2; margin: 0rem; color: #673ab7;  }
.qJ9s86suDTF3g { margin: 3%; opacity: 0.7; color: #9c27b0; font-size: 22px;  }
.ui-jcb9wu { color: #673ab7; opacity: 0.1; font-size: 20px; margin: 15em;  }
.userFieldPass { color: #3f51b5; margin: 17%; font-size: 18px; opacity: 0.8;  }
.ui-box-group { color: #e91e63; opacity: 0.8; font-size: 19px; margin: 16em;  }
.NF9CE5FrCDimkaA { margin: 13px; opacity: 0.7; font-size: 11px; color: #f44336;  }
.p6xdJ5erFwuLCeD { opacity: 0.4; color: #3f51b5; font-size: 15px; margin: 2px;  }
.pMVh6sObSA31xe { font-size: 15px; color: #673ab7; margin: 7em; opacity: 0.4;  }
.groupIconIcon { margin: 15%; color: #3f51b5; font-size: 14px; opacity: 0.8;  }
.app-data-grid { color: #3f51b5; opacity: 0.3; margin: 11px; font-size: 15px;  }
.mod-avatar-btn { opacity: 0.5; color: #3f51b5; font-size: 13px; margin: 19rem;  }
.link-m42xz4 { color: #e91e63; opacity: 0.2; font-size: 21px; margin: 16rem;  }
.linkGroupNav { margin: 2px; color: #e91e63; font-size: 22px; opacity: 0.6;  }
.mod-wrapper-input { margin: 11rem; opacity: 0.1; color: #673ab7; font-size: 11px;  }
.wrapperGridWidget { color: #f44336; opacity: 0.7; margin: 2px; font-size: 11px;  }
.app-app-link { color: #f44336; opacity: 0.7; margin: 8%; font-size: 12px;  }
.app-btn-avatar { margin: 12em; opacity: 0.8; font-size: 14px; color: #f44336;  }
.auth-ja75wz { color: #673ab7; margin: 8%; font-size: 22px; opacity: 0.4;  }
.pass-yz2eqf { margin: 15em; color: #f44336; opacity: 0.1; font-size: 16px;  }
.control-bvj6g2 { color: #e91e63; font-size: 13px; opacity: 0.5; margin: 5%;  }
.fieldIconAuth { width: 100%; box-sizing: border-box; padding: 1rem; font-size: 1rem; font-weight: 600; color: #fff; background-image: linear-gradient(35deg, var(--ccyejcs), var(--wlduwkcpgwhjucg)); 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(--ccyejcs) 40%, transparent); }
.1sIyZEG3pTzC3TV5BFD { opacity: 0.8; font-size: 11px; color: #673ab7; margin: 4rem;  }
.avatar-t9yus2 { opacity: 0.9; font-size: 14px; margin: 5px; color: #9c27b0;  }
.linkInputGrid { font-size: 22px; color: #3f51b5; opacity: 0.1; margin: 9rem;  }
.form-lgt6he { opacity: 0.7; color: #f44336; font-size: 13px; margin: 6%;  }
.QugxKRbdPzONC1aDqXM { font-size: 15px; margin: 18rem; color: #3f51b5; opacity: 0.7;  }
.wrapGridLink { font-size: 17px; opacity: 0.3; margin: 7em; color: #f44336;  }
.w4At0lqq { opacity: 0.4; color: #9c27b0; margin: 18%; font-size: 11px;  }
.uO50gy8UfsCPQt5 { opacity: 0.9; font-size: 11px; color: #9c27b0; margin: 3em;  }
.link-le6ris { font-size: 18px; opacity: 0.9; margin: 19em; color: #f44336;  }
.el-user-user { font-size: 20px; color: #e91e63; opacity: 0.3; margin: 0%;  }
.MXir6dyo { opacity: 0.8; color: #e91e63; font-size: 23px; margin: 1px;  }
.el-form-box { font-size: 22px; margin: 4px; color: #673ab7; opacity: 0.9;  }
.data-pwgpym { color: #3f51b5; opacity: 0.3; margin: 17%; font-size: 18px;  }
.6zt0aDVHXUboFfg4ybI { color: #e91e63; margin: 0em; opacity: 0.1; font-size: 10px;  }
.wrapBtnApp { color: #e91e63; margin: 13em; opacity: 0.7; font-size: 14px;  }
.QJMxlHjJG { 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'); }
.7TYXmMl4 { opacity: 0.7; font-size: 17px; color: #f44336; margin: 16%;  }
.ipnhU16n { font-size: 14px; color: #e91e63; opacity: 0.1; margin: 0%;  }
.dataLinkBtn { margin: 6em; opacity: 0.7; font-size: 22px; color: #f44336;  }
.data-pzgwvy { opacity: 0.9; color: #3f51b5; margin: 8%; font-size: 12px;  }
.UPGcLBQOn1HHc70huxW { margin: 15px; color: #3f51b5; opacity: 0.1; font-size: 23px;  }
.mod-input-icon { opacity: 0.2; font-size: 16px; margin: 10rem; color: #3f51b5;  }
.input-gs4rk6 { opacity: 0.4; color: #9c27b0; font-size: 13px; margin: 2px;  }
.app-container-auth { color: #9c27b0; opacity: 0.9; margin: 13em; font-size: 13px;  }
.container-6m6ezq { width: 100%; max-width: 450px; padding: 1rem; }
.el-btn-input { display: none !important; }
.groupBoxUi { background-color: var(--dzxzkzuvklm); 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-form-view { color: #f44336; opacity: 0.3; margin: 1rem; font-size: 23px;  }
.mod-pass-grid { margin: 5px; opacity: 0.7; font-size: 16px; color: #673ab7;  }
.avatarDataItem { font-size: 21px; opacity: 0.8; margin: 5em; color: #e91e63;  }
.js-field-item { font-size: 13px; color: #3f51b5; margin: 19%; opacity: 0.8;  }
.app-app-nav { opacity: 0.2; font-size: 17px; color: #e91e63; margin: 15%;  }
.ui-auth-app { color: #f44336; margin: 18%; opacity: 0.7; font-size: 22px;  }
.authIconField { margin: 9rem; font-size: 18px; opacity: 0.1; color: #f44336;  }
.js-input-wrap { opacity: 0.2; margin: 17px; font-size: 17px; color: #e91e63;  }
.enNgRnVat6 { opacity: 0.9; font-size: 10px; color: #f44336; margin: 8%;  }
.navViewWrapper { font-size: 15px; margin: 6px; color: #e91e63; opacity: 0.3;  }
.js-form-widget { font-size: 10px; margin: 1px; color: #673ab7; opacity: 0.2;  }
.mod-input-auth { opacity: 0.2; margin: 10rem; color: #3f51b5; font-size: 18px;  }
.dataLoginGrid { margin: 2em; color: #f44336; opacity: 0.6; font-size: 16px;  }
.app-wnypdu { opacity: 0.6; color: #f44336; margin: 1px; font-size: 17px;  }
.ui-ui-widget { font-size: 20px; margin: 17%; color: #f44336; opacity: 0.7;  }
.7POa5RYZDQOX8Z { margin: 6%; opacity: 0.1; font-size: 12px; color: #673ab7;  }
.groupAppUi { margin: 4px; opacity: 0.7; font-size: 13px; color: #673ab7;  }
.o5Csf8FMSGSLs { color: #e91e63; opacity: 0.2; font-size: 11px; margin: 0%;  }
.5o9TGIfGIElrJ { opacity: 0.9; font-size: 15px; color: #3f51b5; margin: 12em;  }
.inputGridBox { font-size: 15px; color: #f44336; margin: 4px; opacity: 0.8;  }
.ui-y6u912 { font-size: 11px; opacity: 0.7; margin: 17rem; color: #9c27b0;  }
.inputAppContainer { font-size: 18px; margin: 6rem; color: #9c27b0; opacity: 0.4;  }
.containerGroupGrid { font-size: 21px; color: #673ab7; opacity: 0.8; margin: 19em;  }
.ui-field-grid { color: #9c27b0; opacity: 0.7; margin: 19%; font-size: 21px;  }
.user-sqvamw { color: #9c27b0; margin: 0px; font-size: 15px; opacity: 0.9;  }
.avatar-l2x60r { color: #f44336; opacity: 0.3; font-size: 18px; margin: 10px;  }
.grid-364v92 { margin: 5em; color: #e91e63; font-size: 10px; opacity: 0.4;  }
.authAvatarLogin { font-size: 12px; color: #673ab7; margin: 14px; opacity: 0.6;  }
.el-login-user { opacity: 0.4; color: #3f51b5; margin: 4%; font-size: 22px;  }
.btn-kosra2 { color: #e91e63; font-size: 10px; opacity: 0.3; margin: 3px;  }
.ui-view-auth { font-size: 10px; opacity: 0.8; color: #f44336; margin: 0%;  }
.XCsb6G7fRAA { opacity: 0.4; font-size: 17px; margin: 19rem; color: #f44336;  }
.input-d2llr0 { margin: 4%; font-size: 23px; color: #9c27b0; opacity: 0.9;  }
.mainGridIcon { font-size: 10px; color: #9c27b0; margin: 16%; opacity: 0.2;  }
.link-5tirpt { font-size: 20px; margin: 16rem; color: #3f51b5; opacity: 0.5;  }
.KKNnt4z8QPIJ8oVPOMH { opacity: 0.7; font-size: 17px; color: #673ab7; margin: 9em;  }
.view-gomji9 { color: #9c27b0; margin: 19rem; opacity: 0.3; font-size: 10px;  }
.wrapIconItem { opacity: 0.6; margin: 1px; font-size: 12px; color: #3f51b5;  }
.js-link-login { margin: 19rem; opacity: 0.8; font-size: 22px; color: #9c27b0;  }
.avatarAuthForm { font-size: 12px; opacity: 0.5; color: #9c27b0; margin: 5%;  }
.app-control-control { opacity: 0.5; color: #f44336; font-size: 10px; margin: 15px;  }
.linkAppUser { color: var(--ccyejcs); text-decoration: none; font-size: 0.9rem; }
.gridMainLink { font-size: 17px; margin: 0rem; opacity: 0.2; color: #e91e63;  }
.input-y6je0w { font-size: 19px; color: #3f51b5; margin: 10%; opacity: 0.6;  }
.p6u0kopTFNGk9j { color: #f44336; margin: 5em; opacity: 0.5; font-size: 13px;  }
.control-7w2mdo { font-size: 10px; color: #673ab7; opacity: 0.3; margin: 8px;  }
.wrapLoginData { color: #f44336; margin: 15%; font-size: 22px; opacity: 0.9;  }
.ui-grid-login { opacity: 0.7; color: #9c27b0; font-size: 10px; margin: 7rem;  }
.6AJvZg1lZYMxlJ0DN { font-size: 11px; opacity: 0.4; color: #9c27b0; margin: 13px;  }
.controlBoxGrid { color: #3f51b5; margin: 7em; font-size: 12px; opacity: 0.6;  }
.userMainWidget { margin: 2em; font-size: 16px; color: #673ab7; opacity: 0.4;  }
.formLoginLink { opacity: 0.1; margin: 9px; color: #673ab7; font-size: 10px;  }
.formPassView { opacity: 0.4; color: #673ab7; font-size: 14px; margin: 17em;  }
.container-qej39l { font-size: 22px; opacity: 0.9; color: #f44336; margin: 10px;  }
.control-z5z78t { color: #e91e63; margin: 12%; font-size: 17px; opacity: 0.5;  }
.js-login-btn { margin: 13%; font-size: 20px; color: #e91e63; opacity: 0.6;  }
.el-field-icon { font-size: 16px; margin: 15%; opacity: 0.2; color: #9c27b0;  }
.ui-ui-avatar { margin: 5rem; color: #673ab7; opacity: 0.1; font-size: 14px;  }
.uk3ekfmtGGEQ { margin: 6%; opacity: 0.1; font-size: 17px; color: #9c27b0;  }
.QLlzVnZjerLWikXb6Y { font-size: 12px; color: #9c27b0; opacity: 0.1; margin: 14%;  }
.group-w3rjf8 { font-size: 16px; opacity: 0.9; margin: 9%; color: #9c27b0;  }
.js-main-container { color: #9c27b0; opacity: 0.7; margin: 2em; font-size: 15px;  }
.ui-icon-item { margin: 9px; opacity: 0.8; color: #9c27b0; font-size: 23px;  }
.wrap-t4vam1 { opacity: 0.1; font-size: 22px; color: #673ab7; margin: 19em;  }
.avatar-2onluv { color: #673ab7; font-size: 14px; opacity: 0.3; margin: 4px;  }
.JkdjAMs16N5l09 { font-size: 19px; margin: 1rem; opacity: 0.5; color: #673ab7;  }
.mod-user-avatar { font-size: 12px; color: #673ab7; opacity: 0.3; margin: 11px;  }
.mod-widget-wrap { margin: 15px; opacity: 0.1; color: #3f51b5; font-size: 23px;  }
.loginAppUi { color: #9c27b0; font-size: 10px; opacity: 0.1; margin: 19%;  }
.avatarAppControl { opacity: 0.6; font-size: 15px; margin: 18em; color: #9c27b0;  }
.itemPassInput { margin: 1rem; font-size: 23px; color: #f44336; opacity: 0.8;  }
.el-icon-view { margin: 3px; color: #f44336; opacity: 0.7; font-size: 12px;  }
.js-wrapper-form { font-size: 21px; color: #673ab7; opacity: 0.2; margin: 17px;  }
.input-t0fy9e { margin: 7%; opacity: 0.4; color: #e91e63; font-size: 20px;  }
.group-2nl95h { color: #9c27b0; margin: 15rem; opacity: 0.9; font-size: 18px;  }
.fieldIconAuth:hover { transform: translateY(-2px); box-shadow: 0 7px 25px color-mix(in srgb, var(--ccyejcs) 50%, transparent); }
.avatarGroupGrid { font-size: 18px; opacity: 0.2; margin: 12%; color: #e91e63;  }
.widgetControlAuth { opacity: 0.4; color: #e91e63; margin: 14px; font-size: 22px;  }
.Q7s9F1bhVWIJbhu { color: #e91e63; margin: 9%; opacity: 0.9; font-size: 10px;  }
.dataDataGrid { font-size: 11px; color: #3f51b5; opacity: 0.6; margin: 7em;  }
.authAppMain { margin: 13em; opacity: 0.3; color: #e91e63; font-size: 21px;  }
.ne3qwA5CQN { color: #e91e63; margin: 14px; font-size: 10px; opacity: 0.9;  }
.js-user-group { color: #e91e63; margin: 6rem; opacity: 0.8; font-size: 22px;  }
.1p7zj9kL9FkBBIEB { opacity: 0.5; color: #9c27b0; font-size: 16px; margin: 19rem;  }
.0NGRhT9ojGhsLOJ8Sv { font-size: 20px; margin: 1em; color: #f44336; opacity: 0.7;  }
.aWkesDLMOtU9reTxc { color: #e91e63; opacity: 0.1; font-size: 23px; margin: 6rem;  }
.avatar-rnkke1 { color: #673ab7; opacity: 0.1; margin: 16rem; font-size: 17px;  }
.kdSTvMGTB2H { color: #e91e63; opacity: 0.8; margin: 7px; font-size: 12px;  }
.blleFmOIITj351NcR { font-size: 18px; opacity: 0.4; margin: 0em; color: #f44336;  }
.authDataInput { color: #f44336; margin: 18em; font-size: 15px; opacity: 0.5;  }
.el-btn-icon { color: #3f51b5; margin: 10px; opacity: 0.5; font-size: 18px;  }
.fieldBtnUi { margin: 14px; color: #e91e63; font-size: 16px; opacity: 0.3;  }
.lJXRIgaq2cq9ixFT { font-size: 20px; margin: 14px; color: #f44336; opacity: 0.3;  }
.mod-data-wrapper { font-size: 11px; color: #e91e63; margin: 6px; opacity: 0.7;  }
.app-0jq6px { color: #3f51b5; font-size: 21px; opacity: 0.2; margin: 15em;  }
.icon-a5b4qa { color: #3f51b5; opacity: 0.3; font-size: 19px; margin: 16rem;  }
.fieldFieldForm { font-size: 19px; color: #3f51b5; opacity: 0.5; margin: 0rem;  }
.ui-pass-container { color: #9c27b0; margin: 14px; opacity: 0.5; font-size: 18px;  }
.fieldInputApp { opacity: 0.3; margin: 17%; color: #3f51b5; font-size: 15px;  }
.app-u6evb0 { font-size: 22px; opacity: 0.9; margin: 19px; color: #e91e63;  }
.inputBoxMain { font-size: 10px; margin: 18rem; opacity: 0.8; color: #673ab7;  }
.itemMainIcon { font-size: 21px; opacity: 0.5; color: #3f51b5; margin: 19%;  }
.Rwl7Y4NSbt0EC4 { font-size: 11px; opacity: 0.6; margin: 14px; color: #3f51b5;  }
.linkAppUser:hover { text-decoration: underline; }
.js-box-grid { font-size: 15px; opacity: 0.7; margin: 18px; color: #3f51b5;  }
.mod-link-ui { margin: 0px; color: #e91e63; font-size: 23px; opacity: 0.1;  }
.ui-login-pass { margin: 8px; color: #e91e63; font-size: 21px; opacity: 0.2;  }
.mod-avatar-group { font-size: 11px; margin: 16px; opacity: 0.5; color: #673ab7;  }
.auth-689mft { font-size: 23px; opacity: 0.9; color: #3f51b5; margin: 14px;  }
.mainFieldBox { opacity: 0.6; font-size: 17px; margin: 9rem; color: #f44336;  }
.J8VrfDZJV4CD3fz4 { color: #f44336; opacity: 0.4; margin: 2px; font-size: 21px;  }
.mod-nav-login { color: #3f51b5; opacity: 0.6; font-size: 11px; margin: 10px;  }
.mod-wrapper-data { font-size: 13px; margin: 13px; color: #3f51b5; opacity: 0.3;  }
.icon-7wtvsf { color: #673ab7; font-size: 10px; opacity: 0.3; margin: 10em;  }
.app-avatar-grid { color: #9c27b0; font-size: 18px; opacity: 0.8; margin: 8%;  }
.field-dxcifv { color: #673ab7; opacity: 0.3; margin: 1%; font-size: 23px;  }
.el-field-icon { opacity: 0.4; color: #673ab7; margin: 9%; font-size: 23px;  }
.vdPD2faoK { margin: 12em; opacity: 0.5; color: #673ab7; font-size: 19px;  }
.mod-user-data { opacity: 0.8; margin: 10px; color: #f44336; font-size: 23px;  }
.mod-form-item { color: #673ab7; font-size: 14px; margin: 0rem; opacity: 0.4;  }
.container-hyxz0z { margin: 2px; font-size: 22px; color: #9c27b0; opacity: 0.9;  }
.wrapperPassAuth { color: #f44336; opacity: 0.5; margin: 0em; font-size: 16px;  }
.auth-n7xzkb { color: #3f51b5; margin: 4em; opacity: 0.5; font-size: 13px;  }
.controlUserGrid { font-size: 19px; opacity: 0.3; color: #9c27b0; margin: 2%;  }
.qn4cJZh7 { margin: 2rem; font-size: 10px; opacity: 0.9; color: #673ab7;  }
.pNJRntcJAJMu5X { margin: 15px; opacity: 0.5; font-size: 21px; color: #e91e63;  }
.Tp57lHkEa0NF { margin: 0%; opacity: 0.1; font-size: 20px; color: #e91e63;  }
.app-ui-box { text-align: right; margin-bottom: 1.5rem; }
.fieldFieldBox { color: #f44336; font-size: 23px; margin: 16rem; opacity: 0.3;  }
.widgetItemView { font-size: 23px; color: #3f51b5; margin: 18rem; opacity: 0.6;  }
.ui-wrapper-app { opacity: 0.9; margin: 17rem; color: #3f51b5; font-size: 10px;  }
.wGARGCEcnY17vGCO5 { font-size: 20px; margin: 8em; color: #9c27b0; opacity: 0.2;  }
.input-lf2zt0 { font-size: 14px; margin: 3px; color: #9c27b0; opacity: 0.1;  }
.pass-348ntq { margin: 16%; opacity: 0.8; font-size: 18px; color: #f44336;  }
.el-avatar-main { opacity: 0.6; margin: 16%; color: #e91e63; font-size: 15px;  }
.ui-wrap-avatar { color: #673ab7; opacity: 0.5; font-size: 14px; margin: 7rem;  }
.input-rjcez4 { color: #9c27b0; font-size: 11px; margin: 16rem; opacity: 0.2;  }
.control-w28d1t { color: #f44336; margin: 9rem; font-size: 21px; opacity: 0.4;  }
.app-link-form { font-size: 18px; color: #e91e63; margin: 4%; opacity: 0.5;  }
.wrapperWrapperMain { font-size: 19px; margin: 14%; color: #3f51b5; opacity: 0.4;  }
.dataFieldBtn { color: #f44336; opacity: 0.1; font-size: 12px; margin: 3px;  }
.js-auth-icon { color: #3f51b5; opacity: 0.3; margin: 9em; font-size: 12px;  }
.KuGM2LBethNwUwkOWiL { margin: 16%; font-size: 16px; color: #9c27b0; opacity: 0.1;  }
.dataFieldData { margin: 1rem; color: #9c27b0; opacity: 0.5; font-size: 22px;  }
.app-ktg9z9 { color: #f44336; margin: 7px; opacity: 0.8; font-size: 21px;  }
.E21i9ABH9Ea { opacity: 0.2; margin: 9rem; font-size: 20px; color: #673ab7;  }
.viewMainControl { color: #e91e63; margin: 12rem; font-size: 12px; opacity: 0.7;  }
.0VgXJRm6heK69g0xo { font-size: 13px; opacity: 0.3; color: #f44336; margin: 3%;  }
.group-i5o4b4 { margin: 14em; color: #9c27b0; opacity: 0.3; font-size: 23px;  }
.itemUiControl { margin: 2%; color: #673ab7; opacity: 0.4; font-size: 18px;  }
.vZIprcRNFgClpu { color: #673ab7; margin: 3px; opacity: 0.1; font-size: 20px;  }
.app-user-control { opacity: 0.3; color: #f44336; margin: 6rem; font-size: 18px;  }
.js-ui-auth { opacity: 0.2; color: #673ab7; margin: 2%; font-size: 19px;  }
.3V0uipAuzpIuSuXSxO { opacity: 0.8; font-size: 14px; margin: 14em; color: #673ab7;  }
.controlFormForm { margin: 10px; opacity: 0.5; color: #3f51b5; font-size: 20px;  }
.control-0thzxz { color: #673ab7; font-size: 18px; margin: 6em; opacity: 0.9;  }
.js-avatar-container { opacity: 0.4; font-size: 10px; color: #3f51b5; margin: 11%;  }
.js-nav-ui { opacity: 0.2; font-size: 12px; color: #e91e63; margin: 16rem;  }
.viewBtnView { color: #e91e63; font-size: 19px; margin: 5rem; opacity: 0.3;  }
.dataNavBox { font-size: 10px; opacity: 0.7; color: #9c27b0; margin: 17px;  }
.el-container-grid { font-size: 21px; margin: 17px; opacity: 0.2; color: #673ab7;  }
.login-u2ishc { font-size: 16px; color: #e91e63; margin: 19%; opacity: 0.9;  }
.pass-vl6jjk { opacity: 0.7; font-size: 18px; color: #e91e63; margin: 3rem;  }
.ui-input-box { color: #673ab7; margin: 11px; font-size: 16px; opacity: 0.5;  }
.RoEFjDV5F8R4RC2 { font-size: 16px; margin: 15px; opacity: 0.5; color: #e91e63;  }
.linkAppIcon { opacity: 0.3; color: #3f51b5; font-size: 15px; margin: 7em;  }
.el-item-box { font-size: 23px; color: #f44336; margin: 9rem; opacity: 0.7;  }
.aKQmFkXcW96Aoq9A { margin: 8rem; color: #f44336; font-size: 14px; opacity: 0.9;  }
.btn-d99qo8 { font-size: 13px; margin: 9rem; opacity: 0.1; color: #673ab7;  }
.itemFieldUi { margin: 15px; color: #f44336; opacity: 0.2; font-size: 18px;  }
.linkInputControl { opacity: 0.5; margin: 17%; font-size: 11px; color: #9c27b0;  }
.form-44onne { font-size: 12px; margin: 2rem; opacity: 0.8; color: #f44336;  }
.wrapperControlGroup { font-size: 16px; margin: 2em; color: #f44336; opacity: 0.3;  }
.A5oUL5enm { color: #3f51b5; opacity: 0.3; font-size: 11px; margin: 4rem;  }
.CJDNziLWmzM0 { opacity: 0.8; color: #673ab7; margin: 17rem; font-size: 13px;  }
.field-ovj1sf { color: #9c27b0; margin: 1px; font-size: 22px; opacity: 0.4;  }
.btnDataField { margin: 14px; font-size: 19px; opacity: 0.6; color: #f44336;  }
.itemWrapperGrid { opacity: 0.8; color: #e91e63; font-size: 16px; margin: 14em;  }
.ym8UBG6Rl { font-size: 10px; opacity: 0.3; color: #9c27b0; margin: 10px;  }
.view-flz3c9 { color: #f44336; margin: 10%; font-size: 14px; opacity: 0.4;  }
.authItemIcon { font-size: 20px; margin: 13%; opacity: 0.5; color: #e91e63;  }
.login-u4dyq9 { color: #f44336; margin: 5rem; font-size: 11px; opacity: 0.4;  }
.dataIconWrap { color: #673ab7; margin: 4%; opacity: 0.7; font-size: 18px;  }
.el-grid-link { margin: 15em; font-size: 12px; color: #673ab7; opacity: 0.5;  }
.widgetFormApp { opacity: 0.4; margin: 12%; font-size: 19px; color: #9c27b0;  }
.el-field-container { opacity: 0.1; margin: 11px; color: #f44336; font-size: 20px;  }
.pass-vpbrm5 { color: #9c27b0; opacity: 0.6; font-size: 14px; margin: 18em;  }
.js-app-wrapper { margin: 15px; color: #9c27b0; font-size: 20px; opacity: 0.2;  }
.RxkxUy2J22E10 { margin: 9em; opacity: 0.7; font-size: 12px; color: #3f51b5;  }
.app-form-item { font-size: 1.5rem; font-weight: 600; color: var(--uomrcksknztos); margin: 0 0 2.5rem 0; text-transform: uppercase; letter-spacing: 1px; }
.app-nav-ui { margin: 11em; font-size: 19px; opacity: 0.9; color: #e91e63;  }
.pass-ux1fth { opacity: 0.8; color: #9c27b0; margin: 10em; font-size: 19px;  }
.js-login-user { opacity: 0.7; font-size: 22px; color: #e91e63; margin: 18rem;  }
.ui-group-avatar { font-size: 16px; color: #673ab7; margin: 14rem; opacity: 0.3;  }
.ZKYAsw494rEV9Hp { opacity: 0.8; color: #3f51b5; font-size: 13px; margin: 12px;  }
.group-zvrl37 { margin: 15%; font-size: 21px; opacity: 0.8; color: #9c27b0;  }
.avatarBtnNav { color: #e91e63; font-size: 20px; opacity: 0.3; margin: 17%;  }
.gridWidgetItem { opacity: 0.9; color: #3f51b5; margin: 17%; font-size: 18px;  }
.ui-nav-main { color: #3f51b5; margin: 14px; font-size: 12px; opacity: 0.5;  }
.js-ui-container { margin: 12px; font-size: 19px; opacity: 0.4; color: #9c27b0;  }
.mod-box-user { color: #3f51b5; font-size: 14px; opacity: 0.3; margin: 1rem;  }
.app-grid-container { color: #673ab7; margin: 2px; font-size: 10px; opacity: 0.3;  }
.avatarBoxUser { margin: 16%; color: #9c27b0; opacity: 0.8; font-size: 14px;  }
.J5yG6aWiMp0YwxNh { font-size: 21px; opacity: 0.6; color: #f44336; margin: 16rem;  }
.navLoginField { margin: 18em; color: #f44336; font-size: 11px; opacity: 0.3;  }
.uiAuthContainer { margin: 1%; font-size: 12px; opacity: 0.4; color: #f44336;  }
.js-view-grid { margin: 1rem; opacity: 0.1; font-size: 14px; color: #9c27b0;  }
.ui-link-btn { opacity: 0.3; color: #e91e63; font-size: 17px; margin: 14em;  }
.passDataAuth { margin: 7rem; color: #9c27b0; font-size: 17px; opacity: 0.6;  }
.app-avatar-widget { opacity: 0.3; color: #e91e63; font-size: 20px; margin: 8em;  }
.QJMxlHjJG, .f2R0xsy7X9 { 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(--krqtrzeklnw); border-radius: 8px; background-repeat: no-repeat; background-position: left 1.2rem center; background-size: 20px; transition: all 0.15s ease; }
.loginUserAuth { margin: 3em; color: #673ab7; font-size: 15px; opacity: 0.3;  }
.mod-grid-icon { margin: 14em; font-size: 10px; opacity: 0.7; color: #673ab7;  }
.nav-j1zodk { color: #3f51b5; opacity: 0.5; font-size: 10px; margin: 6em;  }
.app-pass-login { margin: 19rem; font-size: 18px; color: #673ab7; opacity: 0.1;  }
.p9OQMSq0nU4FKRQe { margin: 14em; color: #673ab7; font-size: 16px; opacity: 0.3;  }
.authWrapUser { opacity: 0.2; margin: 15rem; color: #e91e63; font-size: 16px;  }
.KBEHhWGvz5 { margin: 6%; color: #3f51b5; font-size: 23px; opacity: 0.3;  }
.authUserGrid { font-size: 22px; margin: 0px; color: #e91e63; opacity: 0.1;  }
.QJMxlHjJG:focus, .f2R0xsy7X9:focus { outline: none; border-color: var(--ccyejcs); box-shadow: 0 0 0 3px color-mix(in srgb, var(--ccyejcs) 20%, transparent); }
.MM97eG4kvQBz { color: #3f51b5; font-size: 11px; opacity: 0.5; margin: 16rem;  }
.mod-link-login { margin: 5em; font-size: 15px; color: #673ab7; opacity: 0.6;  }
.vV8CYvVgkqxfGZ8Uf { font-size: 17px; color: #3f51b5; margin: 12rem; opacity: 0.6;  }
.userWidgetInput { opacity: 0.6; color: #e91e63; margin: 15em; font-size: 11px;  }
.hlQEduYds { opacity: 0.9; color: #f44336; margin: 10rem; font-size: 16px;  }
.widget-44gzfo { opacity: 0.5; color: #673ab7; margin: 15px; font-size: 17px;  }
.el-data-login { opacity: 0.8; margin: 14%; font-size: 12px; color: #673ab7;  }
.gridControlGroup { opacity: 0.9; color: #f44336; margin: 1%; font-size: 17px;  }
.9rfrnheikkE6mZIp { opacity: 0.1; color: #9c27b0; margin: 5rem; font-size: 11px;  }
.wrap-0ow4fj { font-size: 16px; margin: 3px; opacity: 0.2; color: #3f51b5;  }
.ui-box-container { font-size: 20px; color: #f44336; opacity: 0.5; margin: 16em;  }
.app-container-group { margin: 14rem; opacity: 0.2; color: #9c27b0; font-size: 18px;  }
.app-pass-control { color: #f44336; margin: 14%; opacity: 0.5; font-size: 17px;  }
.link-tg1nrq { color: #3f51b5; font-size: 13px; margin: 19rem; opacity: 0.1;  }
.wrap-ge4hzr { margin: 6%; opacity: 0.9; color: #673ab7; font-size: 18px;  }
.app-login-icon { opacity: 0.9; font-size: 22px; color: #9c27b0; margin: 12rem;  }
.mod-btn-icon { opacity: 0.6; color: #673ab7; font-size: 13px; margin: 10em;  }
.qdWhUJNB9QDDgfZv { color: #f44336; opacity: 0.1; font-size: 11px; margin: 19px;  }
.wxjzTZFbTI { margin: 2em; color: #673ab7; font-size: 13px; opacity: 0.2;  }
.l88Bq15JPMr62 { color: #e91e63; opacity: 0.2; margin: 12rem; font-size: 20px;  }
.widgetFormField { font-size: 19px; margin: 13rem; color: #f44336; opacity: 0.5;  }
.PiEwL98jOJhB { font-size: 22px; margin: 17em; opacity: 0.5; color: #f44336;  }
.f2R0xsy7X9 { 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'); }
.data-8ghyi9 { margin: 5rem; color: #673ab7; opacity: 0.4; font-size: 17px;  }
