*{margin:0;padding:0;box-sizing:border-box}body{font-family:Microsoft YaHei,Arial,sans-serif;background-color:#f5f5f5}#app{height:100vh}.company-layout[data-v-64a7604e]{display:flex;min-height:100vh;background-color:#f5f7fa}.sidebar[data-v-64a7604e]{width:250px;background:linear-gradient(180deg,#304156,#2c3e50);color:#fff;box-shadow:2px 0 8px #0000001a;position:fixed;height:100vh;left:0;top:0;z-index:1000;overflow-y:auto}.logo[data-v-64a7604e]{padding:20px;text-align:center;border-bottom:1px solid rgba(255,255,255,.1)}.logo h2[data-v-64a7604e]{margin:0 0 5px;font-size:18px;font-weight:600;color:#fff}.logo p[data-v-64a7604e]{margin:0;font-size:12px;color:#ffffffb3}.nav-menu[data-v-64a7604e]{padding-top:20px}.nav-menu ul[data-v-64a7604e]{list-style:none;padding:0;margin:0}.nav-menu li[data-v-64a7604e]{margin-bottom:2px}.nav-item[data-v-64a7604e]{display:flex;align-items:center;padding:15px 20px;color:#fffc;text-decoration:none;transition:all .3s ease;border-left:3px solid transparent;cursor:pointer}.nav-item[data-v-64a7604e]:hover{background-color:#ffffff1a;color:#fff;border-left-color:#409eff}.nav-item.active[data-v-64a7604e]{background-color:#409eff33;color:#fff;border-left-color:#409eff}.nav-item .el-icon[data-v-64a7604e]{margin-right:10px;font-size:16px}.nav-item span[data-v-64a7604e]{font-size:14px;font-weight:500;flex:1}.nav-group[data-v-64a7604e]{position:relative}.nav-group-header[data-v-64a7604e]{position:relative;justify-content:space-between}.nav-group-header .expand-icon[data-v-64a7604e]{margin-left:auto;margin-right:0;transition:transform .3s ease;font-size:14px}.nav-group-header .expand-icon.rotated[data-v-64a7604e]{transform:rotate(90deg)}.nav-group-header.expanded[data-v-64a7604e]{background-color:#ffffff1a;border-left-color:#409eff}.sub-menu[data-v-64a7604e]{max-height:0;overflow:hidden;transition:max-height .3s ease;background-color:#0000001a}.sub-menu.expanded[data-v-64a7604e]{max-height:400px}.sub-nav-item[data-v-64a7604e]{padding:12px 20px 12px 50px;font-size:13px;border-left:3px solid transparent}.sub-nav-item[data-v-64a7604e]:hover{background-color:#ffffff14;border-left-color:#409eff}.sub-nav-item.active[data-v-64a7604e]{background-color:#409eff26;border-left-color:#409eff;color:#409eff}.sub-nav-item .el-icon[data-v-64a7604e]{font-size:14px;margin-right:8px}.main-content[data-v-64a7604e]{flex:1;margin-left:250px;display:flex;flex-direction:column}.header[data-v-64a7604e]{background:#fff;box-shadow:0 2px 8px #0000001a;padding:0 24px;height:64px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:999}.header-left[data-v-64a7604e]{flex:1}.header-right[data-v-64a7604e]{display:flex;align-items:center;gap:20px}.company-info[data-v-64a7604e]{display:flex;align-items:center;gap:8px;color:#666;font-size:14px}.company-name[data-v-64a7604e]{font-weight:500;color:#409eff}.login-status[data-v-64a7604e]{display:flex;align-items:center;gap:6px;padding:6px 12px;background:linear-gradient(135deg,#e8f5e8,#f0fff0);border:1px solid #c3e6c3;border-radius:20px;font-size:12px;color:#52c41a;font-weight:500}.status-dot[data-v-64a7604e]{width:8px;height:8px;border-radius:50%;position:relative}.status-dot.online[data-v-64a7604e]{background:#52c41a;box-shadow:0 0 0 2px #52c41a4d;animation:pulse-64a7604e 2s infinite}@keyframes pulse-64a7604e{0%{box-shadow:0 0 0 2px #52c41a4d}50%{box-shadow:0 0 0 4px #52c41a1a}to{box-shadow:0 0 0 2px #52c41a4d}}.status-text[data-v-64a7604e]{font-size:12px;color:#52c41a;font-weight:500}.user-dropdown-container[data-v-64a7604e]{cursor:pointer}.user-dropdown[data-v-64a7604e]{display:flex;align-items:center;gap:10px;padding:8px 16px;border-radius:12px;transition:all .3s ease;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6;min-width:180px}.user-dropdown[data-v-64a7604e]:hover{background:linear-gradient(135deg,#e9ecef,#dee2e6);transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.user-avatar[data-v-64a7604e]{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;flex-shrink:0}.user-info[data-v-64a7604e]{flex:1;display:flex;flex-direction:column;gap:2px}.user-name[data-v-64a7604e]{font-size:14px;font-weight:600;color:#2c3e50;line-height:1}.user-role[data-v-64a7604e]{font-size:12px;color:#6c757d;line-height:1}.dropdown-arrow[data-v-64a7604e]{font-size:12px;color:#6c757d;transition:transform .3s ease;flex-shrink:0}.content[data-v-64a7604e]{flex:1;padding:24px;overflow-y:auto}.footer[data-v-64a7604e]{background:#f8f9fa;border-top:1px solid #e9ecef;padding:12px 0;margin-top:auto}.footer-content[data-v-64a7604e]{text-align:center;color:#6c757d;font-size:12px;line-height:1.5}[data-v-64a7604e] .el-breadcrumb{font-size:14px}[data-v-64a7604e] .el-breadcrumb__item{color:#666}[data-v-64a7604e] .el-breadcrumb__item:last-child .el-breadcrumb__inner{color:#409eff;font-weight:500}[data-v-64a7604e] .el-dropdown-menu{border-radius:12px;box-shadow:0 8px 32px #00000026;border:1px solid #e1e4e8;padding:8px 0;min-width:160px}[data-v-64a7604e] .el-dropdown-menu__item{padding:12px 16px;display:flex;align-items:center;gap:8px;font-size:14px;transition:all .3s ease}[data-v-64a7604e] .el-dropdown-menu__item:hover{background:linear-gradient(135deg,#f8f9fa,#e9ecef);color:#409eff}[data-v-64a7604e] .logout-item{border-top:1px solid #e1e4e8;margin-top:4px;color:#f56565!important}[data-v-64a7604e] .logout-item:hover{background:linear-gradient(135deg,#fff5f5,#fed7d7)!important;color:#e53e3e!important}@media (max-width: 1024px){.sidebar[data-v-64a7604e]{width:200px}.main-content[data-v-64a7604e]{margin-left:200px}.content[data-v-64a7604e]{padding:16px}}@media (max-width: 768px){.sidebar[data-v-64a7604e]{transform:translate(-100%);transition:transform .3s ease}.main-content[data-v-64a7604e]{margin-left:0}.header[data-v-64a7604e]{padding:0 16px}.header-right[data-v-64a7604e]{gap:12px}.company-info[data-v-64a7604e]{display:none}.login-status[data-v-64a7604e]{padding:4px 8px;font-size:11px}.status-dot[data-v-64a7604e]{width:6px;height:6px}.user-dropdown[data-v-64a7604e]{min-width:140px;padding:6px 12px}.user-avatar[data-v-64a7604e]{width:28px;height:28px;font-size:14px}.user-name[data-v-64a7604e]{font-size:13px}.user-role[data-v-64a7604e]{font-size:11px}.content[data-v-64a7604e]{padding:12px}}.sidebar[data-v-64a7604e]::-webkit-scrollbar{width:6px}.sidebar[data-v-64a7604e]::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.sidebar[data-v-64a7604e]::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.sidebar[data-v-64a7604e]::-webkit-scrollbar-thumb:hover{background:#ffffff80}.content[data-v-64a7604e]::-webkit-scrollbar{width:6px}.content[data-v-64a7604e]::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.content[data-v-64a7604e]::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.content[data-v-64a7604e]::-webkit-scrollbar-thumb:hover{background:#a8a8a8}