body{margin:0;padding:0}#root{min-height:100vh;display:flex;flex-direction:column}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--background-primary, #FAFAFA);color:var(--text-primary, #212121)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}a{text-decoration:none;color:#1890ff}a:hover{text-decoration:underline}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 16px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:root{--primary-50: #E6F7FF;--primary-100: #BAE7FF;--primary-200: #91D5FF;--primary-300: #69C0FF;--primary-400: #40A9FF;--primary-500: #1890FF;--primary-600: #096DD9;--primary-700: #0050B3;--primary-800: #003A8C;--primary-900: #002766;--secondary-50: #F0F5FF;--secondary-100: #D6E4FF;--secondary-200: #ADC6FF;--secondary-300: #85A5FF;--secondary-400: #597EF7;--secondary-500: #2F54EB;--secondary-600: #1D39C4;--secondary-700: #10239E;--secondary-800: #061178;--secondary-900: #030852;--neutral-50: #FAFAFA;--neutral-100: #F5F5F5;--neutral-200: #EEEEEE;--neutral-300: #E0E0E0;--neutral-400: #BDBDBD;--neutral-500: #9E9E9E;--neutral-600: #757575;--neutral-700: #616161;--neutral-800: #424242;--neutral-900: #212121;--success-light: #B7EB8F;--success-default: #52C41A;--success-dark: #389E0D;--warning-light: #FFE58F;--warning-default: #FAAD14;--warning-dark: #D48806;--error-light: #FFCCC7;--error-default: #FF4D4F;--error-dark: #CF1322;--info-light: #91D5FF;--info-default: #1890FF;--info-dark: #096DD9;--background-primary: #FFFFFF;--background-secondary: #F9FAFB;--background-tertiary: #E5E7EB;--background-hover: #F3F4F6;--text-primary: #212121;--text-secondary: #616161;--text-tertiary: #9E9E9E;--border-light: #EEEEEE;--border-medium: #E0E0E0;--border-dark: #BDBDBD;--font-family-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-family-secondary: "Georgia", serif;--font-family-monospace: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-md: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 30px;--font-size-4xl: 36px;--font-size-5xl: 48px;--font-weight-light: 300;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--line-height-none: 1;--line-height-tight: 1.25;--line-height-snug: 1.375;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--line-height-loose: 2;--letter-spacing-tighter: -.05em;--letter-spacing-tight: -.025em;--letter-spacing-normal: 0;--letter-spacing-wide: .025em;--letter-spacing-wider: .05em;--letter-spacing-widest: .1em;--spacing-0: 0;--spacing-1: 1px;--spacing-2: 2px;--spacing-4: 4px;--spacing-8: 8px;--spacing-12: 12px;--spacing-16: 16px;--spacing-20: 20px;--spacing-24: 24px;--spacing-32: 32px;--spacing-40: 40px;--spacing-48: 48px;--spacing-56: 56px;--spacing-64: 64px;--spacing-80: 80px;--spacing-96: 96px;--spacing-128: 128px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--spacing-3xl: 64px;--spacing-4xl: 96px;--spacing-5xl: 128px;--border-radius-sm: .125rem;--border-radius-md: .25rem;--border-radius-lg: .5rem;--border-radius-xl: 1rem;--border-radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-medium: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--breakpoint-xs: 480px;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--inset-xs: 4px;--inset-sm: 8px;--inset-md: 16px;--inset-lg: 24px;--inset-xl: 32px}.text-primary{color:var(--text-primary)}.text-tertiary{color:var(--text-tertiary)}.bg-primary{background-color:var(--background-primary)}.bg-secondary{background-color:var(--background-secondary)}.bg-tertiary{background-color:var(--background-tertiary)}.m-0{margin:var(--spacing-0)}.m-1{margin:var(--spacing-1)}.m-2{margin:var(--spacing-2)}.m-4{margin:var(--spacing-4)}.m-8{margin:var(--spacing-8)}.m-16{margin:var(--spacing-16)}.m-24{margin:var(--spacing-24)}.m-32{margin:var(--spacing-32)}.p-0{padding:var(--spacing-0)}.p-1{padding:var(--spacing-1)}.p-2{padding:var(--spacing-2)}.p-4{padding:var(--spacing-4)}.p-8{padding:var(--spacing-8)}.p-16{padding:var(--spacing-16)}.p-24{padding:var(--spacing-24)}.p-32{padding:var(--spacing-32)}.font-primary{font-family:var(--font-family-primary)}.font-secondary{font-family:var(--font-family-secondary)}.font-monospace{font-family:var(--font-family-monospace)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-md{font-size:var(--font-size-md)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.text-4xl{font-size:var(--font-size-4xl)}.text-5xl{font-size:var(--font-size-5xl)}.font-light{font-weight:var(--font-weight-light)}.font-regular{font-weight:var(--font-weight-regular)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.font-extrabold{font-weight:var(--font-weight-extrabold)}.dark,.theme-dark,[data-theme=dark]{--background-primary: #1a1a1a;--background-secondary: #2d2d2d;--background-tertiary: #383838;--background-hover: #404040;--text-primary: #f5f5f5;--text-secondary: #b8b8b8;--text-tertiary: #8a8a8a;--border-light: #404040;--border-medium: #525252;--border-dark: #666666;--surface-primary: #242424;--surface-secondary: #2d2d2d;--card-bg: #242424;--alert-critical-bg: #4a1f1f;--alert-critical-border: #8b3a3a;--alert-high-bg: #4a3f1f;--alert-high-border: #8b7a3a;--alert-low-bg: #2a4a1f;--alert-low-border: #5a8b3a}.time-picker-large .ant-picker-time-panel-column{font-size:16px}.time-picker-large .ant-picker-time-panel-cell{padding:8px 0}.time-picker-large .ant-picker-time-panel-cell-inner{font-size:16px;padding:6px 0}:root{--color-background: var(--background-primary);--color-background-elevated: var(--background-secondary);--color-background-secondary: var(--background-secondary);--color-background-tertiary: var(--background-tertiary);--color-text-primary: var(--text-primary);--color-text-secondary: var(--text-secondary);--color-text-tertiary: var(--text-tertiary);--color-border: var(--border-light);--color-border-light: var(--border-light);--color-border-medium: var(--border-medium);--color-border-dark: var(--border-dark);--color-primary: var(--primary-500);--color-primary-light: var(--primary-100);--color-primary-dark: var(--primary-700);--color-danger: var(--error-default);--color-danger-light: var(--error-light);--color-danger-dark: var(--error-dark);--color-success: var(--success-default);--color-success-light: var(--success-light);--color-success-dark: var(--success-dark);--color-warning: var(--warning-default);--color-warning-light: var(--warning-light);--color-warning-dark: var(--warning-dark);--radius-sm: var(--border-radius-sm);--radius-md: var(--border-radius-md);--radius-lg: var(--border-radius-lg);--radius-xl: var(--border-radius-xl);--radius-full: var(--border-radius-full)}.theme-dark{--color-background: #121212;--color-background-elevated: #1E1E1E;--color-background-secondary: #1E1E1E;--color-background-tertiary: #2C2C2C;--color-text-primary: #F5F5F5;--color-text-secondary: #BDBDBD;--color-text-tertiary: #9E9E9E;--color-border: #424242;--color-border-light: #424242;--color-border-medium: #616161;--color-border-dark: #757575}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.section{padding:var(--spacing-xl) 0}.section-alt{background-color:var(--background-secondary)}h1{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-md);line-height:1.2}h2{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-md)}h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-sm)}p{font-size:var(--font-size-md);line-height:1.6;color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.grid{display:grid;gap:var(--spacing-lg)}.grid-3{grid-template-columns:repeat(1,1fr)}@media (min-width: 768px){.grid-3{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.grid-3{grid-template-columns:repeat(3,1fr)}}.card{background-color:var(--background-primary);border-radius:8px;padding:var(--spacing-lg);box-shadow:0 2px 4px #0000001a}.btn{display:inline-block;padding:var(--spacing-sm) var(--spacing-lg);border-radius:4px;font-weight:var(--font-weight-medium);text-decoration:none;text-align:center;cursor:pointer;transition:background-color .2s,color .2s}.btn-primary{background-color:var(--primary-500);color:#fff}.btn-primary:hover{background-color:var(--primary-600)}.btn-secondary{background-color:var(--background-primary);color:var(--primary-500);border:1px solid var(--primary-500)}.btn-secondary:hover{background-color:var(--primary-50)}.btn-large{padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-lg)}.page-container{padding:24px 0;max-width:100%;margin:0}@media (max-width: 768px){.page-container{padding:16px}}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.page-title{font-size:2rem;font-weight:600;color:var(--text-primary);margin:0 0 8px}.header-left{display:flex;flex-direction:column}.header-right{display:flex;gap:8px}.page-description{font-size:1rem;color:var(--text-secondary);margin:0}.loading-container{display:flex;justify-content:center;align-items:center;height:300px;width:100%;color:var(--text-secondary)}.error-container{padding:24px;background-color:var(--error-light);border-radius:8px;color:var(--error-dark);margin-bottom:24px}.time-range-selector{display:flex;justify-content:flex-end;margin-bottom:16px}.time-range-button{background-color:var(--background-primary);color:var(--text-secondary);border:1px solid var(--border-light);border-radius:6px;padding:4px 8px;font-size:.875rem;cursor:pointer;margin-left:4px}.time-range-button:hover{background-color:var(--background-secondary)}.time-range-button.active{background-color:var(--primary-100);color:var(--primary-700);border-color:var(--primary-300)}.no-dashboard{text-align:center;padding:48px}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-bottom:24px}.info-alert{padding:16px;background-color:var(--info-light);border:1px solid var(--info-default);border-radius:8px;color:var(--info-dark);margin-bottom:24px}.card-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 16px}