#app{width:100%;height:100%}.layout-container[data-v-6b18a898]{height:100vh}.sidebar[data-v-6b18a898]{background-color:#1a1f2e;transition:width .3s;overflow:hidden;display:flex;flex-direction:column}.sidebar .logo-section[data-v-6b18a898]{height:60px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid #2a2f3e}.sidebar .logo-section .logo-title[data-v-6b18a898]{font-size:18px;font-weight:700;color:#fff}.sidebar .logo-section .logo-sub[data-v-6b18a898]{font-size:10px;color:#6b7280;letter-spacing:2px}.sidebar .sidebar-menu[data-v-6b18a898]{border-right:none;flex:1;overflow-y:auto}.sidebar .sidebar-menu .menu-divider[data-v-6b18a898]{padding:12px 20px 4px;font-size:11px;color:#4b5563;text-transform:uppercase}.sidebar .sidebar-bottom[data-v-6b18a898]{border-top:1px solid #2a2f3e;padding:12px}.sidebar .sidebar-bottom .user-info[data-v-6b18a898]{display:flex;align-items:center;margin-bottom:8px}.sidebar .sidebar-bottom .user-info .user-avatar[data-v-6b18a898]{background:#3b82f6;flex-shrink:0}.sidebar .sidebar-bottom .user-info .user-detail[data-v-6b18a898]{margin-left:10px;overflow:hidden}.sidebar .sidebar-bottom .user-info .user-detail .user-name[data-v-6b18a898]{font-size:13px;color:#e5e7eb}.sidebar .sidebar-bottom .user-info .user-detail .user-role[data-v-6b18a898]{font-size:11px;color:#6b7280}.sidebar .sidebar-bottom .logout-btn[data-v-6b18a898]{display:flex;align-items:center;padding:6px 10px;color:#a0a5b0;font-size:13px;cursor:pointer;border-radius:4px}.sidebar .sidebar-bottom .logout-btn[data-v-6b18a898]:hover{background:#2a2f3e;color:#fff}.sidebar .sidebar-bottom .logout-btn i[data-v-6b18a898]{margin-right:6px}.header[data-v-6b18a898]{background:#fff;box-shadow:0 1px 4px rgba(0,21,41,.08);display:flex;align-items:center;justify-content:space-between;height:50px!important;line-height:50px;padding:0 20px}.header .header-left[data-v-6b18a898]{display:flex;align-items:center;gap:16px}.header .collapse-btn[data-v-6b18a898]{font-size:20px;cursor:pointer;color:#606266}.header .collapse-btn[data-v-6b18a898]:hover{color:#3b82f6}.header .datetime[data-v-6b18a898]{font-size:13px;color:#909399}.main-content[data-v-6b18a898]{background:#f0f2f5;padding:20px;overflow-y:auto}*{margin:0;padding:0;box-sizing:border-box}body,html{width:100%;height:100%}body{background-color:#f0f2f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}::-webkit-scrollbar-thumb{background:#c0c4cc;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#909399}.fade-transform-enter-active,.fade-transform-leave-active{transition:all .3s}.fade-transform-enter{opacity:0;transform:translateX(-20px)}.fade-transform-leave-to{opacity:0;transform:translateX(20px)}