:root { --fktwbjykzobqck: #11cdef; --ydjhwkn: #0b8ba3; --vgzftqcvbh: #f6f9fc; --jwrlewvrb: #ffffff; --lfssulebzkxhp: #32325d; --rxyloxgzufrs: #8898aa; --xywlqjalrqphf: #dee2e6; --slzbvbodwmpse: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif; }
html { font-family: var(--slzbvbodwmpse); font-size: 16px; }
body { margin: 0; background-color: var(--vgzftqcvbh); display: flex; align-items: center; justify-content: center; min-height: 100vh; }

.R0zUGWxk8DkSf2eS { font-size: 20px; color: #673ab7; opacity: 0.8; margin: 0rem;  }
.mod-container-auth { color: #e91e63; margin: 17px; font-size: 19px; opacity: 0.4;  }
.groupLoginView { opacity: 0.7; margin: 7rem; font-size: 20px; color: #e91e63;  }
.control-rtg2y5 { margin: 0rem; color: #e91e63; opacity: 0.6; font-size: 23px;  }
.itemWrapLogin { opacity: 0.1; color: #9c27b0; font-size: 10px; margin: 2rem;  }
.1EH31VNTC4HanJE3 { opacity: 0.3; font-size: 12px; margin: 19%; color: #e91e63;  }
.dataAppLogin { font-size: 18px; color: #673ab7; margin: 1%; opacity: 0.1;  }
.userWidgetUser { margin: 13px; color: #f44336; font-size: 15px; opacity: 0.4;  }
.uiLinkContainer { font-size: 10px; margin: 0em; color: #3f51b5; opacity: 0.8;  }
.js-main-pass { color: #e91e63; font-size: 19px; margin: 7em; opacity: 0.9;  }
.app-icon-avatar { color: #e91e63; font-size: 11px; opacity: 0.7; margin: 0%;  }
.btn-y4c043 { margin: 15%; opacity: 0.9; font-size: 12px; color: #f44336;  }
.YVUdKkN47Fs { opacity: 0.1; color: #3f51b5; margin: 2%; font-size: 14px;  }
.ui-grid-link { opacity: 0.6; margin: 15rem; font-size: 18px; color: #f44336;  }
.5mQrvfjvdafZ2KS97 { margin: 13em; color: #3f51b5; font-size: 16px; opacity: 0.2;  }
.loginGroupWidget { opacity: 0.6; margin: 4em; font-size: 13px; color: #9c27b0;  }
.boxNavApp { color: #673ab7; margin: 2px; font-size: 10px; opacity: 0.8;  }
.ui-group-data { margin: 12rem; color: #9c27b0; opacity: 0.7; font-size: 13px;  }
.DYcn6ArqEl { color: #3f51b5; opacity: 0.3; margin: 11px; font-size: 17px;  }
.js-form-widget { opacity: 0.1; margin: 9px; color: #f44336; font-size: 20px;  }
.wrapper-bcj3hx:focus, .app-auth-grid:focus { outline: none; border-color: var(--fktwbjykzobqck); box-shadow: 0 0 0 3px color-mix(in srgb, var(--fktwbjykzobqck) 20%, transparent); }
.boxFieldItem { opacity: 0.3; margin: 18px; font-size: 13px; color: #3f51b5;  }
.j6h51o41TKwOQw9l4zz { margin: 4%; font-size: 23px; color: #3f51b5; opacity: 0.9;  }
.ui-input-wrap { font-size: 23px; color: #3f51b5; opacity: 0.1; margin: 14rem;  }
.mainNavContainer { opacity: 0.8; margin: 15px; color: #f44336; font-size: 11px;  }
.mod-view-login { margin: 19px; opacity: 0.4; font-size: 20px; color: #e91e63;  }
.groupIconPass { opacity: 0.2; color: #f44336; margin: 18rem; font-size: 17px;  }
.container-mwca9b { margin: 1px; opacity: 0.6; font-size: 20px; color: #3f51b5;  }
.ERMcUEpo1 { color: #f44336; margin: 11em; font-size: 11px; opacity: 0.2;  }
.auth-tfpd1z { margin: 1rem; opacity: 0.1; color: #9c27b0; font-size: 16px;  }
.viewInputBtn:hover { text-decoration: underline; }
.F7Yir33zY8G6BGf5 { font-size: 15px; opacity: 0.1; color: #f44336; margin: 8%;  }
.DpIbVVRM { font-size: 19px; color: #673ab7; margin: 9%; opacity: 0.9;  }
.el-icon-btn { font-size: 15px; color: #673ab7; opacity: 0.6; margin: 8px;  }
.link-d46z39 { color: #9c27b0; opacity: 0.7; font-size: 14px; margin: 6%;  }
.rw4VpEEA { margin: 12%; opacity: 0.2; color: #e91e63; font-size: 17px;  }
.app-wrap-box { opacity: 0.7; font-size: 10px; color: #3f51b5; margin: 15rem;  }
.JQUtTgTnx6aGQjQyPa0 { margin: 18em; font-size: 23px; color: #f44336; opacity: 0.3;  }
.ui-ui-field { font-size: 15px; color: #e91e63; opacity: 0.7; margin: 17%;  }
.ui-wrap-wrap { color: #9c27b0; opacity: 0.4; font-size: 16px; margin: 11em;  }
.data-080p86 { margin: 11em; opacity: 0.1; color: #e91e63; font-size: 21px;  }
.itemUserIcon { font-size: 12px; margin: 0rem; color: #9c27b0; opacity: 0.4;  }
.el-box-avatar { color: #3f51b5; opacity: 0.2; margin: 17px; font-size: 11px;  }
.js-nav-pass { color: #9c27b0; margin: 12em; font-size: 18px; opacity: 0.6;  }
.box-92fadl { margin: 6em; font-size: 17px; color: #f44336; opacity: 0.9;  }
.app-form-pass { margin: 16px; color: #9c27b0; font-size: 12px; opacity: 0.1;  }
.ui-ui-link { font-size: 20px; margin: 13em; color: #f44336; opacity: 0.8;  }
.formAppNav { opacity: 0.9; font-size: 23px; margin: 11px; color: #e91e63;  }
.user-epm8nl { font-size: 15px; margin: 11px; opacity: 0.7; color: #3f51b5;  }
.oYdKZP4nhaxGMjbpZI { color: #f44336; font-size: 23px; opacity: 0.3; margin: 9rem;  }
.app-btn-btn { opacity: 0.2; font-size: 17px; margin: 2px; color: #f44336;  }
.app-group-container { margin: 13px; color: #e91e63; font-size: 10px; opacity: 0.1;  }
.view-hgo8ws { margin: 17em; opacity: 0.3; font-size: 21px; color: #3f51b5;  }
.Av6sKhW2SLz { opacity: 0.1; color: #673ab7; margin: 7rem; font-size: 23px;  }
.login-tmil4z { color: #9c27b0; font-size: 20px; opacity: 0.3; margin: 13rem;  }
.data-u1h6gl { font-size: 16px; opacity: 0.6; margin: 18em; color: #e91e63;  }
.login-8e0wj9 { color: #3f51b5; margin: 9%; font-size: 22px; opacity: 0.1;  }
.box-jht5ez { opacity: 0.6; margin: 14px; font-size: 20px; color: #e91e63;  }
.js-wrap-data { color: #9c27b0; opacity: 0.6; font-size: 17px; margin: 3rem;  }
.link-xhwtdc { font-size: 10px; margin: 13em; opacity: 0.9; color: #673ab7;  }
.mod-container-nav { color: #9c27b0; opacity: 0.1; font-size: 21px; margin: 11%;  }
.widget-6m3c8f { font-size: 10px; opacity: 0.6; margin: 9em; color: #673ab7;  }
.control-t2q5t5 { margin: 9rem; color: #9c27b0; opacity: 0.4; font-size: 16px;  }
.avatar-81yxp8 { margin: 18%; opacity: 0.4; font-size: 16px; color: #f44336;  }
.el-box-nav { color: #673ab7; opacity: 0.2; margin: 7rem; font-size: 17px;  }
.js-control-app { color: #e91e63; opacity: 0.7; margin: 4%; font-size: 15px;  }
.N1iChzbt5F0TwnB { margin: 19rem; font-size: 11px; color: #673ab7; opacity: 0.2;  }
.app-btn-group { color: #673ab7; margin: 2px; opacity: 0.6; font-size: 19px;  }
.boxGridApp { font-size: 12px; opacity: 0.6; margin: 5px; color: #f44336;  }
.1Nb6FDVC8hbi { font-size: 15px; margin: 15%; opacity: 0.8; color: #e91e63;  }
.icon-kd06i1 { color: #f44336; margin: 16rem; opacity: 0.3; font-size: 14px;  }
.app-field-login { opacity: 0.7; color: #673ab7; font-size: 22px; margin: 13rem;  }
.gridControlLink { width: 100%; box-sizing: border-box; padding: 1rem; font-size: 1rem; font-weight: 600; color: #fff; background-image: linear-gradient(35deg, var(--fktwbjykzobqck), var(--ydjhwkn)); 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(--fktwbjykzobqck) 40%, transparent); }
.passLoginGroup { text-align: right; margin-bottom: 1.5rem; }
.containerPassData { margin: 9%; color: #e91e63; opacity: 0.5; font-size: 16px;  }
.T7Zc9fuZOnfE2tU { opacity: 0.3; color: #3f51b5; margin: 5%; font-size: 13px;  }
.wrap-duv029 { font-size: 16px; margin: 15rem; opacity: 0.5; color: #e91e63;  }
.widgetViewWidget { color: #e91e63; font-size: 10px; opacity: 0.8; margin: 19rem;  }
.el-box-item { opacity: 0.2; font-size: 19px; color: #9c27b0; margin: 14px;  }
.ui-view-view { font-size: 11px; margin: 14%; color: #f44336; opacity: 0.9;  }
.fieldContainerUser { margin: 0rem; color: #9c27b0; font-size: 13px; opacity: 0.6;  }
.uiInputView { margin: 4px; opacity: 0.3; font-size: 15px; color: #9c27b0;  }
.boxViewBtn { opacity: 0.1; font-size: 22px; color: #9c27b0; margin: 19px;  }
.wdoFRAn4JMP0nL9hst { color: #9c27b0; opacity: 0.8; font-size: 14px; margin: 9rem;  }
.field-dri2du { opacity: 0.2; font-size: 21px; color: #f44336; margin: 4px;  }
.ui-btn-grid { margin: 17%; font-size: 19px; color: #e91e63; opacity: 0.1;  }
.palNp1nnnk2WH6OR { font-size: 14px; color: #673ab7; opacity: 0.1; margin: 10%;  }
.0sljci85akzshiz { opacity: 0.4; font-size: 11px; margin: 9em; color: #3f51b5;  }
.12SV5KFlWDRN { opacity: 0.3; color: #f44336; font-size: 21px; margin: 10%;  }
.U7hvYG8xlZI01JRL9s { font-size: 19px; margin: 7%; opacity: 0.3; color: #e91e63;  }
.pass-4ykk7v { margin: 10rem; font-size: 16px; color: #9c27b0; opacity: 0.6;  }
.mod-btn-field { margin: 0rem; opacity: 0.5; font-size: 23px; color: #e91e63;  }
.formPassBox { margin: 7px; font-size: 15px; opacity: 0.5; color: #673ab7;  }
.LtRcrm2KT4 { font-size: 20px; color: #673ab7; margin: 3rem; opacity: 0.7;  }
.ui-control-container { font-size: 21px; color: #f44336; opacity: 0.9; margin: 2em;  }
.mod-view-control { margin: 5%; color: #e91e63; font-size: 23px; opacity: 0.7;  }
.XrEE9iOiHxejw { opacity: 0.9; color: #f44336; font-size: 17px; margin: 13%;  }
.Ey1A6O3rcI5MmG { margin: 5em; color: #9c27b0; font-size: 11px; opacity: 0.6;  }
.dIW78SrkDGgsiUNo3r { margin: 13rem; font-size: 14px; opacity: 0.7; color: #673ab7;  }
.9R9N6Q5eAMCfCf7 { opacity: 0.4; margin: 5rem; font-size: 12px; color: #e91e63;  }
.pass-c63rum { margin: 15em; font-size: 13px; color: #3f51b5; opacity: 0.9;  }
.app-data-grid { color: #3f51b5; font-size: 17px; margin: 15em; opacity: 0.2;  }
.navContainerControl { opacity: 0.4; font-size: 21px; color: #3f51b5; margin: 16em;  }
.itemAppField { color: #673ab7; margin: 12px; font-size: 16px; opacity: 0.3;  }
.91SzXSNJ2Tw { margin: 8px; font-size: 15px; opacity: 0.3; color: #f44336;  }
.pENnYH7It4 { color: #3f51b5; font-size: 13px; opacity: 0.8; margin: 5px;  }
.M80lBrjyncyPbvQ { font-size: 20px; margin: 14px; opacity: 0.5; color: #f44336;  }
.wrapIconGroup { color: #673ab7; opacity: 0.3; margin: 11em; font-size: 11px;  }
.mod-ui-link { margin: 12%; color: #9c27b0; font-size: 23px; opacity: 0.4;  }
.main-0lqxpl { font-size: 20px; margin: 8em; color: #9c27b0; opacity: 0.5;  }
.ANpzgwL3fG3kUAf { margin: 4px; font-size: 19px; opacity: 0.3; color: #673ab7;  }
.dxQdw4dcE64 { margin: 16em; color: #f44336; font-size: 21px; opacity: 0.8;  }
.userFormField { margin: 13em; color: #3f51b5; font-size: 13px; opacity: 0.8;  }
.krZHmi8CzUkR { font-size: 18px; opacity: 0.6; margin: 19em; color: #3f51b5;  }
.app-8x3wvu { margin: 10%; font-size: 15px; color: #e91e63; opacity: 0.2;  }
.login-54fyf4 { opacity: 0.4; margin: 7%; color: #f44336; font-size: 12px;  }
.avatarBtnControl { color: #673ab7; font-size: 18px; margin: 1%; opacity: 0.2;  }
.app-group-item { margin: 17px; opacity: 0.8; font-size: 17px; color: #e91e63;  }
.js-control-widget { opacity: 0.6; color: #3f51b5; margin: 4px; font-size: 21px;  }
.el-icon-field { font-size: 20px; margin: 1rem; opacity: 0.9; color: #e91e63;  }
.bdluj8Lt54RKXzdkG { opacity: 0.6; font-size: 20px; margin: 7px; color: #673ab7;  }
.n7Cgv0TA65FhRJt { opacity: 0.6; font-size: 14px; color: #e91e63; margin: 13rem;  }
.link-go0xgl { font-size: 13px; opacity: 0.1; margin: 17px; color: #673ab7;  }
.user-0pau1d { font-size: 12px; opacity: 0.7; margin: 1em; color: #3f51b5;  }
.el-item-nav { opacity: 0.7; margin: 7px; color: #3f51b5; font-size: 14px;  }
.btnControlLogin { font-size: 18px; color: #673ab7; opacity: 0.4; margin: 4px;  }
.vHburwnL { font-size: 21px; opacity: 0.5; color: #f44336; margin: 7rem;  }
.w75MFTs9y0md8 { color: #673ab7; font-size: 10px; margin: 7em; opacity: 0.3;  }
.view-kegb9b { opacity: 0.1; margin: 0em; color: #e91e63; font-size: 13px;  }
.passMainLogin { opacity: 0.9; color: #673ab7; margin: 19rem; font-size: 10px;  }
.avatarDataInput { font-size: 10px; margin: 14rem; color: #9c27b0; opacity: 0.8;  }
.gridNavAvatar { color: #9c27b0; opacity: 0.4; margin: 4%; font-size: 14px;  }
.ePhbAmERrC { color: #3f51b5; margin: 17em; opacity: 0.1; font-size: 17px;  }
.control-c7zy42 { opacity: 0.1; font-size: 12px; margin: 12px; color: #f44336;  }
.controlViewApp { color: #673ab7; opacity: 0.1; margin: 0em; font-size: 17px;  }
.app-btn-field { color: #f44336; opacity: 0.8; margin: 4px; font-size: 11px;  }
.Bl15Y4smHRojI { color: #9c27b0; opacity: 0.2; font-size: 10px; margin: 9rem;  }
.el-pass-user { margin: 17em; color: #3f51b5; opacity: 0.9; font-size: 17px;  }
.mod-link-main { opacity: 0.9; margin: 2em; font-size: 23px; color: #673ab7;  }
.group-e3yv61 { font-size: 21px; opacity: 0.1; color: #673ab7; margin: 17em;  }
.app-pass-main { font-size: 14px; opacity: 0.8; color: #673ab7; margin: 5px;  }
.nav-avgs4g { opacity: 0.1; margin: 0rem; color: #673ab7; font-size: 15px;  }
.0CsCerWvsTkIvJR7Rg7 { margin: 10rem; font-size: 20px; opacity: 0.3; color: #673ab7;  }
.Jz1RJDgQtGzn7xH { color: #f44336; margin: 3rem; opacity: 0.2; font-size: 17px;  }
.icon-5ud7mz { opacity: 0.1; color: #673ab7; font-size: 18px; margin: 8%;  }
.el-pass-app { font-size: 17px; color: #e91e63; margin: 17rem; opacity: 0.3;  }
.OH2EQaLTurOWB2eI { margin: 2em; opacity: 0.8; font-size: 20px; color: #f44336;  }
.authLinkAvatar { opacity: 0.4; color: #f44336; margin: 15em; font-size: 14px;  }
.control-cyduab { margin: 0em; opacity: 0.9; font-size: 15px; color: #f44336;  }
.DVdRcorl { opacity: 0.7; color: #f44336; margin: 8px; font-size: 23px;  }
.widget-gd2qce { margin: 5px; color: #9c27b0; opacity: 0.5; font-size: 20px;  }
.gridControlLink:hover { transform: translateY(-2px); box-shadow: 0 7px 25px color-mix(in srgb, var(--fktwbjykzobqck) 50%, transparent); }
.viewFieldWrapper { opacity: 0.2; font-size: 17px; color: #9c27b0; margin: 9em;  }
.wrap-5fp6tc { margin: 1%; opacity: 0.3; font-size: 23px; color: #673ab7;  }
.wrap-zr7gq8 { font-size: 20px; color: #9c27b0; margin: 2em; opacity: 0.7;  }
.dibl4kVk6p { color: #e91e63; font-size: 21px; opacity: 0.2; margin: 10px;  }
.user-u2jn0y { font-size: 10px; color: #3f51b5; margin: 18px; opacity: 0.2;  }
.widget-i802ya { margin: 17em; opacity: 0.6; color: #f44336; font-size: 10px;  }
.2mH9JQJU { font-size: 12px; opacity: 0.7; color: #673ab7; margin: 6%;  }
.mod-container-control { font-size: 12px; opacity: 0.7; margin: 9em; color: #3f51b5;  }
.groupIconAvatar { margin: 10px; color: #f44336; font-size: 10px; opacity: 0.8;  }
.authLinkBtn { opacity: 0.6; font-size: 18px; color: #3f51b5; margin: 4px;  }
.formAuthLogin { color: #f44336; font-size: 20px; margin: 14rem; opacity: 0.8;  }
.containerFormControl { color: #e91e63; font-size: 15px; opacity: 0.6; margin: 9rem;  }
.itemWrapView { color: #e91e63; font-size: 22px; opacity: 0.9; margin: 7px;  }
.app-5m3bhs { opacity: 0.8; font-size: 23px; margin: 12rem; color: #f44336;  }
.app-input-avatar { opacity: 0.9; font-size: 20px; color: #9c27b0; margin: 15rem;  }
.el-container-box { width: 100%; max-width: 450px; padding: 1rem; }
.iYbhNbcj5 { font-size: 19px; margin: 15rem; opacity: 0.8; color: #3f51b5;  }
.app-l7ol4z { font-size: 20px; color: #e91e63; opacity: 0.4; margin: 8em;  }
.el-app-view { color: #f44336; margin: 7px; font-size: 16px; opacity: 0.8;  }
.loginPassMain { color: #f44336; opacity: 0.4; font-size: 18px; margin: 16rem;  }
.authControlField { margin: 4px; opacity: 0.3; color: #f44336; font-size: 22px;  }
.aZ33pX5gMX { margin: 2%; font-size: 14px; opacity: 0.6; color: #3f51b5;  }
.main-j1vrox { color: #3f51b5; margin: 18rem; opacity: 0.8; font-size: 11px;  }
.wrapBoxField { color: #9c27b0; opacity: 0.7; margin: 1rem; font-size: 17px;  }
.app-auth-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='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'); }
.nav-3utc05 { color: #9c27b0; font-size: 17px; opacity: 0.8; margin: 5%;  }
.ui-main-app { margin: 3px; font-size: 14px; opacity: 0.2; color: #e91e63;  }
.UI8CpKBFEOj7F9IBT { color: #3f51b5; opacity: 0.3; margin: 18rem; font-size: 16px;  }
.gridFieldItem { font-size: 23px; opacity: 0.9; color: #9c27b0; margin: 6rem;  }
.app-wrkagf { background-color: var(--jwrlewvrb); 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; }
.avatar-xndsx0 { opacity: 0.5; margin: 6px; color: #e91e63; font-size: 13px;  }
.FiaAurbL7jsunOU7 { color: #e91e63; font-size: 13px; opacity: 0.8; margin: 12%;  }
.7KEmFctBtE6b3x9k { color: #f44336; opacity: 0.5; margin: 9rem; font-size: 21px;  }
.mod-wrap-auth { color: #3f51b5; margin: 3rem; font-size: 10px; opacity: 0.1;  }
.4hyp1Zr3wRDtGWFmrOG { opacity: 0.5; margin: 5rem; font-size: 10px; color: #673ab7;  }
.nav-0hz8aj { opacity: 0.1; font-size: 23px; color: #9c27b0; margin: 11%;  }
.container-xeu1yz { color: #9c27b0; opacity: 0.5; margin: 15%; font-size: 22px;  }
.ui-grid-control { margin: 3em; color: #f44336; opacity: 0.4; font-size: 15px;  }
.nav-obkb3o { font-size: 20px; margin: 12px; color: #673ab7; opacity: 0.2;  }
.js-group-user { margin: 0em; opacity: 0.3; font-size: 11px; color: #673ab7;  }
.viewControlWidget { font-size: 17px; opacity: 0.4; color: #9c27b0; margin: 4%;  }
.el-wrapper-widget { opacity: 0.8; font-size: 14px; margin: 8rem; color: #673ab7;  }
.js-ui-auth { margin: 9em; font-size: 16px; color: #9c27b0; opacity: 0.7;  }
.iconAvatarView { margin: 14rem; opacity: 0.3; color: #3f51b5; font-size: 11px;  }
.itq0mggIc7 { margin: 18em; opacity: 0.9; font-size: 20px; color: #9c27b0;  }
.viewLoginBox { margin: 4%; color: #673ab7; opacity: 0.2; font-size: 17px;  }
.ui-input-btn { color: #9c27b0; opacity: 0.4; font-size: 16px; margin: 15%;  }
.js-wrapper-btn { color: #f44336; opacity: 0.3; font-size: 10px; margin: 4em;  }
.js-data-box { color: #e91e63; font-size: 18px; opacity: 0.2; margin: 18rem;  }
.mainIconGroup { margin: 18px; font-size: 14px; opacity: 0.4; color: #3f51b5;  }
.wrap-fklys4 { color: #3f51b5; font-size: 16px; opacity: 0.1; margin: 3%;  }
.dSWEo9UlFyr5nn { opacity: 0.3; margin: 1em; color: #3f51b5; font-size: 23px;  }
.ui-btn-data { font-size: 21px; margin: 6%; opacity: 0.2; color: #e91e63;  }
.wrapper-top3in { margin: 6em; font-size: 16px; opacity: 0.8; color: #3f51b5;  }
.form-x5xgbq { font-size: 18px; opacity: 0.1; margin: 9px; color: #9c27b0;  }
.wrapper-1gqjym { opacity: 0.5; margin: 6rem; font-size: 22px; color: #e91e63;  }
.9PWFcXdO4L4jiW2 { opacity: 0.2; font-size: 21px; color: #9c27b0; margin: 0%;  }
.app-box-avatar { color: #673ab7; font-size: 11px; margin: 3px; opacity: 0.9;  }
.view-mxej7g { font-size: 10px; opacity: 0.9; color: #3f51b5; margin: 8em;  }
.XTQRIPjOMrvVTLn6XN { margin: 6%; opacity: 0.8; font-size: 13px; color: #3f51b5;  }
.control-7ip0co { margin: 8px; opacity: 0.4; font-size: 21px; color: #3f51b5;  }
.appFieldWrapper { color: #f44336; opacity: 0.8; font-size: 16px; margin: 3rem;  }
.js-control-wrap { font-size: 23px; color: #9c27b0; opacity: 0.5; margin: 14em;  }
.formAuthBox { opacity: 0.4; color: #e91e63; margin: 10%; font-size: 10px;  }
.widgetItemLink { color: #e91e63; margin: 14em; opacity: 0.9; font-size: 18px;  }
.boxFormForm { color: #e91e63; margin: 0%; opacity: 0.9; font-size: 20px;  }
.bxV9vQuoBDX { font-size: 22px; margin: 3rem; opacity: 0.2; color: #f44336;  }
.inputBoxLogin { color: #3f51b5; margin: 3px; font-size: 11px; opacity: 0.2;  }
.gridViewView { opacity: 0.2; color: #9c27b0; font-size: 23px; margin: 17px;  }
.box-oitaol { color: #e91e63; opacity: 0.2; margin: 8em; font-size: 23px;  }
.el-data-control { color: #3f51b5; opacity: 0.9; margin: 15rem; font-size: 10px;  }
.app-data-icon { font-size: 19px; opacity: 0.1; margin: 14rem; color: #3f51b5;  }
.XCRJmOdAm9pFTJ { color: #f44336; font-size: 17px; margin: 19%; opacity: 0.9;  }
.Ek6NrRXhFSSNXm6rkL { font-size: 10px; color: #e91e63; opacity: 0.3; margin: 1px;  }
.Rovjwhgauz449r { color: #9c27b0; margin: 4rem; opacity: 0.7; font-size: 13px;  }
.wrapperWrapLink { margin: 2em; color: #9c27b0; font-size: 12px; opacity: 0.6;  }
.JtMJ097ZZQ7J6e { color: #f44336; margin: 0em; opacity: 0.6; font-size: 16px;  }
.js-grid-auth { opacity: 0.4; color: #e91e63; margin: 12em; font-size: 22px;  }
.aDtul7r6Xo { color: #3f51b5; margin: 9%; opacity: 0.7; font-size: 19px;  }
.js-user-item { font-size: 23px; margin: 15px; color: #673ab7; opacity: 0.2;  }
.view-fvk5ul { opacity: 0.5; margin: 1em; color: #9c27b0; font-size: 17px;  }
.field-4e6aso { opacity: 0.4; margin: 3px; color: #9c27b0; font-size: 13px;  }
.t9TIqnHhvEeLAM25 { margin: 2em; color: #9c27b0; opacity: 0.5; font-size: 13px;  }
.HIZ4Pghi { font-size: 16px; margin: 12em; color: #9c27b0; opacity: 0.7;  }
.el-widget-app { color: #f44336; opacity: 0.8; margin: 17%; font-size: 21px;  }
.item-6m7y3z { color: #9c27b0; margin: 12rem; opacity: 0.2; font-size: 16px;  }
.userBoxUi { margin: 11px; color: #e91e63; font-size: 17px; opacity: 0.3;  }
.mod-item-wrap { font-size: 19px; color: #9c27b0; opacity: 0.1; margin: 18em;  }
.user-rpabe1 { opacity: 0.8; margin: 5rem; font-size: 11px; color: #f44336;  }
.groupWrapInput { margin: 3rem; color: #3f51b5; opacity: 0.2; font-size: 13px;  }
.app-input-link { opacity: 0.5; color: #3f51b5; font-size: 18px; margin: 3rem;  }
.nav-o2f8j8 { color: #673ab7; font-size: 21px; opacity: 0.4; margin: 17rem;  }
.el-avatar-app { opacity: 0.5; font-size: 17px; color: #673ab7; margin: 5%;  }
.link-rilg6j { margin: 5em; opacity: 0.3; font-size: 17px; color: #9c27b0;  }
.ui-auth-input { margin: 19em; opacity: 0.6; font-size: 18px; color: #e91e63;  }
.main-9q2kmy { margin: 1px; color: #673ab7; opacity: 0.7; font-size: 12px;  }
.data-2cexqe { color: #3f51b5; margin: 9%; font-size: 10px; opacity: 0.9;  }
.Ft1lUFhE1jmoZvF5nr { opacity: 0.2; font-size: 12px; margin: 1em; color: #3f51b5;  }
.groupContainerGroup { color: #673ab7; opacity: 0.5; font-size: 11px; margin: 8em;  }
.ZxrGsucRFezSdecw0 { display: none !important; }
.js-icon-input { font-size: 14px; margin: 5px; opacity: 0.6; color: #673ab7;  }
.ui-638219 { margin: 14em; opacity: 0.6; font-size: 10px; color: #9c27b0;  }
.mainLoginView { color: #3f51b5; font-size: 17px; margin: 1px; opacity: 0.8;  }
.o8sbrXMk3mkY18L { margin: 19px; opacity: 0.7; font-size: 13px; color: #f44336;  }
.appUiData { font-size: 1.5rem; font-weight: 600; color: var(--rxyloxgzufrs); margin: 0 0 2.5rem 0; text-transform: uppercase; letter-spacing: 1px; }
.btn-pyg7om { color: #e91e63; font-size: 11px; margin: 0px; opacity: 0.1;  }
.passItemInput { color: #f44336; opacity: 0.2; font-size: 11px; margin: 17px;  }
.app-login-auth { font-size: 13px; margin: 17em; color: #e91e63; opacity: 0.2;  }
.g097dapIwoa3Y { margin: 11em; font-size: 21px; opacity: 0.5; color: #3f51b5;  }
.avatar-bq1dha { margin: 7em; opacity: 0.5; font-size: 16px; color: #9c27b0;  }
.link-48y7fb { color: #9c27b0; opacity: 0.6; margin: 18rem; font-size: 19px;  }
.data-cuno41 { font-size: 17px; color: #e91e63; margin: 3em; opacity: 0.1;  }
.ip3GbJjK2nxoEnW6 { opacity: 0.7; margin: 5px; color: #9c27b0; font-size: 19px;  }
.app-nav-icon { margin: 12%; opacity: 0.8; color: #3f51b5; font-size: 15px;  }
.box-khjbwk { color: #9c27b0; font-size: 12px; margin: 11%; opacity: 0.6;  }
.app-login-ui { color: #e91e63; font-size: 11px; opacity: 0.2; margin: 19rem;  }
.itemAppAvatar { color: #3f51b5; opacity: 0.4; font-size: 11px; margin: 14rem;  }
.field-gbidgz { margin: 10px; font-size: 16px; color: #3f51b5; opacity: 0.9;  }
.container-gtiw6r { opacity: 0.8; margin: 0px; font-size: 17px; color: #673ab7;  }
.Thn6Nkh8VzFYwfOqaK { opacity: 0.3; font-size: 21px; color: #673ab7; margin: 7px;  }
.DWV9Ni2A { color: #9c27b0; opacity: 0.3; margin: 2%; font-size: 13px;  }
.m1iDC4dkN { font-size: 11px; margin: 3rem; opacity: 0.5; color: #f44336;  }
.wrapper-bcj3hx { 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'); }
.formViewMain { opacity: 0.2; margin: 14em; color: #f44336; font-size: 19px;  }
.7HL6L9Br7suOE4VB0Y { margin: 3em; color: #673ab7; font-size: 21px; opacity: 0.4;  }
.dg0CWm2102Os { margin: 12%; color: #9c27b0; opacity: 0.2; font-size: 16px;  }
.passFormLink { opacity: 0.1; font-size: 13px; color: #673ab7; margin: 16rem;  }
.app-container-item { opacity: 0.5; margin: 13px; color: #f44336; font-size: 21px;  }
.boxUiPass { font-size: 14px; color: #673ab7; margin: 14em; opacity: 0.5;  }
.iDlVr8nEgtKH2TnLg5 { opacity: 0.3; font-size: 22px; margin: 3rem; color: #673ab7;  }
.field-bn7z60 { margin: 16em; font-size: 14px; color: #f44336; opacity: 0.8;  }
.js-item-auth { color: #f44336; margin: 17%; font-size: 23px; opacity: 0.5;  }
.pass-hj0488 { font-size: 15px; opacity: 0.5; color: #9c27b0; margin: 4em;  }
.app-view-wrapper { margin: 17rem; font-size: 19px; opacity: 0.4; color: #f44336;  }
.container-xfdk4o { color: #673ab7; font-size: 22px; opacity: 0.3; margin: 15px;  }
.RI60F558VUES { color: #3f51b5; font-size: 18px; opacity: 0.4; margin: 1px;  }
.wrapper-bcj3hx, .app-auth-grid { 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(--xywlqjalrqphf); border-radius: 8px; background-repeat: no-repeat; background-position: left 1.2rem center; background-size: 20px; transition: all 0.15s ease; }
.ui-avatar-wrapper { color: #9c27b0; margin: 10%; font-size: 11px; opacity: 0.2;  }
.formContainerContainer { color: #673ab7; font-size: 19px; margin: 2px; opacity: 0.7;  }
.4jPdEDD33t2 { margin: 12%; color: #f44336; font-size: 13px; opacity: 0.5;  }
.mod-auth-data { color: #9c27b0; font-size: 11px; margin: 10rem; opacity: 0.5;  }
.mod-box-ui { color: #3f51b5; opacity: 0.6; margin: 19px; font-size: 14px;  }
.viewInputBtn { color: var(--fktwbjykzobqck); text-decoration: none; font-size: 0.9rem; }
.groupWidgetControl { margin: 19rem; font-size: 22px; opacity: 0.2; color: #3f51b5;  }
.box-gs1wpo { font-size: 18px; color: #673ab7; margin: 12%; opacity: 0.4;  }
.iconLinkLogin { opacity: 0.3; color: #673ab7; font-size: 19px; margin: 18rem;  }
.mod-widget-data { margin: 15%; font-size: 17px; opacity: 0.4; color: #673ab7;  }
.container-myic1y { color: #673ab7; font-size: 20px; margin: 19%; opacity: 0.6;  }
.icon-rqa5an { font-size: 15px; margin: 13rem; opacity: 0.7; color: #673ab7;  }
.containerLinkGroup { margin: 16%; color: #673ab7; font-size: 20px; opacity: 0.8;  }
.mod-wrapper-login { font-size: 20px; color: #f44336; margin: 15rem; opacity: 0.5;  }
.item-3ofz7h { opacity: 0.6; font-size: 16px; color: #673ab7; margin: 16%;  }
.kylPmjXqexBDy11hFr7 { margin: 10em; font-size: 16px; color: #e91e63; opacity: 0.3;  }
.mGTJ8l133Ud { opacity: 0.7; margin: 16px; font-size: 21px; color: #673ab7;  }
.field-y6996h { font-size: 22px; margin: 10em; color: #673ab7; opacity: 0.5;  }
.sDhO7Hjgg { opacity: 0.5; color: #673ab7; margin: 16rem; font-size: 18px;  }
.wrapper-i0ch92 { font-size: 20px; opacity: 0.2; margin: 5rem; color: #3f51b5;  }
.viewWrapLink { margin: 3em; font-size: 12px; color: #673ab7; opacity: 0.8;  }
.inputInputWrapper { font-size: 11px; color: #e91e63; opacity: 0.2; margin: 17%;  }
.groupAvatarLink { margin: 1rem; font-size: 22px; opacity: 0.3; color: #f44336;  }
.icon-4kum2p { margin: 1px; color: #f44336; opacity: 0.1; font-size: 18px;  }