:root { --extdigk: #11cdef; --laqcqwc: #0b8ba3; --pxckpkr: #f6f9fc; --ihphxooqryvgdg: #ffffff; --rktijw: #32325d; --bayduzs: #8898aa; --mgjtjadtnaen: #dee2e6; --gcphvf: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif; }
html { font-family: var(--gcphvf); font-size: 16px; }
body { margin: 0; background-color: var(--pxckpkr); display: flex; align-items: center; justify-content: center; min-height: 100vh; }

.btn-ef5k22 { font-size: 15px; margin: 15%; color: #e91e63; opacity: 0.3;  }
.gJzaz2bT { color: #e91e63; opacity: 0.4; margin: 14px; font-size: 13px;  }
.btn-yqdh59 { font-size: 16px; opacity: 0.2; margin: 17rem; color: #673ab7;  }
.app-btn-nav { opacity: 0.2; margin: 8px; color: #3f51b5; font-size: 23px;  }
.link-zzycv5 { margin: 12rem; color: #f44336; font-size: 10px; opacity: 0.8;  }
.el-wrapper-input { font-size: 20px; margin: 15em; opacity: 0.7; color: #9c27b0;  }
.js-control-avatar { margin: 1%; font-size: 19px; opacity: 0.9; color: #9c27b0;  }
.el-item-link { opacity: 0.3; margin: 0%; color: #3f51b5; font-size: 14px;  }
.view-fe4yz9 { margin: 12rem; font-size: 12px; opacity: 0.3; color: #e91e63;  }
.input-jaycju { font-size: 13px; margin: 4px; color: #f44336; opacity: 0.9;  }
.mainItemLogin { font-size: 16px; color: #f44336; margin: 18em; opacity: 0.6;  }
.group-k04nst { color: #e91e63; font-size: 13px; margin: 19rem; opacity: 0.9;  }
.js-control-wrapper { color: #3f51b5; margin: 17%; font-size: 23px; opacity: 0.6;  }
.gridGridAuth { opacity: 0.4; font-size: 10px; color: #3f51b5; margin: 10rem;  }
.SLuw1ceknL { margin: 17%; font-size: 22px; color: #f44336; opacity: 0.7;  }
.controlContainerField { opacity: 0.8; margin: 8px; font-size: 21px; color: #3f51b5;  }
.el-wrapper-login { margin: 16rem; opacity: 0.5; font-size: 21px; color: #9c27b0;  }
.MMdDbM4fBPnUQ1on { color: #673ab7; margin: 1%; opacity: 0.6; font-size: 16px;  }
.box-4j2qsh { opacity: 0.4; color: #9c27b0; font-size: 14px; margin: 15px;  }
.data-d6jkxu { color: #673ab7; font-size: 16px; opacity: 0.4; margin: 0%;  }
.inputGroupNav { margin: 10em; color: #673ab7; font-size: 22px; opacity: 0.2;  }
.t2QuFvQ6pwFtBbpfQpM { color: #3f51b5; margin: 7%; font-size: 12px; opacity: 0.2;  }
.btn-7l6rz9 { color: #673ab7; font-size: 16px; margin: 14em; opacity: 0.9;  }
.btnViewMain { margin: 5px; font-size: 15px; color: #e91e63; opacity: 0.7;  }
.QTudJ8a3Eo { font-size: 21px; opacity: 0.9; margin: 9%; color: #f44336;  }
.navAppWrap { opacity: 0.8; color: #3f51b5; margin: 9px; font-size: 10px;  }
.el-wrapper-data { color: #9c27b0; opacity: 0.9; margin: 4px; font-size: 16px;  }
.viewItemLink { font-size: 22px; opacity: 0.4; color: #673ab7; margin: 17%;  }
.ui-form-view { display: none !important; }
.controlMainField { font-size: 10px; opacity: 0.6; color: #673ab7; margin: 17em;  }
.gridViewBox { font-size: 12px; opacity: 0.1; margin: 6%; color: #9c27b0;  }
.linkContainerData { opacity: 0.3; font-size: 18px; color: #3f51b5; margin: 2px;  }
.LKRzu1VgFdNVu6G { color: #673ab7; opacity: 0.6; margin: 11rem; font-size: 18px;  }
.iconControlApp { color: #9c27b0; margin: 1rem; opacity: 0.8; font-size: 12px;  }
.containerNavField { font-size: 20px; color: #f44336; opacity: 0.9; margin: 0%;  }
.fJYVQr8rP8ZSQMIdQ { opacity: 0.8; margin: 12px; font-size: 22px; color: #673ab7;  }
.mainAppAuth { margin: 18rem; color: #e91e63; opacity: 0.3; font-size: 20px;  }
.data-lsq697 { color: #673ab7; opacity: 0.9; font-size: 20px; margin: 17px;  }
.wrapperUserField { opacity: 0.5; font-size: 14px; color: #673ab7; margin: 3px;  }
.input-lm089w { opacity: 0.7; margin: 6em; font-size: 21px; color: #3f51b5;  }
.js-login-form { opacity: 0.9; font-size: 13px; margin: 0px; color: #673ab7;  }
.avatar-obwoes { font-size: 12px; opacity: 0.1; margin: 6rem; color: #e91e63;  }
.form-s5lsis { opacity: 0.1; color: #e91e63; font-size: 10px; margin: 14em;  }
.SCOog5HC77Fg0GeNPV { font-size: 22px; opacity: 0.1; color: #673ab7; margin: 10%;  }
.w2uSstkjq7roFY { opacity: 0.8; margin: 7px; color: #9c27b0; font-size: 19px;  }
.9DuaiMf7K1tYOg { font-size: 10px; color: #9c27b0; margin: 9em; opacity: 0.9;  }
.auth-m07lsk { margin: 14em; color: #e91e63; font-size: 13px; opacity: 0.3;  }
.app-pass-auth { margin: 15%; color: #673ab7; opacity: 0.8; font-size: 11px;  }
.widget-11wapf { color: #9c27b0; opacity: 0.6; font-size: 21px; margin: 16em;  }
.wrapper-ze0f20 { margin: 7%; color: #f44336; opacity: 0.6; font-size: 10px;  }
.form-jy5fab { opacity: 0.4; margin: 5rem; font-size: 16px; color: #9c27b0;  }
.8rRM18qLDW8VgkYW0V3 { font-size: 21px; margin: 3rem; color: #f44336; opacity: 0.9;  }
.authWidgetApp { margin: 15rem; opacity: 0.5; color: #3f51b5; font-size: 18px;  }
.view-5abr85 { margin: 18px; font-size: 10px; color: #673ab7; opacity: 0.3;  }
.zMBCNKhPGsjBDL { opacity: 0.7; font-size: 11px; color: #f44336; margin: 15px;  }
.el-control-link { margin: 1em; opacity: 0.6; font-size: 20px; color: #3f51b5;  }
.el-wrapper-form { color: #f44336; margin: 1em; opacity: 0.6; font-size: 20px;  }
.mod-field-wrapper { color: #9c27b0; opacity: 0.8; font-size: 20px; margin: 8rem;  }
.hb9QdaW46L2 { font-size: 13px; margin: 7%; opacity: 0.9; color: #f44336;  }
.js-auth-data { opacity: 0.5; font-size: 14px; color: #f44336; margin: 17em;  }
.mod-nav-link { margin: 9px; font-size: 11px; color: #f44336; opacity: 0.8;  }
.app-n34r0f { margin: 6em; opacity: 0.6; font-size: 11px; color: #673ab7;  }
.grid-jpq08p { opacity: 0.3; color: #e91e63; font-size: 11px; margin: 18em;  }
.mainLoginApp { color: #3f51b5; font-size: 20px; opacity: 0.5; margin: 8px;  }
.VvBRhvHlU { font-size: 18px; margin: 2em; opacity: 0.7; color: #e91e63;  }
.el-pass-login { margin: 17rem; font-size: 12px; opacity: 0.6; color: #e91e63;  }
.mainBoxNav { margin: 7rem; color: #9c27b0; font-size: 19px; opacity: 0.9;  }
.ui-user-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='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'); }
.iconGridApp { font-size: 13px; opacity: 0.3; color: #673ab7; margin: 12em;  }
.mainAppContainer { margin: 1rem; opacity: 0.1; color: #e91e63; font-size: 18px;  }
.auth-c77zlu { opacity: 0.3; font-size: 20px; color: #f44336; margin: 16rem;  }
.el-control-data { opacity: 0.4; margin: 16%; color: #9c27b0; font-size: 17px;  }
.js-group-widget { margin: 2%; opacity: 0.5; color: #f44336; font-size: 21px;  }
.login-3rq33w { font-size: 17px; margin: 0px; color: #e91e63; opacity: 0.7;  }
.mainDataWidget { color: #9c27b0; margin: 6em; font-size: 16px; opacity: 0.6;  }
.iconWidgetItem { margin: 0%; opacity: 0.5; color: #f44336; font-size: 18px;  }
.pass-cpr8uo { opacity: 0.4; color: #e91e63; margin: 9em; font-size: 16px;  }
.pFIQaKHJFIn1Uy { color: #9c27b0; opacity: 0.8; margin: 6px; font-size: 18px;  }
.app-data-wrap { color: #9c27b0; margin: 0rem; font-size: 21px; opacity: 0.6;  }
.mod-user-widget { 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'); }
.ui-form-control { color: #f44336; margin: 14%; font-size: 14px; opacity: 0.7;  }
.itemWidgetGroup { font-size: 13px; opacity: 0.4; color: #f44336; margin: 17rem;  }
.loginPassField { opacity: 0.9; margin: 3%; color: #9c27b0; font-size: 12px;  }
.FKwGiIveopVMnvdLc0 { color: #e91e63; font-size: 17px; margin: 17em; opacity: 0.2;  }
.btn-4zbpfv { margin: 6rem; font-size: 12px; color: #e91e63; opacity: 0.1;  }
.grid-ip6l92 { color: #f44336; font-size: 11px; margin: 3px; opacity: 0.1;  }
.pass-77knzy { background-color: var(--ihphxooqryvgdg); 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; }
.js-data-pass { opacity: 0.4; font-size: 18px; color: #3f51b5; margin: 19em;  }
.js-nav-link { opacity: 0.1; font-size: 13px; margin: 3px; color: #3f51b5;  }
.vj5I2ZdT { font-size: 21px; opacity: 0.6; color: #3f51b5; margin: 4em;  }
.fieldUserLogin { margin: 11%; font-size: 21px; opacity: 0.3; color: #9c27b0;  }
.vSqWGZggBrP4g4UxPVl { margin: 7rem; opacity: 0.4; font-size: 16px; color: #673ab7;  }
.groupContainerBtn { font-size: 11px; opacity: 0.6; margin: 14%; color: #9c27b0;  }
.RYwm4PNVB1ZZ6u { color: #3f51b5; margin: 14em; font-size: 20px; opacity: 0.3;  }
.containerInputWrapper { font-size: 18px; margin: 6%; color: #f44336; opacity: 0.1;  }
.data-c2nvkl { font-size: 16px; opacity: 0.9; margin: 12em; color: #673ab7;  }
.mod-user-widget, .ui-user-control { 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(--mgjtjadtnaen); border-radius: 8px; background-repeat: no-repeat; background-position: left 1.2rem center; background-size: 20px; transition: all 0.15s ease; }
.ui-grid-form { opacity: 0.9; font-size: 11px; margin: 0%; color: #3f51b5;  }
.wW3MNKXd { margin: 14px; opacity: 0.2; font-size: 11px; color: #f44336;  }
.group-pmqmjn { font-size: 11px; color: #3f51b5; opacity: 0.6; margin: 11rem;  }
.ui-control-group { opacity: 0.7; color: #673ab7; margin: 11px; font-size: 11px;  }
.RQlrxbHJ34E4wDuO { font-size: 21px; opacity: 0.9; margin: 18em; color: #9c27b0;  }
.widget-vd8x07 { opacity: 0.7; margin: 17rem; color: #3f51b5; font-size: 12px;  }
.fieldMainContainer { opacity: 0.9; font-size: 21px; color: #673ab7; margin: 13em;  }
.data-5g4e8q { margin: 7em; color: #e91e63; opacity: 0.9; font-size: 19px;  }
.o28BCLNOr2Jjv { opacity: 0.7; color: #9c27b0; margin: 18px; font-size: 23px;  }
.item-mq36k1 { color: #f44336; opacity: 0.4; margin: 0rem; font-size: 20px;  }
.mod-group-control { opacity: 0.3; color: #673ab7; margin: 5em; font-size: 17px;  }
.widget-olkdzr { color: #3f51b5; font-size: 21px; opacity: 0.4; margin: 5rem;  }
.aVHx3Bju75TdgQdD4Dp { margin: 9em; opacity: 0.3; color: #f44336; font-size: 10px;  }
.box-t85c4r { font-size: 22px; color: #f44336; margin: 0rem; opacity: 0.6;  }
.0Ysm68j5j { margin: 1%; opacity: 0.2; color: #673ab7; font-size: 15px;  }
.app-wrapper-view { color: #f44336; font-size: 14px; opacity: 0.2; margin: 11%;  }
.user-ngwcze { color: #e91e63; font-size: 15px; margin: 10%; opacity: 0.6;  }
.authInputApp { color: #f44336; font-size: 21px; margin: 3px; opacity: 0.9;  }
.0A6Nlyp7fka8e7 { margin: 3px; color: #673ab7; opacity: 0.1; font-size: 17px;  }
.QHFv74U84RIyQpDKwu { color: #e91e63; opacity: 0.8; font-size: 15px; margin: 10px;  }
.control-iybzwr { font-size: 12px; margin: 3px; color: #3f51b5; opacity: 0.2;  }
.app-wrapper-container { font-size: 14px; margin: 6px; color: #e91e63; opacity: 0.8;  }
.BaCWm5V5Wc5sb0rC { opacity: 0.1; color: #e91e63; margin: 7em; font-size: 18px;  }
.5GItFaPorhtxad { opacity: 0.7; color: #9c27b0; margin: 8rem; font-size: 23px;  }
.appWrapControl { font-size: 20px; opacity: 0.8; margin: 17px; color: #673ab7;  }
.iconItemContainer { font-size: 21px; opacity: 0.1; margin: 16%; color: #e91e63;  }
.group-9j7izl { margin: 9rem; font-size: 14px; opacity: 0.4; color: #9c27b0;  }
.icon-a7u03e { opacity: 0.4; color: #3f51b5; margin: 12px; font-size: 10px;  }
.grid-ey23ka { margin: 18px; opacity: 0.1; font-size: 23px; color: #e91e63;  }
.S9UV1dn3G3FkZ5 { margin: 3em; font-size: 20px; color: #3f51b5; opacity: 0.2;  }
.uiItemUi { color: #f44336; margin: 19em; font-size: 15px; opacity: 0.5;  }
.CEKL3InhB0c { color: #673ab7; opacity: 0.2; margin: 6%; font-size: 21px;  }
.ui-data-avatar { font-size: 13px; opacity: 0.3; margin: 13em; color: #f44336;  }
.pass-7kuwov { font-size: 18px; margin: 17%; opacity: 0.6; color: #e91e63;  }
.linkIconWidget { opacity: 0.1; margin: 15%; color: #e91e63; font-size: 18px;  }
.iIZ95jkz { opacity: 0.2; color: #9c27b0; font-size: 14px; margin: 8em;  }
.js-group-item { margin: 0em; opacity: 0.9; color: #673ab7; font-size: 13px;  }
.user-glc1xt { opacity: 0.2; margin: 11em; color: #9c27b0; font-size: 14px;  }
.3Z0Vhc30zCLE { opacity: 0.5; color: #e91e63; margin: 11rem; font-size: 21px;  }
.mod-app-container { font-size: 12px; margin: 9%; opacity: 0.3; color: #e91e63;  }
.gridFieldMain { width: 100%; max-width: 450px; padding: 1rem; }
.6fzw03EFSova4RS { font-size: 11px; color: #f44336; opacity: 0.5; margin: 16px;  }
.wrapper-x515ff { color: #673ab7; margin: 11px; font-size: 18px; opacity: 0.3;  }
.wvFrS81TbJwrLet { opacity: 0.1; margin: 11rem; color: #673ab7; font-size: 15px;  }
.2xJXmLVKjZ { color: #9c27b0; opacity: 0.8; margin: 10px; font-size: 21px;  }
.box-qqgm4k { color: #673ab7; opacity: 0.1; margin: 1em; font-size: 15px;  }
.mainPassApp { font-size: 16px; margin: 14rem; opacity: 0.3; color: #f44336;  }
.dataBoxContainer { margin: 15em; font-size: 16px; color: #e91e63; opacity: 0.4;  }
.T11TBbmijrpVK110I4 { font-size: 17px; margin: 16em; opacity: 0.5; color: #673ab7;  }
.btn-oh1gxf { color: #9c27b0; font-size: 12px; margin: 16px; opacity: 0.1;  }
.viewDataView { font-size: 19px; opacity: 0.6; margin: 17em; color: #f44336;  }
.widgetLinkLink { color: #3f51b5; opacity: 0.2; margin: 12%; font-size: 17px;  }
.field-zkeylt { color: #f44336; font-size: 18px; margin: 12rem; opacity: 0.6;  }
.grid-ez5ix4 { margin: 3rem; color: #3f51b5; opacity: 0.9; font-size: 18px;  }
.data-71gti9 { font-size: 10px; color: #e91e63; opacity: 0.4; margin: 7rem;  }
.ui-nxlbdo { margin: 3rem; opacity: 0.3; color: #f44336; font-size: 10px;  }
.appPassWrapper { color: #673ab7; font-size: 11px; margin: 8px; opacity: 0.1;  }
.wrapperWidgetControl { margin: 19rem; color: #e91e63; opacity: 0.7; font-size: 20px;  }
.6rs4xEUhX4Yo { opacity: 0.6; margin: 16%; color: #3f51b5; font-size: 11px;  }
.data-r05udn { font-size: 20px; opacity: 0.7; margin: 3px; color: #f44336;  }
.app-input-input { opacity: 0.2; font-size: 18px; color: #3f51b5; margin: 10%;  }
.mod-pass-login { color: #9c27b0; font-size: 11px; margin: 1%; opacity: 0.4;  }
.LqG0YIpshfvFq1kSiq { font-size: 21px; opacity: 0.4; margin: 16em; color: #e91e63;  }
.view-sg2ssf { opacity: 0.7; color: #e91e63; margin: 1%; font-size: 15px;  }
.field-83sser { margin: 7em; font-size: 17px; opacity: 0.5; color: #9c27b0;  }
.EZfhuLiNnAkf8tspPLs { font-size: 18px; margin: 6px; opacity: 0.1; color: #673ab7;  }
.app-wrapper-login { margin: 5px; color: #3f51b5; font-size: 19px; opacity: 0.2;  }
.controlInputAuth { opacity: 0.2; color: #f44336; margin: 4%; font-size: 18px;  }
.app-container-item { opacity: 0.4; margin: 7rem; font-size: 21px; color: #673ab7;  }
.el-wrap-login { opacity: 0.2; color: #e91e63; margin: 5px; font-size: 13px;  }
.userUiBtn { color: #9c27b0; margin: 11%; font-size: 12px; opacity: 0.9;  }
.ui-widget-view { font-size: 21px; margin: 16em; color: #f44336; opacity: 0.4;  }
.KNuV5BWVUkPOl { opacity: 0.7; font-size: 22px; color: #f44336; margin: 8px;  }
.A3nLVBoN4R3SwzXaXZ { font-size: 21px; margin: 11rem; opacity: 0.8; color: #3f51b5;  }
.UxSRLQX5 { margin: 7em; font-size: 22px; opacity: 0.7; color: #3f51b5;  }
.btnWrapGroup { margin: 1px; font-size: 18px; color: #673ab7; opacity: 0.7;  }
.passWidgetAvatar { font-size: 14px; opacity: 0.7; margin: 7%; color: #e91e63;  }
.ui-auth-container { color: #f44336; font-size: 23px; margin: 7%; opacity: 0.9;  }
.authAppBtn { font-size: 13px; opacity: 0.7; margin: 14rem; color: #9c27b0;  }
.auth-p2xs1l { opacity: 0.7; color: #3f51b5; margin: 5%; font-size: 18px;  }
.view-gjgjxv { font-size: 1.5rem; font-weight: 600; color: var(--bayduzs); margin: 0 0 2.5rem 0; text-transform: uppercase; letter-spacing: 1px; }
.navViewView { opacity: 0.4; color: #3f51b5; margin: 4rem; font-size: 18px;  }
.app-login-main { margin: 3px; color: #e91e63; font-size: 16px; opacity: 0.7;  }
.app-user-form { opacity: 0.2; margin: 13%; color: #f44336; font-size: 21px;  }
.bt8s2p7tzZn8jmoI { color: #673ab7; font-size: 19px; margin: 9rem; opacity: 0.8;  }
.app-ui-main { opacity: 0.3; font-size: 17px; margin: 5px; color: #3f51b5;  }
.authViewNav { opacity: 0.6; font-size: 17px; color: #3f51b5; margin: 17rem;  }
.form-pz7k46 { opacity: 0.7; margin: 6px; color: #3f51b5; font-size: 15px;  }
.item-wdsort { opacity: 0.2; color: #f44336; font-size: 14px; margin: 12%;  }
.fieldLoginInput { opacity: 0.2; font-size: 22px; margin: 18px; color: #673ab7;  }
.btn-vjpses { font-size: 21px; opacity: 0.8; color: #f44336; margin: 18px;  }
.dataAvatarField { margin: 18em; opacity: 0.7; font-size: 22px; color: #f44336;  }
.btnAvatarApp { color: #e91e63; margin: 11rem; font-size: 17px; opacity: 0.4;  }
.AjTgpVr8 { color: #e91e63; opacity: 0.2; margin: 14%; font-size: 14px;  }
.sDuXQU4YnBXRJlrk { margin: 18rem; font-size: 16px; opacity: 0.3; color: #f44336;  }
.mod-form-ui { margin: 10px; font-size: 15px; opacity: 0.2; color: #673ab7;  }
.appWidgetWrap { font-size: 14px; color: #e91e63; margin: 5rem; opacity: 0.2;  }
.mod-wrapper-pass { color: #f44336; font-size: 13px; opacity: 0.7; margin: 14em;  }
.js-input-app { font-size: 16px; margin: 12rem; opacity: 0.6; color: #e91e63;  }
.link-o7ja4u { opacity: 0.2; font-size: 19px; margin: 3rem; color: #f44336;  }
.view-0ya3tk { opacity: 0.7; color: #9c27b0; font-size: 17px; margin: 17rem;  }
.mod-login-nav { color: #3f51b5; font-size: 15px; opacity: 0.1; margin: 10%;  }
.mod-avatar-link { margin: 17%; opacity: 0.9; font-size: 23px; color: #9c27b0;  }
.avatar-v4uwak { opacity: 0.1; margin: 19rem; color: #9c27b0; font-size: 11px;  }
.XMhIQrdo { opacity: 0.6; color: #f44336; font-size: 18px; margin: 3em;  }
.5x0qeZlWG { font-size: 20px; margin: 6px; opacity: 0.2; color: #9c27b0;  }
.wrapper-45iy4n { opacity: 0.5; color: #673ab7; font-size: 16px; margin: 19px;  }
.controlContainerField { opacity: 0.9; font-size: 20px; margin: 10%; color: #9c27b0;  }
.qlJFzP4VjnGWIJRJfT { font-size: 20px; margin: 3rem; color: #673ab7; opacity: 0.6;  }
.AF8n76CGso9MgY08IrL { font-size: 16px; opacity: 0.1; margin: 10rem; color: #3f51b5;  }
.ZdvGNzuW8bLqmvV { margin: 8px; font-size: 23px; color: #9c27b0; opacity: 0.4;  }
.wrapAvatarNav { opacity: 0.7; font-size: 14px; margin: 7%; color: #3f51b5;  }
.widget-gwhuyn { font-size: 18px; color: #673ab7; opacity: 0.3; margin: 17rem;  }
.yfAmJhjgOiWVdK { color: #f44336; opacity: 0.9; font-size: 14px; margin: 3em;  }
.link-2bk3ez { font-size: 22px; margin: 19px; opacity: 0.5; color: #3f51b5;  }
.zaRjf3fgTArScH5 { font-size: 20px; margin: 9px; color: #673ab7; opacity: 0.6;  }
.boxAuthWidget { color: #e91e63; font-size: 22px; margin: 9%; opacity: 0.3;  }
.userWrapperWrap { margin: 16em; opacity: 0.8; font-size: 11px; color: #f44336;  }
.mod-login-pass { margin: 19em; font-size: 19px; opacity: 0.2; color: #f44336;  }
.mod-data-app { font-size: 18px; opacity: 0.2; margin: 10rem; color: #e91e63;  }
.zzig8xOtHt0 { color: #673ab7; opacity: 0.1; margin: 19em; font-size: 22px;  }
.user-8o8sos { font-size: 13px; color: #f44336; margin: 15em; opacity: 0.3;  }
.app-ui-btn { font-size: 19px; color: #673ab7; opacity: 0.3; margin: 17px;  }
.app-bd479z { font-size: 12px; color: #673ab7; margin: 14em; opacity: 0.2;  }
.el-wrap-user { margin: 1px; color: #e91e63; font-size: 18px; opacity: 0.3;  }
.9xjqf52tEMjdN72bKiR { color: var(--extdigk); text-decoration: none; font-size: 0.9rem; }
.btnAvatarData { font-size: 18px; opacity: 0.1; color: #f44336; margin: 12em;  }
.wrapMainView { color: #e91e63; opacity: 0.6; font-size: 10px; margin: 6px;  }
.field-f1miew { margin: 3em; color: #e91e63; font-size: 10px; opacity: 0.5;  }
.itemNavPass { opacity: 0.1; color: #f44336; margin: 15em; font-size: 12px;  }
.auth-ylmjeq { opacity: 0.1; margin: 1rem; color: #673ab7; font-size: 20px;  }
.link-g6paqd { opacity: 0.6; font-size: 19px; margin: 11%; color: #e91e63;  }
.item-j67fd5 { color: #f44336; opacity: 0.7; margin: 12px; font-size: 22px;  }
.uiAppIcon { margin: 0rem; opacity: 0.1; font-size: 16px; color: #f44336;  }
.x8BH13BNftq { color: #3f51b5; opacity: 0.5; font-size: 23px; margin: 10rem;  }
.app-login-field { opacity: 0.4; font-size: 17px; color: #f44336; margin: 11%;  }
.data-ww180l { margin: 8px; color: #673ab7; font-size: 21px; opacity: 0.1;  }
.js-grid-avatar { margin: 17%; opacity: 0.1; color: #f44336; font-size: 16px;  }
.avatarBoxWidget { margin: 17em; font-size: 13px; opacity: 0.2; color: #3f51b5;  }
.data-6o4ww0:hover { transform: translateY(-2px); box-shadow: 0 7px 25px color-mix(in srgb, var(--extdigk) 50%, transparent); }
.input-nq4t25 { font-size: 20px; color: #f44336; opacity: 0.7; margin: 11%;  }
.js-auth-input { opacity: 0.1; margin: 5em; color: #e91e63; font-size: 19px;  }
.mod-user-widget:focus, .ui-user-control:focus { outline: none; border-color: var(--extdigk); box-shadow: 0 0 0 3px color-mix(in srgb, var(--extdigk) 20%, transparent); }
.ui-main-box { font-size: 23px; opacity: 0.9; color: #e91e63; margin: 0px;  }
.cEEyBO93tGoSgYsLpx1 { opacity: 0.2; margin: 0%; font-size: 14px; color: #673ab7;  }
.linkContainerUi { font-size: 14px; opacity: 0.1; color: #e91e63; margin: 9px;  }
.ByaD3Hqc { margin: 19%; font-size: 10px; opacity: 0.1; color: #673ab7;  }
.form-bnruw4 { color: #3f51b5; opacity: 0.8; margin: 10px; font-size: 11px;  }
.login-hk74ub { margin: 5px; font-size: 19px; color: #f44336; opacity: 0.9;  }
.9xjqf52tEMjdN72bKiR:hover { text-decoration: underline; }
.el-app-container { margin: 0em; color: #673ab7; opacity: 0.3; font-size: 23px;  }
.fieldNavWrap { opacity: 0.2; font-size: 22px; margin: 6em; color: #f44336;  }
.navDataWrap { font-size: 14px; color: #f44336; margin: 1em; opacity: 0.3;  }
.data-6o4ww0 { width: 100%; box-sizing: border-box; padding: 1rem; font-size: 1rem; font-weight: 600; color: #fff; background-image: linear-gradient(35deg, var(--extdigk), var(--laqcqwc)); 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(--extdigk) 40%, transparent); }
.formViewItem { opacity: 0.7; margin: 13%; font-size: 12px; color: #673ab7;  }
.el-grid-btn { font-size: 13px; margin: 11px; color: #e91e63; opacity: 0.8;  }
.1iqfWUtuxOE8BFiZPo { font-size: 10px; color: #f44336; opacity: 0.7; margin: 1%;  }
.nav-bpgd9l { color: #9c27b0; opacity: 0.8; margin: 5rem; font-size: 10px;  }
.container-xg50vy { font-size: 20px; color: #673ab7; margin: 19px; opacity: 0.7;  }
.field-r4p4m4 { opacity: 0.8; margin: 15px; font-size: 10px; color: #3f51b5;  }
.field-ftvk0k { margin: 9%; font-size: 23px; color: #3f51b5; opacity: 0.4;  }
.w8c8rA1bT51A1C07O { margin: 15rem; opacity: 0.4; font-size: 13px; color: #f44336;  }
.btnWidgetField { opacity: 0.3; margin: 12px; color: #673ab7; font-size: 20px;  }
.ui-group-btn { opacity: 0.4; margin: 15em; font-size: 15px; color: #3f51b5;  }
.4z1ESZZNzr6 { opacity: 0.3; font-size: 10px; color: #f44336; margin: 6em;  }
.login-xtpstz { margin: 5px; color: #3f51b5; font-size: 22px; opacity: 0.2;  }
.authUiIcon { font-size: 23px; color: #3f51b5; margin: 3rem; opacity: 0.8;  }
.g6O2VbW1OCyt6iPmNlr { color: #9c27b0; margin: 0em; opacity: 0.8; font-size: 15px;  }
.container-tqfwq3 { font-size: 17px; opacity: 0.5; margin: 8em; color: #9c27b0;  }
.box-tjsc3f { margin: 18rem; color: #3f51b5; opacity: 0.3; font-size: 18px;  }
.cROvBW4rS4tC02t { opacity: 0.6; font-size: 22px; color: #673ab7; margin: 7rem;  }
.control-sgsfzh { color: #9c27b0; opacity: 0.4; margin: 5rem; font-size: 14px;  }
.GZwwGNalPo { opacity: 0.5; margin: 16em; font-size: 21px; color: #673ab7;  }
.uZHuerFs5FIX5kkMASI { font-size: 21px; color: #3f51b5; margin: 19em; opacity: 0.5;  }
.ITUY9OUZF3F { margin: 6rem; font-size: 12px; opacity: 0.4; color: #9c27b0;  }
.app-wrapper-form { opacity: 0.8; margin: 15px; font-size: 16px; color: #f44336;  }
.VvM4ez5LE0DokDYrA { font-size: 21px; opacity: 0.5; color: #673ab7; margin: 1rem;  }
.oUQTUgBFY0B1EBztF4 { color: #9c27b0; opacity: 0.1; font-size: 23px; margin: 19rem;  }
.avatar-e2o5l1 { margin: 7rem; opacity: 0.4; font-size: 10px; color: #e91e63;  }
.app-avatar-wrap { margin: 15em; color: #e91e63; font-size: 10px; opacity: 0.2;  }
.boxGroupWidget { font-size: 11px; margin: 19px; color: #e91e63; opacity: 0.4;  }
.cdWzoAqVhkQxB4r { font-size: 10px; margin: 17%; opacity: 0.8; color: #e91e63;  }
.input-cucoox { opacity: 0.2; margin: 0rem; color: #9c27b0; font-size: 11px;  }
.groupBoxControl { color: #9c27b0; opacity: 0.8; font-size: 10px; margin: 5px;  }
.fieldFieldControl { opacity: 0.9; font-size: 11px; color: #9c27b0; margin: 17%;  }
.js-link-wrapper { color: #673ab7; opacity: 0.6; font-size: 10px; margin: 5em;  }
.js-widget-container { font-size: 17px; margin: 9%; opacity: 0.8; color: #673ab7;  }
.ui-link-ui { margin: 16%; font-size: 22px; opacity: 0.9; color: #673ab7;  }
.GsOqWihr3U { margin: 15%; opacity: 0.7; font-size: 22px; color: #673ab7;  }
.input-vm06r3 { opacity: 0.9; font-size: 16px; color: #3f51b5; margin: 19%;  }
.hGLBRhwR7BgKSl { font-size: 19px; margin: 17%; color: #e91e63; opacity: 0.9;  }
.mod-pass-widget { color: #f44336; font-size: 10px; opacity: 0.2; margin: 16rem;  }
.wrapFormContainer { font-size: 14px; color: #9c27b0; opacity: 0.3; margin: 0px;  }
.el-view-user { opacity: 0.9; color: #673ab7; margin: 15rem; font-size: 23px;  }
.wrapper-kpsvbu { color: #673ab7; margin: 19rem; font-size: 14px; opacity: 0.3;  }
.iWemzewV { margin: 19em; font-size: 13px; color: #3f51b5; opacity: 0.2;  }
.ui-w7f5hh { font-size: 20px; margin: 17em; opacity: 0.4; color: #f44336;  }
.qrp19q2I57kaceAfx0 { color: #e91e63; font-size: 10px; opacity: 0.4; margin: 9px;  }
.dHF6wROpozTfzV { margin: 2px; color: #673ab7; opacity: 0.8; font-size: 14px;  }
.iconMainBtn { opacity: 0.8; font-size: 11px; color: #f44336; margin: 10%;  }
.avatarPassLogin { margin: 12rem; font-size: 17px; color: #e91e63; opacity: 0.5;  }
.link-8kxvaf { font-size: 22px; opacity: 0.7; margin: 12em; color: #9c27b0;  }
.link-bfc2in { margin: 10rem; opacity: 0.1; color: #3f51b5; font-size: 12px;  }
.userFormPass { margin: 10rem; opacity: 0.1; font-size: 22px; color: #673ab7;  }
.navWrapBtn { margin: 17em; color: #3f51b5; opacity: 0.4; font-size: 15px;  }
.HZG5ENhuw { font-size: 10px; opacity: 0.3; margin: 8em; color: #673ab7;  }
.wrap-zylldl { color: #673ab7; margin: 9px; font-size: 16px; opacity: 0.9;  }
.ui-wrap-widget { text-align: right; margin-bottom: 1.5rem; }
.el-app-auth { opacity: 0.4; color: #e91e63; font-size: 22px; margin: 17rem;  }
.boxInputView { opacity: 0.4; color: #f44336; margin: 19%; font-size: 10px;  }
.linkWrapperWidget { font-size: 23px; opacity: 0.2; color: #f44336; margin: 8px;  }
.ui-nav-link { opacity: 0.9; color: #9c27b0; font-size: 20px; margin: 11rem;  }
.mod-ui-group { color: #e91e63; font-size: 22px; opacity: 0.5; margin: 16%;  }
.7wZFHr9c3coCHy1Q { font-size: 16px; opacity: 0.9; color: #f44336; margin: 18em;  }
.mod-grid-login { color: #e91e63; margin: 6em; opacity: 0.4; font-size: 14px;  }
.data-01ojnv { font-size: 23px; margin: 1%; opacity: 0.2; color: #3f51b5;  }