.layout[data-v-3fcfc7d7]{display:flex;gap:.8rem;padding-top:2rem}.layout-left[data-v-3fcfc7d7]{position:sticky;position:-webkit-sticky;top:2rem}.layout-right[data-v-3fcfc7d7]{width:calc(100% - 310px)}.menu[data-v-3fcfc7d7]{align-items:center;border-radius:10px;display:flex;flex-direction:column;justify-content:space-between;padding:1.5rem;width:-moz-fit-content;width:fit-content;width:300px}.menu-header[data-v-3fcfc7d7]{background:linear-gradient(var(--primary-800),var(--primary-600),var(--primary-400));border-radius:10px;color:var(--primary-color-text);margin-bottom:1rem;width:100%}.menu-header-title[data-v-3fcfc7d7]{line-height:1.1;margin-bottom:1rem;padding:1rem;width:100%}.menu-header-title div[data-v-3fcfc7d7],.menu-header-title h4[data-v-3fcfc7d7]{display:-webkit-box;overflow:hidden;-webkit-line-clamp:1;-webkit-box-orient:vertical}.menu-header-title h4[data-v-3fcfc7d7]{font-size:1.2rem;font-weight:700}.menu-header-section .clipboard[data-v-3fcfc7d7]{background-color:#d1d5db;color:#4b5563;display:flex;justify-content:space-between;padding:.5rem}.menu-header-section .clipboard-action[data-v-3fcfc7d7]{cursor:pointer}.menu-header-badge[data-v-3fcfc7d7]{align-items:center;background-color:var(--surface-f);border-radius:0 0 10px 10px;box-shadow:var(--box-shadow);color:var(--text-color);cursor:pointer;display:flex;gap:.5rem;justify-content:space-between;line-height:1;padding:.8rem 1rem;text-decoration:none}.menu-header-badge .icon[data-v-3fcfc7d7]{font-size:1rem}.menu-header-badge-content[data-v-3fcfc7d7]{align-items:center;display:flex;gap:.5rem}.menu-header-badge .title[data-v-3fcfc7d7]{font-size:1.05rem;font-weight:700}.menu-header-badge.router-link-active[data-v-3fcfc7d7]{color:var(--color-primary)}.menu-header-badge small[data-v-3fcfc7d7]{font-size:.8rem}.menu-avatar[data-v-3fcfc7d7]{background-repeat:no-repeat;background-size:cover;border-radius:50%;height:6rem;margin-bottom:2rem;position:relative;width:6rem}.menu-avatar-btn[data-v-3fcfc7d7]{align-items:center;background-color:var(--color-primary);border-radius:50%;bottom:0;box-shadow:var(--box-shadow);color:var(--primary-color-text);cursor:pointer;display:flex;font-size:.7rem;justify-content:center;padding:.4rem;position:absolute;right:0;transition:all .2s ease-in}.menu-avatar-btn[data-v-3fcfc7d7]:hover{transform:scale(1.1)}.menu-lists[data-v-3fcfc7d7]{background-color:var(--surface-50);border-radius:10px;box-shadow:var(--box-shadow);display:flex;flex-direction:column;margin-bottom:1.5rem;width:100%}.menu-item[data-v-3fcfc7d7]{align-items:center;border-bottom:1px solid var(--surface-300);color:var(--text-color-secondary);cursor:pointer;display:flex;gap:.5rem;line-height:1;padding:.8rem 1rem;text-decoration:none}.menu-item[data-v-3fcfc7d7]:hover{background-color:var(--surface-200)}.menu-item.active[data-v-3fcfc7d7],.menu-item.router-link-active[data-v-3fcfc7d7]{border-right:5px solid var(--color-primary);color:var(--color-primary)}.menu-item small[data-v-3fcfc7d7]{font-size:.8rem}.menu-footer[data-v-3fcfc7d7]{width:100%}.menu-footer-btn[data-v-3fcfc7d7]{align-items:center;background-color:var(--red-400);border-radius:0 0 10px 10px;color:#f5f5f5;cursor:pointer;display:flex;gap:.5rem;justify-content:center;padding:.4rem;width:100%}@media screen and (max-width:767.98px){.layout-left[data-v-3fcfc7d7],.layout-right[data-v-3fcfc7d7]{width:100%}.layout-left[data-v-3fcfc7d7]{display:none}}