#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}.fade-slide-enter-active,.fade-slide-leave-active{transition:all .3s ease}.fade-slide-enter-from{opacity:0;transform:translateX(30px)}.fade-slide-leave-to{opacity:0;transform:translateX(-30px)}.user-login-container[data-v-5ce44b76]{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#f5f7fa}.login-card[data-v-5ce44b76]{width:400px;height:300px;border-radius:8px}.title[data-v-5ce44b76]{font-size:24px;font-weight:700;text-align:center;margin-bottom:50px}.login-button[data-v-5ce44b76]{width:100%}.home-container[data-v-11d5b3a3]{height:100vh}.el-header[data-v-11d5b3a3]{background:#50b2e4;color:#fff}.logo img[data-v-11d5b3a3]{margin:50px 0;border-radius:50%}.el-container[data-v-11d5b3a3]{height:100%}.el-aside[data-v-11d5b3a3]{background-color:#343744;border-right:1px solid #e6e6e6;color:#fff;overflow-y:auto}.category-section[data-v-11d5b3a3]{padding:0 20px 20px 20px}.category-title[data-v-11d5b3a3]{font-size:16px;color:#fff;margin-bottom:15px;padding-bottom:8px;border-bottom:2px solid #50b2e4}.category-list[data-v-11d5b3a3]{display:flex;flex-direction:column;gap:8px}.category-item[data-v-11d5b3a3]{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:6px;cursor:pointer;transition:all .3s;font-size:14px;color:#ccc;border:1px solid transparent}.category-item[data-v-11d5b3a3]:hover{background:rgba(80,178,228,.1);color:#50b2e4}.category-item.active[data-v-11d5b3a3]{background:#50b2e4;color:#fff;border-color:#50b2e4}.category-item .el-icon[data-v-11d5b3a3]{font-size:16px}.el-menu[data-v-11d5b3a3]{border-right:none;background-color:#343744}.el-menu-item[data-v-11d5b3a3]{color:#fff;font-weight:700;font-size:16px}.el-main[data-v-11d5b3a3]{background-color:#f5f7fa;padding:20px}.main-content[data-v-11d5b3a3]{background-color:#fff;padding:20px;border-radius:4px;box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.item[data-v-11d5b3a3]{margin-left:8px}@media (max-width:768px){.el-aside[data-v-11d5b3a3]{width:200px!important}.category-section[data-v-11d5b3a3]{padding:0 15px 15px 15px}.category-item[data-v-11d5b3a3]{padding:8px 10px;font-size:13px}}