:root{--veb-bg-app: #f8fafc;--veb-bg-surface: #ffffff;--veb-bg-surface-elevated: #f1f5f9;--veb-bg-hover: #f1f5f9;--veb-text-primary: #0f172a;--veb-text-secondary: #475569;--veb-text-muted: #64748b;--veb-border-subtle: #e2e8f0;--veb-border-default: #cbd5e1;--veb-border-active: #2563eb;--veb-accent-primary: #2563eb;--veb-accent-primary-hover: #1d4ed8;--veb-accent-focus: rgba(37, 99, 235, .2);--veb-status-critical: #dc2626;--veb-status-warning: #d97706;--veb-status-success: #16a34a;--veb-status-info: #2563eb;--veb-status-purple: #7c3aed;--veb-font-family: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Noto Sans", sans-serif;--veb-font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--veb-font-size-xs: .75rem;--veb-font-size-sm: .8125rem;--veb-font-size-base: .9375rem;--veb-font-size-lg: 1.125rem;--veb-font-size-xl: 1.35rem;--veb-font-size-2xl: 1.75rem;--veb-font-size-3xl: 2.25rem;--veb-spacing-1: .25rem;--veb-spacing-2: .5rem;--veb-spacing-3: .75rem;--veb-spacing-4: 1rem;--veb-spacing-5: 1.25rem;--veb-spacing-6: 1.5rem;--veb-spacing-8: 2rem;--veb-radius-sm: 6px;--veb-radius-md: 10px;--veb-radius-lg: 14px;--veb-radius-xl: 18px;--veb-radius-full: 9999px;--veb-shadow-sm: 0 1px 2px 0 rgba(15, 23, 42, .04);--veb-shadow-md: 0 4px 6px -1px rgba(15, 23, 42, .06), 0 2px 4px -2px rgba(15, 23, 42, .04);--veb-shadow-lg: 0 10px 20px -3px rgba(15, 23, 42, .07), 0 4px 8px -4px rgba(15, 23, 42, .04);--veb-shadow-card: 0 1px 3px rgba(15, 23, 42, .04), 0 6px 18px -3px rgba(15, 23, 42, .06);--veb-shadow-hover: 0 12px 28px -6px rgba(15, 23, 42, .1), 0 4px 10px -2px rgba(15, 23, 42, .04);--veb-grad-primary: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);--veb-grad-critical: linear-gradient(135deg, #ef4444 0%, #b91c1c 100%);--veb-grad-surface: linear-gradient(180deg, #ffffff 0%, #fbfcfd 100%);--veb-grad-badge-critical: linear-gradient(135deg, rgba(239, 68, 68, .1) 0%, rgba(220, 38, 38, .05) 100%);--veb-transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--veb-transition-base: .22s cubic-bezier(.4, 0, .2, 1);--veb-nav-bg: rgba(255, 255, 255, .94);--veb-nav-border: rgba(226, 232, 240, .85);--veb-nav-shadow: 0 4px 20px -2px rgba(15, 23, 42, .05);--veb-nav-track-bg: rgba(241, 245, 249, .8);--veb-nav-track-border: rgba(203, 213, 225, .7);--veb-nav-track-shadow: inset 0 1px 2px rgba(15, 23, 42, .04);--veb-nav-dashboard-color: #2563eb;--veb-nav-dashboard-bg: #eff6ff;--veb-nav-dashboard-border: rgba(37, 99, 235, .25);--veb-nav-dashboard-glow: rgba(37, 99, 235, .18);--veb-nav-inbox-color: #7c3aed;--veb-nav-inbox-bg: #f5f3ff;--veb-nav-inbox-border: rgba(124, 58, 237, .25);--veb-nav-inbox-glow: rgba(124, 58, 237, .18);--veb-nav-mailboxes-color: #059669;--veb-nav-mailboxes-bg: #ecfdf5;--veb-nav-mailboxes-border: rgba(5, 150, 105, .25);--veb-nav-mailboxes-glow: rgba(5, 150, 105, .18);--veb-nav-digest-color: #d97706;--veb-nav-digest-bg: #fffbeb;--veb-nav-digest-border: rgba(217, 119, 6, .25);--veb-nav-digest-glow: rgba(217, 119, 6, .18);--veb-nav-cockpit-color: #0284c7;--veb-nav-cockpit-bg: #f0f9ff;--veb-nav-cockpit-border: rgba(2, 132, 199, .25);--veb-nav-cockpit-glow: rgba(2, 132, 199, .18);--veb-nav-settings-color: #475569;--veb-nav-settings-bg: #f8fafc;--veb-nav-settings-border: rgba(71, 85, 105, .25);--veb-nav-settings-glow: rgba(71, 85, 105, .15);--veb-nav-mega-bg: linear-gradient(135deg, #2563eb 0%, #4f46e5 50%, #7c3aed 100%);--veb-nav-mega-bg-hover: linear-gradient(135deg, #1d4ed8 0%, #4338ca 50%, #6d28d9 100%);--veb-nav-mega-color: #ffffff;--veb-nav-mega-shadow: 0 4px 14px 0 rgba(79, 70, 229, .35);--veb-nav-mega-shadow-hover: 0 6px 20px 0 rgba(79, 70, 229, .5);--veb-mega-col1-accent: #3b82f6;--veb-mega-col2-accent: #f59e0b;--veb-mega-col3-accent: #ef4444;--veb-mega-col4-accent: #10b981;--veb-tooltip-bg: rgba(15, 23, 42, .95);--veb-tooltip-backdrop-filter: blur(12px);--veb-tooltip-border: rgba(255, 255, 255, .16);--veb-tooltip-shadow: 0 16px 36px -6px rgba(0, 0, 0, .45), 0 4px 12px -2px rgba(0, 0, 0, .25);--veb-tooltip-radius: 10px;--veb-tooltip-color: #f8fafc;--veb-tooltip-title-color: #ffffff;--veb-tooltip-desc-color: #cbd5e1;--veb-tooltip-action-bg: rgba(37, 99, 235, .18);--veb-tooltip-action-border: rgba(96, 165, 250, .35);--veb-tooltip-action-color: #93c5fd;--veb-tooltip-action-label-color: #60a5fa;--veb-tooltip-badge-bg: rgba(255, 255, 255, .12);--veb-tooltip-badge-color: #e2e8f0;--veb-tooltip-badge-border: rgba(255, 255, 255, .2);--veb-tooltip-arrow-size: 6px}