:root{--color-primary: #185FA5;--color-primary-light: #e6f1fb;--color-primary-hover: #d0e6f7;--color-primary-dark: #0C447C;--color-focus: #378ADD;--color-aws: #b84800;--color-aws-bg: #fff3e0;--color-huawei: #1b5e20;--color-huawei-bg: #e8f5e9;--color-success: #3B6D11;--color-success-bg: #eaf3de;--color-success-border: #97C459;--color-danger: #a32d2d;--color-danger-bg: #fcebeb;--color-info: #185FA5;--color-info-bg: #e8f4fd;--color-text: #1a1a1a;--color-text-secondary: #444;--color-text-muted: #666;--color-text-placeholder: #888;--color-text-disabled: #aaa;--color-text-faint: #bbb;--color-text-faintest: #999;--color-bg: #f5f5f3;--color-bg-card: #fff;--color-bg-hover: #fafaf8;--color-bg-muted: #f0f0ee;--color-bg-metric: #f5f5f3;--color-bg-category: #f9f9f7;--color-border: rgba(0, 0, 0, .18);--color-border-light: rgba(0, 0, 0, .09);--color-border-faint: rgba(0, 0, 0, .06);--color-border-divider: rgba(0, 0, 0, .08);--color-border-strong: rgba(0, 0, 0, .1);--color-border-heavy: rgba(0, 0, 0, .15);--color-border-tabs: #e8e8e5;--chart-platform: #B5D4F4;--chart-db: #185FA5;--chart-nodes: #0C447C;--chart-storage: #5DCAA5;--chart-egress: #9FE1CB;--chart-cost: #F09595;--chart-profit: #5DCAA5;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 20px;--space-2xl: 24px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--shadow-sm: 0 1px 4px rgba(0, 0, 0, .1);--shadow-md: 0 4px 24px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .2);--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs: 11px;--font-size-sm: 12px;--font-size-base: 13px;--font-size-md: 14px;--font-size-lg: 16px;--font-size-xl: 20px;--font-size-2xl: 22px;--node-card-bg: #f0f6ff;--node-card-border: #b5d4f4;--z-toast: 999;--z-user-bar: 50;--z-modal: 100}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background:var(--color-bg);color:var(--color-text);font-size:var(--font-size-md);line-height:1.5}.page{max-width:1160px;margin:0 auto;padding:1.5rem 1rem}.app-hd{margin-bottom:1.25rem}.app-hd h1{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text);margin-bottom:2px}.app-hd p{font-size:var(--font-size-base);color:var(--color-text-placeholder)}.sec-title{font-size:var(--font-size-xs);font-weight:700;color:var(--color-text-placeholder);text-transform:uppercase;letter-spacing:.07em}.sub-hd{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-secondary);margin-bottom:8px}.empty{text-align:center;padding:2rem 1rem;color:var(--color-text-faint);font-size:var(--font-size-base)}.divider{height:.5px;background:var(--color-border-divider);margin:1rem 0}