.app-layout[data-v-f9cc0f19]{background:var(--bg-primary);display:flex;height:100vh}.sidebar[data-v-f9cc0f19]{background:var(--bg-secondary);border-right:1px solid var(--border-color);transition:width .3s ease;width:260px;z-index:100}.sidebar.collapsed[data-v-f9cc0f19]{width:64px}.sidebar .sidebar-header[data-v-f9cc0f19]{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:16px}.sidebar .sidebar-header .logo[data-v-f9cc0f19]{align-items:center;display:flex;gap:12px}.sidebar .sidebar-header .logo .logo-icon[data-v-f9cc0f19]{align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--primary-light));border-radius:8px;color:#fff;display:flex;font-size:18px;height:32px;justify-content:center;width:32px}.sidebar .sidebar-header .logo .logo-text[data-v-f9cc0f19]{color:var(--text-primary);font-size:18px;font-weight:600;white-space:nowrap}.sidebar .sidebar-header .collapse-btn[data-v-f9cc0f19]{color:var(--text-secondary)}.sidebar .sidebar-header .collapse-btn[data-v-f9cc0f19]:hover{color:var(--primary-light)}.main-container[data-v-f9cc0f19]{display:flex;flex:1;flex-direction:column;overflow:hidden}.header[data-v-f9cc0f19]{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;height:64px;justify-content:space-between;padding:0 24px}.header .header-left[data-v-f9cc0f19]{flex:1}.header .header-right[data-v-f9cc0f19]{align-items:center;display:flex;gap:16px}.header .header-right .notification-badge .el-button[data-v-f9cc0f19]{color:var(--text-secondary)}.header .header-right .notification-badge .el-button[data-v-f9cc0f19]:hover{color:var(--primary-light)}.header .header-right .user-info[data-v-f9cc0f19]{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:8px;padding:8px 16px;transition:background-color .3s ease}.header .header-right .user-info[data-v-f9cc0f19]:hover{background-color:#3b82f61a}.header .header-right .user-info .username[data-v-f9cc0f19]{color:var(--text-primary);font-weight:500}.header .header-right .user-info .el-icon[data-v-f9cc0f19]{color:var(--text-secondary);transition:transform .3s ease}.header .header-right .user-info:hover .el-icon[data-v-f9cc0f19]{transform:rotate(180deg)}.main-content[data-v-f9cc0f19]{background:var(--bg-primary);flex:1;overflow-y:auto;padding:24px}[data-v-f9cc0f19] .sidebar-menu{background:transparent;border:none}[data-v-f9cc0f19] .sidebar-menu .el-menu-item{color:var(--text-secondary)}[data-v-f9cc0f19] .sidebar-menu .el-menu-item:hover{background-color:#3b82f61a;color:var(--primary-light)}[data-v-f9cc0f19] .sidebar-menu .el-menu-item.is-active{background-color:var(--primary-color);color:#fff}[data-v-f9cc0f19] .sidebar-menu .el-menu-item.is-active:before{background:var(--text-accent);bottom:0;content:"";left:0;position:absolute;top:0;width:3px}[data-v-f9cc0f19] .sidebar-menu .el-sub-menu .el-sub-menu__title{color:var(--text-secondary)}[data-v-f9cc0f19] .sidebar-menu .el-sub-menu .el-sub-menu__title:hover{background-color:#3b82f61a;color:var(--primary-light)}[data-v-f9cc0f19] .sidebar-menu .el-sub-menu.is-active .el-sub-menu__title{color:var(--primary-light)}[data-v-f9cc0f19] .el-breadcrumb .el-breadcrumb__item .el-breadcrumb__inner{color:var(--text-secondary);font-weight:400}[data-v-f9cc0f19] .el-breadcrumb .el-breadcrumb__item .el-breadcrumb__inner.is-link:hover{color:var(--primary-light)}[data-v-f9cc0f19] .el-breadcrumb .el-breadcrumb__item:last-child .el-breadcrumb__inner{color:var(--text-primary);font-weight:500}[data-v-f9cc0f19] .el-breadcrumb .el-breadcrumb__separator{color:var(--text-secondary)}@media (max-width:768px){.sidebar[data-v-f9cc0f19]{bottom:0;left:0;position:absolute;top:0;transform:translate(-100%);transition:transform .3s ease;z-index:1000}.sidebar[data-v-f9cc0f19]:not(.collapsed){transform:translate(0)}.header[data-v-f9cc0f19]{padding:0 16px}.main-content[data-v-f9cc0f19]{padding:16px}}