:root{--color-teal: #1A77B3;--color-teal-dark: #0f2540;--color-teal-mid: #2088c4;--color-teal-light: #4da6d6;--color-teal-soft: #d6eaf8;--color-teal-ghost: #edf6fc;--color-green: #2e7d52;--color-green-soft: #e0f2ea;--color-amber: #b06a0a;--color-amber-soft: #fef3e0;--color-red: #c0392b;--color-red-soft: #fde8e6;--color-steel: #4b6070;--color-steel-soft: #e7edf1;--color-ok: var(--color-green);--color-ok-bg: var(--color-green-soft);--color-warning: var(--color-amber);--color-warning-bg: var(--color-amber-soft);--color-critical: var(--color-red);--color-critical-bg: var(--color-red-soft);--color-info: var(--color-steel);--color-info-bg: var(--color-steel-soft);--color-text: #1a1e2e;--color-text-mid: #2d3852;--color-muted: #637381;--color-border: #dde3ea;--color-border-soft: #eef1f5;--color-bg: #f5f7fa;--color-bg-white: #ffffff;--color-bg-card: #ffffff;--sidebar-bg: var(--color-teal-dark);--sidebar-text: #e8eef6;--sidebar-muted: rgba(232, 238, 246, .55);--sidebar-hover: rgba(255,255,255,.08);--sidebar-active-bg: rgba(26, 119, 179, .3);--sidebar-width: 72px;--sidebar-collapsed: 72px;--topbar-height: 56px;--topbar-bg: var(--color-bg-white);--topbar-border: var(--color-border);--font-sans: "Avenir Next LT Pro", "Avenir Next", Inter, ui-sans-serif, "Segoe UI", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "Cascadia Code", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(29, 37, 32, .06);--shadow-md: 0 4px 12px rgba(29, 37, 32, .08);--shadow-lg: 0 8px 24px rgba(29, 37, 32, .1);--transition-fast: .12s ease;--transition-base: .2s ease;--transition-slow: .35s ease;--z-sidebar: 100;--z-topbar: 200;--z-modal: 300;--z-toast: 400}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-text);background:var(--color-bg);line-height:1.5}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-muted)}:focus-visible{outline:2px solid var(--color-teal);outline-offset:2px}