.app-layout[data-v-5c91aefa]{background-color:#f5f7fa;height:100vh;display:flex;overflow:hidden}.app-layout .sidebar[data-v-5c91aefa]{background-color:#fff;border-right:1px solid #e6e9ef;flex-direction:column;flex-shrink:0;width:220px;display:flex;overflow-y:auto}.app-layout .sidebar .logo[data-v-5c91aefa]{color:#2c3e50;border-bottom:1px solid #e6e9ef;flex-shrink:0;align-items:center;height:60px;padding:0 20px;font-size:18px;font-weight:600;display:flex}.app-layout .sidebar .nav-menu[data-v-5c91aefa]{padding:16px 0}.app-layout .sidebar .nav-menu .nav-link[data-v-5c91aefa]{color:#4b5563;border-left:3px solid #0000;align-items:center;gap:10px;padding:12px 20px;font-size:15px;text-decoration:none;transition:all .2s;display:flex}.app-layout .sidebar .nav-menu .nav-link[data-v-5c91aefa]:hover{color:#3b82f6;background-color:#f8fafc}.app-layout .sidebar .nav-menu .nav-link.router-link-active[data-v-5c91aefa]{color:#3b82f6;background-color:#f0f7ff;border-left-color:#3b82f6;font-weight:600}.app-layout .main-area[data-v-5c91aefa]{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.app-layout .topbar[data-v-5c91aefa]{background-color:#fff;border-bottom:1px solid #e6e9ef;flex-shrink:0;justify-content:space-between;align-items:center;height:60px;padding:0 24px;display:flex}.app-layout .topbar .breadcrumb[data-v-5c91aefa]{color:#6b7280;font-size:14px}.app-layout .topbar .breadcrumb span[data-v-5c91aefa]{color:#3b82f6;font-weight:500}.app-layout .topbar .user-info[data-v-5c91aefa]{color:#4b5563;align-items:center;gap:10px;font-size:14px;display:flex}.app-layout .topbar .user-info .avatar[data-v-5c91aefa]{color:#3b82f6;text-transform:uppercase;background-color:#e0e7ff;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-weight:600;display:flex}.app-layout .page-content[data-v-5c91aefa]{flex:1;padding:24px;overflow-y:auto}