body,html{margin:0;padding:0;height:100%}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50;height:100%}.app-container{height:100vh;display:flex;flex-direction:column}.el-container{height:100%}.el-header{background-color:#409eff;color:#fff;line-height:60px;padding:0 20px;box-shadow:0 2px 4px rgba(0,0,0,.12);z-index:1000}.header-content{justify-content:space-between;height:100%}.header-content,.user-actions{display:flex;align-items:center}.user-actions{gap:10px}.el-aside{background-color:#545c64;color:#333;box-shadow:0 0 10px rgba(0,0,0,.1)}.el-menu-vertical{height:100%;border-right:none}.el-menu-item.is-active{background-color:#434a50!important;color:#ffd04b!important;border-left:4px solid #ffd04b}.el-menu-item:hover{background-color:#4c535a!important}.el-main{padding:20px;height:calc(100vh - 120px);overflow-y:auto}.el-footer,.el-main{background-color:#f5f7fa}.el-footer{color:#606266;text-align:center;line-height:60px;border-top:1px solid #e6e6e6}