*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--font-body: "Plus Jakarta Sans", "DM Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--text-xs: .6875rem;--text-sm: .8125rem;--text-base: .875rem;--text-lg: 1rem;--text-xl: 1.125rem;--text-2xl: 1.375rem;--text-3xl: 1.75rem;--text-4xl: 2.25rem;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 24px;--radius-full: 9999px;--touch-min: 48px;--touch-comfortable: 56px;--touch-gloved: 60px;--ease-out: cubic-bezier(.4, 0, .2, 1);--duration-fast: .15s;--duration-base: .2s;--duration-slow: .3s;--sidebar-width: 260px;--header-height: 64px}[data-theme=dark],:root{--bg-primary: #050709;--bg-secondary: #0c1018;--bg-tertiary: #111827;--bg-card: #0c1018;--bg-inset: #050709;--bg-hover: rgba(255,255,255,.05);--bg-active: rgba(255,255,255,.08);--text-primary: #FFFFFF;--text-secondary: #A0AEC0;--text-tertiary: #718096;--text-inverse: #0B0E1C;--border-default: rgba(255, 255, 255, .1);--border-subtle: rgba(255, 255, 255, .05);--border-strong: rgba(255, 255, 255, .2);--color-accent: #63B3ED;--color-accent-subtle: rgba(99, 179, 237, .15);--color-accent-emphasis: #4299E1;--color-success: #48BB78;--color-success-subtle: rgba(72, 187, 120, .15);--color-success-emphasis: #38A169;--color-warning: #F6AD55;--color-warning-subtle: rgba(246, 173, 85, .15);--color-warning-emphasis: #DD8B3A;--color-danger: #FC8181;--color-danger-subtle: rgba(252, 129, 129, .15);--color-danger-emphasis: #E05454;--color-cyan: #76E4F7;--color-cyan-subtle: rgba(118, 228, 247, .15);--color-purple: #B794F4;--color-purple-subtle: rgba(183, 148, 244, .15);--gradient-teal: linear-gradient(135deg, #63B3ED 0%, #4299E1 100%);--gradient-purple: linear-gradient(135deg, #B794F4 0%, #63B3ED 100%);--gradient-green: linear-gradient(135deg, #48BB78 0%, #38B2AC 100%);--gradient-red: linear-gradient(135deg, #FC8181 0%, #F6AD55 100%);--gradient-navy: linear-gradient(135deg, #1B2559 0%, #111C44 100%);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 20px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 40px rgba(0, 0, 0, .5);--shadow-card: 0 4px 24px rgba(0, 0, 0, .35);--shadow-glow-success: 0 0 20px rgba(72, 187, 120, .2);--shadow-glow-accent: 0 0 20px rgba(99, 179, 237, .2);--shadow-glow-danger: 0 0 20px rgba(252, 129, 129, .2);--state-good: #10B981;--state-watch: #F59E0B;--state-risk: #EF4444;--state-critical: #B91C1C;--state-offline: #475569;--state-info: #00B4FF;--state-good-soft: rgba(16, 185, 129, .14);--state-watch-soft: rgba(245, 158, 11, .14);--state-risk-soft: rgba(239, 68, 68, .14);--state-critical-soft: rgba(185, 28, 28, .18);--state-offline-soft: rgba(71, 85, 105, .18);--state-info-soft: rgba(0, 180, 255, .16);--gradient-tile-glow: radial-gradient(closest-side at 50% 0%, rgba(0, 180, 255, .18), transparent 70%)}[data-theme=light]{--bg-primary: #F8F9FA;--bg-secondary: #FFFFFF;--bg-tertiary: #EDF2F7;--bg-card: #FFFFFF;--bg-inset: #EDF2F7;--bg-hover: #E2E8F0;--bg-active: #CBD5E0;--text-primary: #1A202C;--text-secondary: #4A5568;--text-tertiary: #718096;--text-inverse: #FFFFFF;--border-default: #E2E8F0;--border-subtle: #EDF2F7;--border-strong: #CBD5E0;--color-accent: #4299E1;--color-accent-subtle: rgba(66, 153, 225, .12);--color-accent-emphasis: #3182CE;--color-success: #38A169;--color-success-subtle: rgba(56, 161, 105, .1);--color-success-emphasis: #276749;--color-warning: #D69E2E;--color-warning-subtle: rgba(214, 158, 46, .1);--color-warning-emphasis: #B7791F;--color-danger: #E53E3E;--color-danger-subtle: rgba(229, 62, 62, .1);--color-danger-emphasis: #C53030;--color-cyan: #0BC5EA;--color-cyan-subtle: rgba(11, 197, 234, .1);--color-purple: #6B46C1;--color-purple-subtle: rgba(107, 70, 193, .1);--gradient-teal: linear-gradient(135deg, #63B3ED 0%, #4299E1 100%);--gradient-purple: linear-gradient(135deg, #B794F4 0%, #63B3ED 100%);--gradient-green: linear-gradient(135deg, #48BB78 0%, #38A169 100%);--gradient-red: linear-gradient(135deg, #FC8181 0%, #F6AD55 100%);--gradient-navy: linear-gradient(135deg, #4299E1 0%, #3182CE 100%);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .05);--shadow-md: 0 4px 20px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 40px rgba(0, 0, 0, .12);--shadow-card: 0 4px 24px rgba(0, 0, 0, .08);--shadow-glow-success: 0 0 20px rgba(56, 161, 105, .15);--shadow-glow-accent: 0 0 20px rgba(66, 153, 225, .15);--shadow-glow-danger: 0 0 20px rgba(229, 62, 62, .15);--state-good: #059669;--state-watch: #D97706;--state-risk: #DC2626;--state-critical: #991B1B;--state-offline: #94A3B8;--state-info: #0284C7;--state-good-soft: rgba(5, 150, 105, .1);--state-watch-soft: rgba(217, 119, 6, .1);--state-risk-soft: rgba(220, 38, 38, .1);--state-critical-soft: rgba(153, 27, 27, .12);--state-offline-soft: rgba(148, 163, 184, .18);--state-info-soft: rgba(2, 132, 199, .1);--gradient-tile-glow: radial-gradient(closest-side at 50% 0%, rgba(2, 132, 199, .1), transparent 70%)}html{font-family:var(--font-body);font-size:16px;-webkit-font-smoothing:antialiased}body{background:var(--bg-primary);color:var(--text-primary);overflow:hidden;height:100vh;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);transition:background var(--duration-base) var(--ease-out),color var(--duration-base) var(--ease-out)}#root{height:100vh}@media(max-width:1279px){:root{--text-xs: .75rem;--text-sm: .875rem;--text-base: .9375rem}}@media(max-width:767px){body{overflow:auto}#root{height:auto;min-height:100vh}:root{--text-xs: .8125rem;--text-sm: .9375rem;--text-base: 1rem;--text-lg: 1.125rem}}.mes-scroll-panel{overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}button,[role=button],a,input[type=checkbox],input[type=radio]{min-height:44px}button,a,[role=button]{-webkit-tap-highlight-color:transparent;touch-action:manipulation}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}@keyframes mes-pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes mes-scan-pulse{0%,to{box-shadow:inset 0 0 30px var(--color-success-subtle)}50%{box-shadow:inset 0 0 60px var(--color-success-subtle),var(--shadow-glow-success)}}@keyframes mes-flash-success{0%{box-shadow:0 0 0 0 var(--color-success);background:transparent}30%{box-shadow:0 0 0 8px color-mix(in srgb,var(--color-success) 40%,transparent);background:color-mix(in srgb,var(--color-success) 15%,transparent)}to{box-shadow:0 0 0 0 transparent;background:transparent}}@keyframes mes-flash-error{0%{box-shadow:0 0 0 0 var(--color-danger);background:transparent}30%{box-shadow:0 0 0 8px color-mix(in srgb,var(--color-danger) 40%,transparent);background:color-mix(in srgb,var(--color-danger) 15%,transparent)}to{box-shadow:0 0 0 0 transparent;background:transparent}}@keyframes mes-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes mes-slide-in-right{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@keyframes mes-value-blink{0%{opacity:.55}to{opacity:1}}@keyframes mes-edge-pulse{0%,to{box-shadow:inset 0 3px 0 0 var(--state-critical)}50%{box-shadow:inset 0 3px 0 0 var(--state-critical),0 0 18px var(--state-critical-soft)}}[data-density=compact]{--space-3: 8px;--space-4: 12px;--space-5: 14px;--space-6: 16px;--text-base: .8125rem;--text-sm: .75rem}[data-density=compact] .mes-density-card{padding:10px 12px!important}[data-density=compact] h2{font-size:.9375rem}