#app,.app-layout{height:100vh}.app-layout{display:flex;flex-direction:column}.app-header{background:linear-gradient(135deg,#1a3a5c,#2b5f8a);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 20px;box-shadow:0 1px 4px rgba(0,0,0,.15);z-index:10}.app-title{font-size:18px;font-weight:600;margin:0;cursor:pointer;letter-spacing:2px}.header-right{display:flex;align-items:center;gap:12px}.user-name{font-size:14px;color:hsla(0,0%,100%,.9)}.logout-btn{color:hsla(0,0%,100%,.85)!important;font-size:14px}.logout-btn:hover{color:#fff!important}.nav-btn{color:hsla(0,0%,100%,.85)!important;font-size:14px}.nav-btn:hover{color:#fff!important}.app-body{flex:1;overflow:hidden}.app-sidebar{background-color:#304156;overflow-y:auto;overflow-x:hidden;box-shadow:2px 0 6px rgba(0,0,0,.1)}.sidebar-menu{border-right:none!important}.sidebar-menu .el-menu-item,.sidebar-menu .el-sub-menu__title{height:46px;line-height:46px}.sidebar-menu .el-menu-item.is-active{background-color:#263445!important;border-right:3px solid #409eff}.app-main{background-color:#f0f2f5;padding:20px;overflow-y:auto}