*{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.layout-container[data-v-0abfcb07]{background:#f1f3f5;flex-direction:column;height:100vh;display:flex;overflow:hidden}.top-header[data-v-0abfcb07]{z-index:10;background:#fff;border-bottom:1px solid #e5e7eb;flex-shrink:0;justify-content:space-between;align-items:center;height:52px;padding:0 16px 0 20px;display:flex}.header-left[data-v-0abfcb07]{align-items:center;gap:8px;display:flex}.logo-icon[data-v-0abfcb07]{font-size:20px}.logo-img[data-v-0abfcb07]{object-fit:contain;border-radius:4px;width:28px;height:28px}.logo-text[data-v-0abfcb07]{color:#111827;letter-spacing:.5px;font-size:16px;font-weight:600}.header-right[data-v-0abfcb07]{align-items:center;gap:14px;display:flex}.help-btn[data-v-0abfcb07]{color:#6b7280;cursor:pointer;border-radius:4px;align-items:center;padding:4px 8px;font-size:13px;display:flex}.help-btn[data-v-0abfcb07]:hover{color:#3b82f6;background:#eff6ff}.header-icon[data-v-0abfcb07]{color:#6b7280;cursor:pointer;font-size:18px}.header-icon[data-v-0abfcb07]:hover{color:#3b82f6}.header-badge[data-v-0abfcb07] .el-badge__content{top:2px;right:-2px}.user-info[data-v-0abfcb07]{cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:4px 10px 4px 6px;display:flex}.user-info[data-v-0abfcb07]:hover{background:#f3f4f6}.user-avatar[data-v-0abfcb07]{color:#fff;background:#3b82f6;font-size:13px;font-weight:500}.user-name[data-v-0abfcb07]{color:#374151;font-size:13px;font-weight:500}.role-tag[data-v-0abfcb07]{height:18px;padding:0 4px;font-size:10px;line-height:16px}.arrow[data-v-0abfcb07]{color:#9ca3af;font-size:11px}.body-area[data-v-0abfcb07]{flex:1;display:flex;overflow:hidden}.sidebar-l1[data-v-0abfcb07]{background:#181d28;flex-direction:column;flex-shrink:0;align-items:center;width:60px;padding-top:6px;display:flex}.l1-item[data-v-0abfcb07]{cursor:pointer;color:#6b7280;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:2px;transition:all .15s;display:flex;position:relative}.l1-item[data-v-0abfcb07]:hover{color:#d1d5db;background:#ffffff14}.l1-item.active[data-v-0abfcb07]{color:#60a5fa;background:#3b82f626}.l1-label[data-v-0abfcb07]{white-space:nowrap;margin-top:2px;font-size:10px;line-height:1}.l1-badge[data-v-0abfcb07] .el-badge__content{top:0;right:-4px}.sidebar-l2[data-v-0abfcb07]{background:#1f2937;border-right:1px solid #2d3748;flex-direction:column;flex-shrink:0;width:180px;display:flex;overflow-y:auto}.l2-header[data-v-0abfcb07]{color:#e5e7eb;border-bottom:1px solid #2d3748;flex-shrink:0;padding:14px 16px 10px;font-size:13px;font-weight:600}.l2-body[data-v-0abfcb07]{flex:1;padding:6px 0;overflow-y:auto}.l2-group-title[data-v-0abfcb07]{color:#6b7280;letter-spacing:.3px;text-transform:uppercase;padding:12px 16px 4px;font-size:11px;font-weight:500}.l2-item[data-v-0abfcb07]{color:#9ca3af;cursor:pointer;border-left:3px solid #0000;padding:8px 16px;font-size:13px;transition:all .12s}.l2-item[data-v-0abfcb07]:hover{color:#d1d5db;background:#ffffff0a}.l2-item.active[data-v-0abfcb07]{color:#60a5fa;background:#3b82f61f;border-left-color:#3b82f6;font-weight:500}.main-area[data-v-0abfcb07]{box-sizing:border-box;background:#f1f3f5;flex:1;min-width:0;padding:14px;overflow-y:auto}.fade-enter-active[data-v-0abfcb07],.fade-leave-active[data-v-0abfcb07]{transition:opacity .15s}.fade-enter-from[data-v-0abfcb07],.fade-leave-to[data-v-0abfcb07]{opacity:0}