.header[data-v-f76be428]{display:flex;justify-content:space-between;padding:10px 24px;width:100%;z-index:49}@media only screen and (max-width:768px){.header[data-v-f76be428]{padding:6px 12px}}.header .logo[data-v-f76be428]{align-items:center;-moz-column-gap:6px;column-gap:6px;display:flex}.header .logo .popup[data-v-f76be428]:hover{animation:popup-text .5s ease-in-out both}.header .logo span[data-v-f76be428]{cursor:pointer;font-size:34px;padding:4px;transition:scale .2s ease}.header .logo span[data-v-f76be428]:active{opacity:.6;scale:.9}.header .logo h4[data-v-f76be428]{animation:popup-text .5s ease-in-out both;font-size:24px;font-weight:500;z-index:5}@media only screen and (max-width:768px){.header .logo h4[data-v-f76be428]{font-size:16px}}.header .profile[data-v-f76be428]{align-items:center;display:flex;gap:6px}@media only screen and (max-width:768px){.header .profile[data-v-f76be428]{gap:0}}.header .profile .option-lang[data-v-f76be428]{align-items:center;-moz-column-gap:8px;column-gap:8px;display:flex}.header .profile .option-lang img[data-v-f76be428]{aspect-ratio:1/1;border-radius:50%;height:auto;-o-object-fit:cover;object-fit:cover;overflow:hidden;width:24px}@media only screen and (max-width:768px){.header .profile .option-lang img[data-v-f76be428]{width:20px}}.header .profile .option-lang p[data-v-f76be428]{font-size:16px}@media only screen and (max-width:768px){.header .profile .option-lang p[data-v-f76be428]{font-size:12px}}.bg-cem[data-v-f76be428],.bg-qr-box[data-v-f76be428]{background:linear-gradient(0deg,#2a4983 -14%,#192b4d);color:#fff}.bg-vending[data-v-f76be428]{background-color:#fbfbfb;box-shadow:0 0 9px #929596aa;color:#0d1013}.sidebar[data-v-80d50ca3]{background:#fff;display:flex;height:100%;transition:all .4s ease;width:72px;z-index:48}@media only screen and (max-width:768px){.sidebar[data-v-80d50ca3]{margin-left:-180px;width:180px}}.sidebar .back-drop[data-v-80d50ca3]{background:#33333350;bottom:0;left:0;opacity:0;pointer-events:none;position:fixed;right:0;top:0;transition:all .2s ease;visibility:hidden;width:100vw;z-index:-1}@media only screen and (max-width:768px){.sidebar .back-drop-active[data-v-80d50ca3]{opacity:1;pointer-events:auto;visibility:visible}}.sidebar ul[data-v-80d50ca3]{background:#fff;padding:0 10px;width:100%}@media only screen and (max-width:768px){.sidebar ul[data-v-80d50ca3]{padding:0 8px}}.sidebar ul li[data-v-80d50ca3]{width:100%}.sidebar ul li a[data-v-80d50ca3]{align-items:center;background:#fff;border-radius:14px;cursor:pointer;display:flex;gap:16px;margin:16px 0;overflow:hidden;padding:14px;transition:all .2s ease;width:100%}@media only screen and (max-width:768px){.sidebar ul li a[data-v-80d50ca3]{border-radius:12px;gap:8px;height:48px;margin:10px 0;padding:12px}}.sidebar ul li a p[data-v-80d50ca3]{font-size:16px;font-weight:300;margin:auto 0;opacity:0;white-space:nowrap}@media only screen and (max-width:768px){.sidebar ul li a p[data-v-80d50ca3]{font-size:14px;opacity:1!important}}.sidebar ul li a svg[data-v-80d50ca3]{fill:#737791;flex-shrink:0}.sidebar ul li a[data-v-80d50ca3]:hover{background:#2a4983}.sidebar ul li a:hover svg[data-v-80d50ca3]{fill:#fff}.sidebar ul li a:hover span[data-v-80d50ca3]{color:#fff}.sidebar ul li a:hover p[data-v-80d50ca3]{color:#fff;font-weight:400}.sidebar ul li .active[data-v-80d50ca3]{background:#2a4983}.sidebar ul li .active svg[data-v-80d50ca3]{fill:#fff}.sidebar ul li .active span[data-v-80d50ca3]{color:#fff}.sidebar ul li .active p[data-v-80d50ca3]{color:#fff;font-weight:400}.sidebar-active[data-v-80d50ca3]{width:220px}@media only screen and (max-width:768px){.sidebar-active[data-v-80d50ca3]{margin-left:0;width:180px}}.sidebar-active ul li a p[data-v-80d50ca3]{animation:hide-element-80d50ca3 .4s both;animation-delay:.2s}@keyframes hide-element-80d50ca3{0%{opacity:0}to{opacity:1}}body,html{background:#f7f8f9}.header{right:0;top:0}.header,.sidebar{left:0;position:fixed}.sidebar{bottom:0;top:62px}@media only screen and (max-width:768px){.sidebar{top:54px}}.loader{left:0;position:fixed;right:0;top:0}.pages{margin-left:220px;margin-top:66px;padding:16px;transition:margin,all .4s ease;width:100vw;width:calc(100vw - 220px)}@media only screen and (max-width:768px){.pages{margin-left:0;margin-top:54px;padding:12px;width:100vw}}.sidebar-mini{margin-left:72px;width:calc(100vw - 72px)}@media only screen and (max-width:768px){.sidebar-mini{margin-left:0;width:100vw}}.page-enter-active,.page-leave-active{transition:all .2s}.page-enter-from,.page-leave-to{filter:blur(.2rem);opacity:0}.third-party{margin:0!important;width:100%!important}