.layout-container[data-v-9358a163]{display:flex;flex-direction:column;height:100vh;overflow:hidden;--primary-color: #7028e4;--secondary-color: #4a7bf7;--text-color: #333;--bg-color: #f8fafc;--card-shadow: 0 10px 25px rgba(0, 0, 0, .05);--border-radius: 8px;--sidebar-active: #6a48f0;font-family:PingFang SC,Helvetica Neue,Helvetica,Arial,sans-serif}.top-header[data-v-9358a163]{height:64px;background:linear-gradient(90deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:#fff;display:flex;justify-content:space-between;align-items:center;padding:0 24px;width:100%;z-index:1002;box-shadow:0 4px 12px #00000026;position:relative}.menu-toggle[data-v-9358a163]{display:flex;align-items:center;justify-content:center;cursor:pointer;margin-right:16px;width:36px;height:36px;border-radius:8px;background-color:#ffffff1a;transition:all .3s ease}.menu-toggle[data-v-9358a163]:hover{background-color:#fff3;transform:translateY(-1px)}.menu-toggle .el-icon[data-v-9358a163]{font-size:20px}.logo-icon[data-v-9358a163]{width:32px;height:32px;margin-right:12px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.logo-icon img[data-v-9358a163]{width:100%;height:100%;object-fit:contain}.system-title[data-v-9358a163]{font-size:18px;font-weight:700;letter-spacing:.5px;text-shadow:0 2px 4px rgba(0,0,0,.2)}.header-left[data-v-9358a163],.header-right[data-v-9358a163]{display:flex;align-items:center}.dropdown-icon[data-v-9358a163]{color:#fff;font-size:16px;margin-left:5px}.user-info[data-v-9358a163]{display:flex;align-items:center;cursor:pointer;color:#fff;padding:8px 14px;border-radius:20px;transition:all .3s ease;background-color:#ffffff1a}.user-info[data-v-9358a163]:hover{background-color:#fff3;transform:translateY(-1px)}.user-info span[data-v-9358a163]{margin:0 10px;font-weight:500;font-size:14px}.user-avatar[data-v-9358a163]{background:linear-gradient(135deg,#7028e4,#4a7bf7);border:2px solid rgba(255,255,255,.4);box-shadow:0 2px 8px #0000001a;transition:all .3s ease}.user-avatar[data-v-9358a163]:hover{box-shadow:0 4px 12px #0003}.main-container[data-v-9358a163]{display:flex;flex:1;overflow:hidden;position:relative}.sidebar[data-v-9358a163]{width:220px;height:100%;background:linear-gradient(180deg,#1a1f35,#252b42);color:#fff;overflow-y:auto;box-shadow:3px 0 15px #0000001a;transition:all .3s ease;padding-top:20px;position:relative;z-index:20}.sidebar[data-v-9358a163]::-webkit-scrollbar{width:6px}.sidebar[data-v-9358a163]::-webkit-scrollbar-track{background:#ffffff0d}.sidebar[data-v-9358a163]::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.sidebar[data-v-9358a163]::-webkit-scrollbar-thumb:hover{background:#ffffff40}.sidebar-collapsed[data-v-9358a163]{width:70px}.sidebar-mobile[data-v-9358a163]{position:fixed;left:0;top:64px;height:calc(100vh - 64px);z-index:1001;width:220px;transform:translate(0);transition:transform .3s ease;box-shadow:2px 0 10px #00000026;border-top:none}.sidebar-overlay[data-v-9358a163]{position:fixed;top:64px;left:0;right:0;bottom:0;background-color:#00000080;z-index:15}.sidebar-menu[data-v-9358a163]{display:flex;flex-direction:column;padding:0 12px}.sidebar-menu-item[data-v-9358a163]{display:flex;align-items:center;padding:14px 18px;margin:0 12px 8px;border-radius:10px;font-size:15px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;color:#ffffffbf}.sidebar-menu-item[data-v-9358a163]:hover{background-color:#ffffff1a;color:#fff;transform:translate(2px)}.sidebar-menu-item.active[data-v-9358a163]{background:#7028e426;color:#fff;font-weight:500}.sidebar-menu-item .el-icon[data-v-9358a163]{margin-right:12px;font-size:18px;transition:transform .3s ease}.sidebar-menu-item:hover .el-icon[data-v-9358a163]{transform:scale(1.1)}.active-indicator[data-v-9358a163]{position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:0;background:linear-gradient(180deg,var(--primary-color),var(--secondary-color));border-radius:0 3px 3px 0;transition:height .3s ease}.sidebar-menu-item.active .active-indicator[data-v-9358a163]{height:60%}.main-content[data-v-9358a163]{flex:1;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;transition:all .3s ease;width:calc(100% - 220px);margin-left:0}.main-content-expanded[data-v-9358a163]{width:calc(100% - 70px)}.main-content-mobile[data-v-9358a163]{width:100%;margin-left:0}@media(max-width:768px){.layout-container[data-v-9358a163]{flex-direction:column;overflow-x:hidden}.top-header[data-v-9358a163]{padding:0 16px;height:56px;z-index:1002;box-shadow:0 2px 8px #00000026}.system-title[data-v-9358a163]{font-size:16px}.logo-icon[data-v-9358a163]{width:28px;height:28px}.sidebar[data-v-9358a163]{position:fixed;left:0;top:56px;height:calc(100vh - 56px);transform:translate(-100%);z-index:1001;transition:transform .3s ease;margin:0;padding-top:0;border-top:none;box-shadow:none}.sidebar-mobile[data-v-9358a163]{transform:translate(0);box-shadow:2px 0 10px #0000004d;top:56px;height:calc(100vh - 56px);border-top:none}.sidebar-overlay[data-v-9358a163]{top:56px}.sidebar-collapsed[data-v-9358a163]{transform:translate(-100%)}.sidebar-menu[data-v-9358a163]{padding-top:10px}.user-info span[data-v-9358a163]{display:none}.main-content[data-v-9358a163]{width:100%;overflow-x:hidden}}@media(max-width:480px){.top-header[data-v-9358a163]{padding:0 12px;height:50px}.menu-toggle[data-v-9358a163]{margin-right:10px;width:28px;height:28px}.logo-icon[data-v-9358a163]{width:24px;height:24px;margin-right:8px}.system-title[data-v-9358a163]{font-size:14px}.sidebar[data-v-9358a163],.sidebar-mobile[data-v-9358a163]{top:50px;height:calc(100vh - 50px)}.sidebar-overlay[data-v-9358a163]{top:50px}}