.main-top-bar[data-v-909a9c8a]{background-color:#fff;border-bottom:1px solid #f3f5f7;justify-content:space-between;align-items:center;height:64px;padding:16px 24px;display:flex}.top-bar-left[data-v-909a9c8a]{flex:1}.top-bar-right[data-v-909a9c8a]{align-items:center;gap:16px;display:flex}.avatar-btn[data-v-909a9c8a],.notification-btn[data-v-909a9c8a]{cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:8px;display:flex}.avatar-btn[data-v-909a9c8a]:hover,.notification-btn[data-v-909a9c8a]:hover{background-color:#f3f5f7}.avatar-icon[data-v-909a9c8a],.notification-icon[data-v-909a9c8a]{color:#37474f;width:20px;height:20px}.floating-menu[data-v-909a9c8a]{opacity:0;visibility:hidden;background-color:#fff;border:1px solid #f3f5f7;border-radius:6px;padding:16px;transition:all .2s;position:absolute;top:54px;right:32px;transform:translateY(-10px);box-shadow:0 4px 6px #0000001a}.floating-menu[data-active=true][data-v-909a9c8a]{opacity:1;visibility:visible;transform:translateY(0)}.menu-item[data-v-909a9c8a]{cursor:pointer;border-radius:6px;align-items:center;gap:16px;padding:8px;display:flex}.menu-item[data-v-909a9c8a]:hover{background-color:#f3f5f7}.menu-error[data-v-909a9c8a]{color:#ff1744;white-space:nowrap;margin:8px 0 0;padding:0 8px;font-size:12px}.nav-list[data-v-0209977f]{line-height:1.6}.nav-item[data-active=true] .nav-link[data-v-0209977f]{background-color:#f3f5f7;font-weight:700}.nav-item[data-active=true] .nav-link .nav-icon[data-v-0209977f],.nav-link[data-v-0209977f]{color:#37474f}.nav-link[data-v-0209977f]{border-radius:6px;align-items:center;padding:4px 16px;display:flex}.nav-link[data-v-0209977f]:hover{background-color:#f3f5f7}.nav-icon[data-v-0209977f]{text-align:center;color:#607d8b;width:20px;font-size:14px}.basic-page-grid[data-v-6c78432c]{grid-template-columns:260px 1fr;width:100%;min-height:100vh;display:grid}.basic-page-grid[data-sidebar=false][data-v-6c78432c]{grid-template-columns:1fr}.basic-page-grid .main-content-container[data-v-6c78432c]{display:block}.basic-page-grid .main-content-container .top-bar[data-v-6c78432c]{z-index:100;background:#fff;position:sticky;top:0}.basic-page-grid .main-content-container .container[data-v-6c78432c]{padding:32px}.basic-page-grid[data-full-width=true] .main-content-container .container[data-v-6c78432c]{width:100%;max-width:100%;padding:32px}.side-bar[data-v-6c78432c]{border-right:1px solid #edf0f3;width:260px;height:100vh;position:sticky;top:0;overflow-y:auto}.side-bar .sidebar-header[data-v-6c78432c]{height:140px;padding:16px;display:flex}.side-bar .sidebar-header .logo[data-v-6c78432c]{max-width:120px;height:auto}.side-bar .sidebar-body[data-v-6c78432c]{padding:16px}