#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}.sidebar-container[data-v-7784287f]{height:100vh;background-color:#304156;width:210px;overflow:hidden}.logo-container[data-v-7784287f]{height:60px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2)}.sidebar-logo[data-v-7784287f]{color:#fff;font-size:20px;font-weight:700;margin:0;letter-spacing:1px}[data-v-7784287f] .el-menu{border:none}.navbar[data-v-8b73bd0c]{height:50px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;background:#fff;box-shadow:0 1px 4px #00152914}.left-menu[data-v-8b73bd0c]{display:flex;align-items:center;gap:20px}.hamburger[data-v-8b73bd0c]{font-size:20px;cursor:pointer;transition:all .3s}.hamburger[data-v-8b73bd0c]:hover{color:#409eff}.right-menu[data-v-8b73bd0c]{display:flex;align-items:center}.avatar-container[data-v-8b73bd0c]{display:flex;align-items:center;gap:8px;cursor:pointer;padding:5px 10px;border-radius:4px;transition:background-color .3s}.avatar-container[data-v-8b73bd0c]:hover{background-color:#f5f5f5}.username[data-v-8b73bd0c]{font-size:14px;color:#333}.app-main[data-v-8de200fb]{flex:1;padding:20px;background-color:#f0f2f5;overflow-y:auto}.fade-transform-leave-active[data-v-8de200fb],.fade-transform-enter-active[data-v-8de200fb]{transition:all .3s}.fade-transform-enter-from[data-v-8de200fb]{opacity:0;transform:translate(-30px)}.fade-transform-leave-to[data-v-8de200fb]{opacity:0;transform:translate(30px)}.app-wrapper[data-v-06b5d480]{display:flex;width:100%;height:100vh}.sidebar-container[data-v-06b5d480]{flex-shrink:0}.main-container[data-v-06b5d480]{flex:1;display:flex;flex-direction:column;min-height:100vh;overflow:hidden}