@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Inter:wght@300;400;500;600;700;800&display=swap";:root{color-scheme:light;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "IBM Plex Mono", "JetBrains Mono", ui-monospace, Menlo, Consolas, monospace;--font-display: "Inter", var(--font-sans);--text-2xs: .6875rem;--text-xs: .75rem;--text-sm: .8125rem;--text-base: .875rem;--text-md: .9375rem;--text-lg: 1.0625rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.5rem;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.7;--letter-spacing-tight: -.015em;--letter-spacing-normal: 0;--letter-spacing-wide: .02em;--letter-spacing-wider: .05em;--neutral-0: #FFFFFF;--neutral-50: #F4F5F7;--neutral-100: #EEF0F3;--neutral-150: #FFFFFF;--neutral-200: #F7F8FA;--neutral-250: #F1F3F6;--neutral-300: #E9ECF0;--neutral-350: #DFE2E8;--neutral-400: #CDD2DA;--neutral-450: #B7BDC8;--neutral-500: #9AA1AE;--neutral-550: #6B7280;--neutral-600: #5B636F;--neutral-650: #515966;--neutral-700: #454C58;--neutral-750: #3B424D;--neutral-800: #313842;--neutral-850: #272D35;--neutral-900: #1E242C;--neutral-950: #161B21;--neutral-1000: #0B0E12;--accent-50: #F6F2FE;--accent-100: #EDE6FC;--accent-200: #E0D4F9;--accent-300: #C7B2F1;--accent-400: #8B5CF6;--accent-500: #6D28D9;--accent-600: #5B21B6;--accent-700: #4C1D95;--accent-800: #3A1476;--accent-900: #2C0E58;--success-50: #ECFDF5;--success-100: #D1FAE5;--success-200: #A7F3D0;--success-300: #6EE7B7;--success-400: #34D399;--success-500: #10B981;--success-600: #059669;--success-700: #047857;--success-800: #065F46;--success-900: #064E3B;--warning-50: #FFFBEB;--warning-100: #FEF3C7;--warning-200: #FDE68A;--warning-300: #FCD34D;--warning-400: #FBBF24;--warning-500: #F59E0B;--warning-600: #D97706;--warning-700: #B45309;--warning-800: #92400E;--warning-900: #78350F;--danger-50: #FEF2F2;--danger-100: #FEE2E2;--danger-200: #FECACA;--danger-300: #FCA5A5;--danger-400: #F87171;--danger-500: #EF4444;--danger-600: #DC2626;--danger-700: #B91C1C;--danger-800: #991B1B;--danger-900: #7F1D1D;--blue-50: #EFF6FF;--blue-100: #DBEAFE;--blue-200: #BFDBFE;--blue-300: #93C5FD;--blue-400: #60A5FA;--blue-500: #3B82F6;--blue-600: #2563EB;--blue-700: #1D4ED8;--blue-800: #1E40AF;--blue-900: #1E3A8A;--violet-50: var(--accent-50);--violet-100: var(--accent-100);--violet-200: var(--accent-200);--violet-300: var(--accent-300);--violet-400: var(--accent-400);--violet-500: var(--accent-500);--violet-600: var(--accent-600);--violet-700: var(--accent-700);--violet-800: var(--accent-800);--violet-900: var(--accent-900);--color-bg-deep: var(--neutral-50);--color-bg-base: var(--neutral-100);--color-bg-surface: var(--neutral-150);--color-bg-elevated: #FFFFFF;--color-bg-overlay: rgba(17, 24, 39, .45);--color-bg-hover: var(--neutral-300);--color-bg-active: var(--neutral-350);--color-bg-selected: var(--accent-100);--color-border-subtle: #ECEEF2;--color-border-default: #DFE2E8;--color-border-strong: #CBD0D9;--color-border-focus: var(--accent-500);--color-text-primary: var(--neutral-950);--color-text-secondary: var(--neutral-700);--color-text-tertiary: var(--neutral-650);--color-text-disabled: var(--neutral-500);--color-text-inverse: #FFFFFF;--color-text-link: var(--accent-600);--color-accent-default: var(--accent-500);--color-accent-hover: var(--accent-400);--color-accent-pressed: var(--accent-700);--color-accent-subtle: var(--accent-100);--color-accent-text: var(--accent-600);--color-success-default: #047857;--color-success-subtle: color-mix(in srgb, #047857 10%, transparent);--color-success-text: #036A4B;--color-warning-default: #B45309;--color-warning-subtle: color-mix(in srgb, #B45309 12%, transparent);--color-warning-text: #92400E;--color-danger-default: #DC2626;--color-danger-subtle: color-mix(in srgb, #DC2626 10%, transparent);--color-danger-text: #B91C1C;--color-info-default: #2563EB;--color-info-subtle: color-mix(in srgb, #2563EB 10%, transparent);--color-info-text: #1D4ED8;--color-orange-default: #C2410C;--color-violet-default: var(--accent-500);--color-violet-subtle: var(--accent-100);--color-violet-text: var(--accent-600);--space-0: 0;--space-0-5: .125rem;--space-1: .25rem;--space-1-5: .375rem;--space-2: .5rem;--space-2-5: .625rem;--space-3: .75rem;--space-3-5: .875rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 1.75rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--control-height-sm: 32px;--control-height-md: 38px;--control-height-lg: 44px;--sidebar-width: 260px;--sidebar-collapsed: 64px;--topbar-height: 56px;--radius-xs: 2px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 10px;--radius-2xl: 12px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(16, 24, 40, .05);--shadow-sm: 0 1px 3px rgba(16, 24, 40, .08), 0 1px 2px rgba(16, 24, 40, .04);--shadow-md: 0 4px 8px -2px rgba(16, 24, 40, .1), 0 2px 4px -2px rgba(16, 24, 40, .06);--shadow-lg: 0 12px 16px -4px rgba(16, 24, 40, .08), 0 4px 6px -2px rgba(16, 24, 40, .05);--shadow-xl: 0 20px 24px -4px rgba(16, 24, 40, .1), 0 8px 8px -4px rgba(16, 24, 40, .04);--shadow-2xl: 0 24px 48px -12px rgba(16, 24, 40, .18);--shadow-glow-accent: 0 0 0 3px color-mix(in srgb, var(--accent-500) 18%, transparent);--shadow-glow-success: 0 0 0 3px color-mix(in srgb, var(--color-success-default) 18%, transparent);--shadow-glow-warning: 0 0 0 3px color-mix(in srgb, var(--color-warning-default) 18%, transparent);--shadow-glow-danger: 0 0 0 3px color-mix(in srgb, var(--color-danger-default) 18%, transparent);--shadow-glow: 0 0 0 3px color-mix(in srgb, var(--accent-500) 16%, transparent);--z-base: 1;--z-dropdown: 1000;--z-sticky: 1020;--z-overlay: 1300;--z-modal: 1400;--z-toast: 1500;--duration-fast: .15s;--duration-normal: .2s;--duration-slow: .3s;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-bg-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}h1,h2,h3,h4,h5,h6{color:var(--color-text-primary);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}h1{font-size:var(--text-2xl);letter-spacing:var(--letter-spacing-tight)}h2{font-size:var(--text-xl)}h3{font-size:var(--text-lg)}h4{font-size:var(--text-md);font-weight:var(--font-weight-medium)}p{color:var(--color-text-secondary)}a{color:var(--color-accent-default);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent-hover)}code,pre,.mono{font-family:var(--font-mono)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--neutral-400);border:2px solid var(--color-bg-deep);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--neutral-450)}*{scrollbar-width:thin;scrollbar-color:var(--neutral-400) transparent}:focus-visible{outline:2px solid var(--color-accent-default);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.glass-panel{background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-xl)}.glass-panel-elevated{background:var(--color-bg-elevated);border:1px solid var(--color-border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 color-mix(in srgb,currentColor 45%,transparent)}50%{box-shadow:0 0 0 5px color-mix(in srgb,currentColor 0%,transparent)}}@keyframes statusPulse{0%{transform:scale(.95);opacity:.8}50%{transform:scale(1.15);opacity:1}to{transform:scale(.95);opacity:.8}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fade-in{animation:fadeIn var(--duration-normal) var(--ease-out) forwards}.animate-spin{animation:spin 1s linear infinite}.animate-pulse{animation:statusPulse 2s cubic-bezier(.4,0,.6,1) infinite}.flex{display:flex}.inline-flex{display:inline-flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.flex-1{flex:1 1 0%}.flex-wrap{flex-wrap:wrap}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.status-dot{width:8px;height:8px;border-radius:var(--radius-full);display:inline-block}.status-dot--live{color:var(--color-success-default);animation:pulseGlow 2.4s var(--ease-in-out) infinite}.skeleton{background:linear-gradient(90deg,var(--neutral-250) 25%,var(--neutral-300) 37%,var(--neutral-250) 63%);background-size:400% 100%;animation:skeleton-loading 1.4s ease infinite;border-radius:var(--radius-sm)}@keyframes skeleton-loading{0%{background-position:100% 50%}to{background-position:0 50%}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}