*{box-sizing:border-box;margin:0;padding:0}html,body,#app{width:100%;height:100%}:root{--bg-page:#f5f7fa;--bg-card:#fff;--bg-sidebar:#fff;--bg-header:#fff;--text-primary:#1a1a2e;--text-secondary:#8a9aa8;--border-color:#e4e7ed;--hover-bg:#f0f2f5}.dark-theme{--bg-page:#151719;--bg-card:#2c2c2e;--bg-sidebar:#2c2c2e;--bg-header:#2c2c2e;--text-primary:#fff;--text-secondary:#8a9aa8;--border-color:#3a3a3c;--hover-bg:#3a3a3c}body{background:var(--bg-page);color:var(--text-primary);min-height:100vh}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f0f0f0;border-radius:4px}::-webkit-scrollbar-thumb{background:silver;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a0a0a0}.stats-grid{flex-wrap:wrap;gap:16px;display:flex}.stats-grid>*{flex:calc(20% - 13px);min-width:180px;max-width:100%}.n-config-provider,.n-loading-bar-provider,.n-dialog-provider,.n-notification-provider,.n-message-provider{background:var(--bg-page)!important}.page{box-sizing:border-box;max-width:100%;overflow-x:hidden}.dt-scroll{max-width:100%;overflow-x:auto}.main,.content,.page,.dt-wrap,.dt{max-width:100%!important;overflow-x:auto!important}.layout[data-v-381aafa9]{width:100%;height:100%;display:flex}.sidebar[data-v-381aafa9]{background:var(--bg-sidebar);border-right:1px solid var(--border-color);z-index:100;flex-direction:column;width:240px;transition:width .3s;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar.collapsed[data-v-381aafa9]{width:64px}.logo[data-v-381aafa9]{border-bottom:1px solid var(--border-color);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;gap:8px;height:64px;padding:0 12px;display:flex}.logo-img[data-v-381aafa9]{object-fit:contain;max-width:120px;height:40px}.logo-icon[data-v-381aafa9]{flex-shrink:0;font-size:24px}.logo-text[data-v-381aafa9]{color:var(--text-primary);white-space:nowrap;font-size:16px;font-weight:600;overflow:hidden}.menu-wrapper[data-v-381aafa9]{flex:1;min-height:0;overflow-y:auto}.menu[data-v-381aafa9]{padding:16px 0}.menu-group[data-v-381aafa9]{color:var(--text-secondary);opacity:.7;padding:12px 20px 6px;font-size:11px;font-weight:600}.menu-item[data-v-381aafa9]{cursor:pointer;color:var(--text-secondary);align-items:center;gap:12px;padding:10px 20px;transition:all .2s;display:flex}.menu-item[data-v-381aafa9]:hover{background:var(--hover-bg);color:var(--text-primary)}.menu-item.active[data-v-381aafa9]{color:#fff;background:#0070c0}.menu-icon[data-v-381aafa9]{text-align:center;flex-shrink:0;width:24px;font-size:20px}.menu-title[data-v-381aafa9]{font-size:14px}.sidebar-footer[data-v-381aafa9]{border-top:1px solid var(--border-color);flex-shrink:0;padding:12px 0}.theme-btn[data-v-381aafa9],.collapse-btn[data-v-381aafa9]{cursor:pointer;color:var(--text-secondary);justify-content:flex-start;align-items:center;gap:12px;padding:10px 20px;display:flex}.theme-btn[data-v-381aafa9]:hover,.collapse-btn[data-v-381aafa9]:hover{background:var(--hover-bg);color:var(--text-primary)}.footer-text[data-v-381aafa9]{font-size:14px}.main[data-v-381aafa9]{background:var(--bg-page);flex-direction:column;flex:1;min-width:0;margin-left:240px;transition:margin-left .3s;display:flex;overflow:hidden}.main.collapsed[data-v-381aafa9]{margin-left:64px}.header[data-v-381aafa9]{background:var(--bg-header);border-bottom:1px solid var(--border-color);z-index:99;flex-shrink:0;justify-content:space-between;align-items:center;height:64px;padding:0 24px;display:flex;position:sticky;top:0}.header-left h2[data-v-381aafa9]{color:var(--text-primary);margin:0;font-size:18px;font-weight:500}.header-right[data-v-381aafa9]{position:relative}.user-info[data-v-381aafa9]{cursor:pointer;border-radius:20px;align-items:center;gap:8px;padding:4px 12px;display:flex}.user-info[data-v-381aafa9]:hover{background:var(--hover-bg)}.user-avatar[data-v-381aafa9]{color:#fff;background:#0070c0;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-weight:600;display:flex}.user-name[data-v-381aafa9]{color:var(--text-primary);font-size:14px}.user-dropdown[data-v-381aafa9]{background:var(--bg-card);border:1px solid var(--border-color);z-index:100;border-radius:8px;min-width:120px;padding:8px 0;position:absolute;top:100%;right:0;box-shadow:0 2px 8px #0000001a}.dropdown-item[data-v-381aafa9]{cursor:pointer;align-items:center;gap:8px;padding:8px 16px;font-size:14px;display:flex}.dropdown-item[data-v-381aafa9]:hover{background:var(--hover-bg)}.content[data-v-381aafa9]{flex:1;padding:24px;overflow-y:auto}