:root{color-scheme:light;--app-color-bg: #f6f7fb;--app-color-surface: #ffffff;--app-color-surface-2: #f0f3f8;--app-color-surface-3: #e7edf6;--app-color-text: #111827;--app-color-text-2: #374151;--app-color-text-3: #6b7280;--app-color-border: #d6dde8;--app-color-border-2: #c3cede;--app-color-primary: #2563eb;--app-color-primary-hover: #1d4ed8;--app-color-success: #16a34a;--app-color-warning: #d97706;--app-color-danger: #dc2626;--app-color-danger-hover: #b91c1c;--app-radius-lg: 12px;--app-radius-md: 10px;--app-radius-sm: 8px;--app-shadow-1: 0 10px 30px rgba(17, 24, 39, .1);--app-shadow-2: 0 4px 12px rgba(17, 24, 39, .1);--app-ring: 0 0 0 3px color-mix(in srgb, var(--app-color-primary) 20%, transparent);--app-scrollbar-track: transparent;--app-scrollbar-thumb: color-mix(in srgb, var(--app-color-text-3) 55%, transparent);--app-scrollbar-thumb-hover: color-mix(in srgb, var(--app-color-text-2) 65%, transparent);--app-layout-bg: var(--app-color-bg);--app-header-bg: var(--app-color-surface);--app-sidebar-bg: var(--app-color-surface);--app-sidebar-hover-bg: var(--app-color-surface-2);--app-sidebar-active-bg: color-mix( in srgb, var(--app-color-primary) 12%, var(--app-color-surface) );--app-sidebar-active-text: var(--app-color-primary);--app-sidebar-active-border: var(--app-color-primary);--el-color-primary: var(--app-color-primary);--el-color-success: var(--app-color-success);--el-color-warning: var(--app-color-warning);--el-color-danger: var(--app-color-danger);--el-color-info: var(--app-color-text-3);--el-color-primary-light-3: color-mix(in srgb, var(--el-color-primary) 70%, white);--el-color-primary-light-5: color-mix(in srgb, var(--el-color-primary) 55%, white);--el-color-primary-light-7: color-mix(in srgb, var(--el-color-primary) 40%, white);--el-color-primary-light-8: color-mix(in srgb, var(--el-color-primary) 30%, white);--el-color-primary-light-9: color-mix(in srgb, var(--el-color-primary) 18%, white);--el-color-primary-dark-2: color-mix(in srgb, var(--el-color-primary) 80%, black);--el-bg-color: var(--app-color-surface);--el-bg-color-page: var(--app-color-bg);--el-bg-color-overlay: var(--app-color-surface);--el-text-color-primary: var(--app-color-text);--el-text-color-regular: var(--app-color-text-2);--el-text-color-secondary: var(--app-color-text-3);--el-border-color: var(--app-color-border);--el-border-color-light: var(--app-color-border);--el-border-color-lighter: color-mix(in srgb, var(--app-color-border) 70%, white);--el-fill-color-blank: var(--app-color-surface);--el-fill-color-light: var(--app-color-surface-2);--el-fill-color-lighter: var(--app-color-surface-2);--el-fill-color-dark: var(--app-color-surface-3);--el-fill-color-darker: var(--app-color-surface-3);--el-border-radius-base: var(--app-radius-sm);--el-border-radius-small: 6px;--el-box-shadow-light: var(--app-shadow-2)}:root[data-theme=dark]{color-scheme:dark;--app-color-bg: #1a1a1a;--app-color-surface: #2a2a2a;--app-color-surface-2: #2f2f2f;--app-color-surface-3: #333333;--app-color-text: #e0e0e0;--app-color-text-2: #c0c0c0;--app-color-text-3: #888888;--app-color-border: #404040;--app-color-border-2: #606060;--app-color-primary: #007bff;--app-color-primary-hover: #0056b3;--app-color-success: #28a745;--app-color-warning: #ffc107;--app-color-danger: #dc3545;--app-color-danger-hover: #c82333;--app-shadow-1: 0 10px 30px rgba(0, 0, 0, .5);--app-shadow-2: 0 4px 12px rgba(0, 0, 0, .45);--app-ring: 0 0 0 3px color-mix(in srgb, var(--app-color-primary) 25%, transparent);--app-scrollbar-track: var(--app-color-surface);--app-scrollbar-thumb: #888888;--app-scrollbar-thumb-hover: #555555;--app-layout-bg: var(--app-color-bg);--app-header-bg: var(--app-color-surface);--app-sidebar-bg: var(--app-color-surface);--app-sidebar-hover-bg: #353535;--app-sidebar-active-bg: #404040;--app-sidebar-active-text: #ffffff;--app-sidebar-active-border: var(--app-color-primary)}html,body{height:100%;background:var(--app-layout-bg);color:var(--app-color-text)}*{scrollbar-color:var(--app-scrollbar-thumb) var(--app-scrollbar-track);scrollbar-width:thin}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--app-scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--app-scrollbar-thumb);border-radius:999px;border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:var(--app-scrollbar-thumb-hover);border:2px solid transparent;background-clip:content-box}.el-message,.el-notification{z-index:100000!important}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:var(--app-layout-bg);color:var(--app-color-text)}#app{height:100vh}.layout[data-v-e9bdfb09]{display:flex;flex-direction:column;height:100vh;background:var(--app-layout-bg);color:var(--app-color-text)}.header[data-v-e9bdfb09]{height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid var(--app-color-border);background:var(--app-header-bg)}.header h1[data-v-e9bdfb09]{margin:0;font-size:20px}.body-content[data-v-e9bdfb09]{flex:1;display:flex;overflow:hidden}.sidebar[data-v-e9bdfb09]{width:140px;padding:12px 8px;border-right:1px solid var(--app-color-border);background:var(--app-sidebar-bg);display:flex;flex-direction:column;gap:8px}.nav-btn[data-v-e9bdfb09]{text-align:left;padding:12px;border-radius:10px;border:1px solid transparent;background:transparent;color:var(--app-color-text-2);cursor:pointer}.nav-btn.active[data-v-e9bdfb09]{background:var(--app-sidebar-active-bg);color:var(--app-sidebar-active-text);border-color:color-mix(in srgb,var(--app-color-primary) 35%,transparent);font-weight:600}.content[data-v-e9bdfb09]{flex:1;overflow:auto;padding:16px}.ghost-btn[data-v-e9bdfb09]{min-height:38px;padding:0 14px;border-radius:8px;border:1px solid var(--app-color-border);background:var(--app-color-surface);color:var(--app-color-text);cursor:pointer}