:root,html.light,html:not(.dark){--color-body: #f9fafb;--color-primary: #ffffff;--color-secondary: #f3f4f6;--color-tertiary: #e5e7eb;--color-border: #e5e7eb;--color-border-strong: #d1d5db;--color-border-default: #e5e7eb;--color-border-subtle: #f3f4f6;--color-text: #111827;--color-text-secondary: #6b7280;--color-text-muted: #9ca3af;--color-text-tertiary: #9ca3af;--color-text-disabled: #d1d5db;--color-text-default: #111827;--color-text-primary: #3b82f6;--color-text-on-action: #ffffff;--color-accent: #3b82f6;--color-accent-hover: #2563eb;--color-accent-subtle: rgba(59, 130, 246, .08);--color-action: #f3f4f6;--color-action-hover: #e5e7eb;--color-action-primary: #3b82f6;--color-selected: rgba(0, 0, 0, .04);--color-fill: rgba(0, 0, 0, .04);--color-table-header: #f9fafb;--color-table-row-hover: #f9fafb;--color-inverse: #000000;--color-success: #10b981;--color-warning: #f59e0b;--color-danger: #ef4444;--color-info: #3b82f6;--color-success-subtle: rgba(16, 185, 129, .1);--color-success-border: rgba(16, 185, 129, .25);--color-success-text: #10b981;--color-warning-subtle: rgba(245, 158, 11, .1);--color-warning-border: rgba(245, 158, 11, .25);--color-warning-text: #f59e0b;--color-danger-subtle: rgba(239, 68, 68, .1);--color-danger-border: rgba(239, 68, 68, .25);--color-danger-text: #ef4444;--color-info-subtle: rgba(59, 130, 246, .1);--color-info-border: rgba(59, 130, 246, .25);--color-info-text: #3b82f6;--sidebar-bg: #111827;--sidebar-icon-color: rgba(255, 255, 255, .45);--sidebar-icon-active: #3b82f6;--sidebar-width: 160px;--sidebar-collapsed-width: 160px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--text-xs: 11px;--text-sm: 12px;--text-md: 13px;--text-lg: 14px;--text-xl: 16px;--text-2xl: 20px;--text-3xl: 24px;--text-4xl: 30px;--text-font-size-sm: 12px;--text-font-size-md: 13px;--text-font-size-lg: 14px;--text-font-size-xl: 16px;--text-font-size-2xl: 20px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--color-bg: var(--color-body);--color-surface: var(--color-primary);--color-surface-raised: var(--color-secondary);--color-surface-overlay: var(--color-tertiary);--color-surface-sunken: var(--color-body);--font-sans: -apple-system, BlinkMacSystemFont, "Inter", "PingFang SC", "Microsoft YaHei", sans-serif;--font-mono: "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", monospace;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .2s cubic-bezier(.4, 0, .2, 1);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .07)}html.dark{--color-body: #0a0a0f;--color-primary: #111117;--color-secondary: #17171e;--color-tertiary: #1e1e26;--color-border: rgba(255, 255, 255, .07);--color-border-strong: rgba(255, 255, 255, .12);--color-border-default: rgba(255, 255, 255, .07);--color-border-subtle: rgba(255, 255, 255, .04);--color-text: rgba(255, 255, 255, .9);--color-text-secondary: rgba(255, 255, 255, .55);--color-text-muted: rgba(255, 255, 255, .35);--color-text-tertiary: rgba(255, 255, 255, .35);--color-text-disabled: rgba(255, 255, 255, .2);--color-text-default: rgba(255, 255, 255, .9);--color-text-primary: #60a5fa;--color-sidebar-bg: #0a0a14;--sidebar-bg: #0a0a14;--sidebar-icon-color: rgba(255, 255, 255, .35);--sidebar-icon-active: #3b82f6;--color-action: #2a2a36;--color-action-hover: #32323f;--color-action-primary: #3b82f6;--color-selected: rgba(255, 255, 255, .06);--color-fill: rgba(255, 255, 255, .05);--color-table-header: rgba(255, 255, 255, .03);--color-table-row-hover: rgba(255, 255, 255, .04);--color-inverse: #ffffff;--color-bg: var(--color-body);--color-surface: var(--color-primary);--color-surface-raised: var(--color-secondary);--color-surface-overlay: var(--color-tertiary);--color-surface-sunken: var(--color-body);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4)}*{box-sizing:border-box}body{background:var(--color-body);color:var(--color-text);font-family:-apple-system,BlinkMacSystemFont,Inter,PingFang SC,Microsoft YaHei,sans-serif;font-size:var(--text-md);line-height:1.5;-webkit-font-smoothing:antialiased}.ax-card,.saas-card{background:var(--color-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-md);box-shadow:none}.ax-kpi-value{font-size:var(--text-4xl);font-weight:600;color:var(--color-text);font-variant-numeric:tabular-nums;line-height:1.2}.ax-trend-up{color:var(--color-success);font-size:var(--text-sm)}.ax-trend-down,.ax-status-danger{color:var(--color-danger);font-size:var(--text-sm)}.ax-status-info{color:var(--color-accent);font-size:var(--text-sm)}.ax-sparkline{height:40px;margin-top:4px}.saas-mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;min-height:100vh;background-color:var(--color-body, #0a0a0f);color:var(--color-text-default, rgba(255, 255, 255, .9));font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:var(--text-font-size-md, 13px);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{width:100%;min-height:100vh}a{color:var(--color-text-primary, #60a5fa);text-decoration:none;transition:color var(--transition-fast, .15s)}a:hover{color:var(--color-action-primary, #3b82f6)}code,pre,kbd{font-family:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-variant-numeric:tabular-nums}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border-default);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-border-strong)}