@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600;700&display=swap";:root{--bg: #07080b;--bg-2: #0c0d12;--surface: #11131a;--surface-2: #161922;--surface-3: #1c2030;--border: #1f2230;--border-2: #2a2e3f;--t-1: #f5f6f8;--t-2: #c8ccd6;--t-3: #8b91a2;--t-4: #5e6373;--t-5: #3f4452;--rd: #ef4444;--rd-bg: rgba(239, 68, 68, .12);--or: #f97316;--or-bg: rgba(249, 115, 22, .12);--am: #facc15;--am-bg: rgba(250, 204, 21, .12);--bl: #3b82f6;--bl-bg: rgba(59, 130, 246, .12);--gr: #10b981;--gr-bg: rgba(16, 185, 129, .12);--tk: #06b6d4;--tk-bg: rgba(6, 182, 212, .12);--pp: #8b5cf6;--pp-bg: rgba(139, 92, 246, .12);--pk: #ec4899;--pk-bg: rgba(236, 72, 153, .12);--gap: 12px;--padding-card: 12px 16px;--padding-card-tight: 8px 10px;--font-base: 14px;--font-widget-title: 11px;--grid-margin: 6px}[data-density=compact]{--gap: 8px;--padding-card: 8px 12px;--padding-card-tight: 5px 7px;--font-base: 13px;--font-widget-title: 10.5px;--grid-margin: 4px}[data-density=normal]{--gap: 12px;--padding-card: 12px 16px;--padding-card-tight: 8px 10px;--font-base: 14px;--font-widget-title: 11px;--grid-margin: 6px}[data-density=comfortable]{--gap: 20px;--padding-card: 20px 24px;--padding-card-tight: 12px 14px;--font-base: 15px;--font-widget-title: 12px;--grid-margin: 10px}[data-theme=light]{--bg: #f8f9fb;--bg-2: #eef0f5;--surface: #ffffff;--surface-2: #f4f6fa;--surface-3: #e8ecf2;--border: #d8dde4;--border-2: #c2c8d2;--t-1: #1a1d24;--t-2: #3a3f48;--t-3: #5e6473;--t-4: #8b91a2;--t-5: #b8bdc7;--rd: #d63031;--rd-bg: rgba(214, 48, 49, .1);--or: #e67e22;--or-bg: rgba(230, 126, 34, .1);--am: #f39c12;--am-bg: rgba(243, 156, 18, .1);--gr: #27ae60;--gr-bg: rgba(39, 174, 96, .1);--tk: #0984e3;--tk-bg: rgba(9, 132, 227, .1);--bl: #2980b9;--bl-bg: rgba(41, 128, 185, .1)}[data-theme=cb]{--rd: #9b59b6;--rd-bg: rgba(155, 89, 182, .12);--gr: #3498db;--gr-bg: rgba(52, 152, 219, .12)}[data-theme=light-cb]{--bg: #f8f9fb;--bg-2: #eef0f5;--surface: #ffffff;--surface-2: #f4f6fa;--surface-3: #e8ecf2;--border: #d8dde4;--border-2: #c2c8d2;--t-1: #1a1d24;--t-2: #3a3f48;--t-3: #5e6473;--t-4: #8b91a2;--t-5: #b8bdc7;--rd: #8e44ad;--rd-bg: rgba(142, 68, 173, .1);--or: #e67e22;--or-bg: rgba(230, 126, 34, .1);--am: #f39c12;--am-bg: rgba(243, 156, 18, .1);--gr: #2980b9;--gr-bg: rgba(41, 128, 185, .1);--tk: #16a085;--tk-bg: rgba(22, 160, 133, .1);--bl: #2980b9;--bl-bg: rgba(41, 128, 185, .1)}html{transition:background-color .15s ease,color .15s ease}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--t-1);font-family:Inter,system-ui,sans-serif;font-size:12px;line-height:1.4;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}body{overflow-x:hidden}.mono{font-family:IBM Plex Mono,ui-monospace,monospace;font-feature-settings:"tnum";letter-spacing:-.01em}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.live-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--gr);box-shadow:0 0 4px var(--gr);vertical-align:middle;animation:pulse-dot 2s infinite}.react-grid-item.react-grid-placeholder{background:var(--tk)!important;opacity:.15!important;border-radius:6px!important;transition-duration:.1s!important}.react-grid-item.react-draggable-dragging{z-index:100;cursor:grabbing!important}.react-grid-item>.react-resizable-handle{opacity:0;transition:opacity .15s}.react-grid-item:hover>.react-resizable-handle,.canvas-edit-mode .react-grid-item>.react-resizable-handle{opacity:.5}.react-grid-item>.react-resizable-handle:after{border-right-color:var(--t-4);border-bottom-color:var(--t-4)}.canvas-edit-mode{background-image:linear-gradient(rgba(255,255,255,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px);background-size:40px 40px}@keyframes pulse-anomaly{0%{transform:scale(1);opacity:1}50%{transform:scale(1.4);opacity:.5}to{transform:scale(1);opacity:1}}@keyframes skeleton-pulse{0%,to{background-color:var(--surface-2)}50%{background-color:var(--surface-3)}}.skeleton{animation:skeleton-pulse 1.6s ease-in-out infinite;border-radius:3px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-2)}::-webkit-scrollbar-thumb{background:var(--surface-3);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border-2)}*:focus-visible{outline:2px solid var(--tk);outline-offset:2px}button{font-family:inherit;cursor:pointer}@keyframes pulse-keynav-highlight{0%{box-shadow:0 0 0 2px var(--tk),0 0 16px var(--tk-bg)}to{box-shadow:0 0 0 2px transparent,0 0 0 transparent}}.pulse-keynav-focused{animation:pulse-keynav-highlight 1.5s ease-out;position:relative;z-index:1;border-radius:6px}.pulse-keynav-focused:after{content:"";position:absolute;inset:-2px;border-radius:8px;border:2px solid var(--tk);pointer-events:none;animation:pulse-keynav-highlight 1.5s ease-out forwards}:root{--gr-calm: rgba(16, 185, 129, .75);--rd-calm: rgba(239, 68, 68, .75);--or-calm: rgba(249, 115, 22, .75);--am-calm: rgba(250, 204, 21, .75);--bl-calm: rgba(59, 130, 246, .75);--tk-calm: rgba(6, 182, 212, .75);--pp-calm: rgba(139, 92, 246, .75);--pk-calm: rgba(236, 72, 153, .75);--fs-hero: 32px;--fs-large: 22px;--fs-base: 14px;--fs-small: 12px;--fs-tiny: 10px;--gap-tight: 6px;--gap-base: 12px;--gap-loose: 20px;--bd-subtle: rgba(255, 255, 255, .06);--bg-glass: rgba(255, 255, 255, .02);--severity-saturate-quiet: saturate(.5) opacity(.7);--severity-saturate-active: saturate(1) opacity(1)}[data-density=compact]{--fs-hero: 28px;--fs-large: 20px;--fs-tiny: 9.5px}[data-density=comfortable]{--fs-hero: 36px;--fs-large: 24px;--fs-tiny: 11px}[data-theme=light],[data-theme=light-cb]{--bd-subtle: rgba(0, 0, 0, .08);--bg-glass: rgba(0, 0, 0, .02)}[data-theme=cb]{--rd-calm: rgba(155, 89, 182, .75);--gr-calm: rgba(52, 152, 219, .75)}[data-theme=light-cb]{--rd-calm: rgba(142, 68, 173, .75);--gr-calm: rgba(41, 128, 185, .75)}.metric-hero{font-size:var(--fs-hero);font-weight:200;line-height:1;letter-spacing:-.02em;color:var(--t-1);font-feature-settings:"tnum"}.metric-large{font-size:var(--fs-large);font-weight:300;line-height:1.1;color:var(--t-1);font-feature-settings:"tnum"}.metric-label{font-size:var(--fs-tiny);font-weight:400;text-transform:uppercase;letter-spacing:.08em;color:var(--t-3)}.widget-card{border:1px solid var(--bd-subtle);background:var(--bg-2);border-radius:6px;transition:border-color .2s ease}.widget-card:hover{border-color:var(--border)}.severity-dot{filter:var(--severity-saturate-quiet);transition:filter .3s ease}.severity-dot.active{filter:var(--severity-saturate-active)}@keyframes pulse-diff{0%{background-color:var(--tk);opacity:.35;transform:scaleX(1)}60%{background-color:var(--tk);opacity:.18;transform:scaleX(1)}to{background-color:transparent;opacity:0;transform:scaleX(1)}}.metric-diff-active{position:relative;z-index:1}.metric-diff-active:after{content:"";position:absolute;inset:-3px;border-radius:6px;pointer-events:none;animation:pulse-diff 1s ease-out forwards;z-index:-1}@media(prefers-reduced-motion:reduce){@keyframes pulse-diff{0%,to{opacity:0}}.metric-diff-active:after{animation-duration:.4s}}@media print{:root{--gr-calm: var(--gr);--rd-calm: var(--rd);--or-calm: var(--or);--am-calm: var(--am);--bl-calm: var(--bl);--tk-calm: var(--tk);--pp-calm: var(--pp);--pk-calm: var(--pk);--severity-saturate-quiet: saturate(1) opacity(1);--bd-subtle: var(--border)}}.quiet-mode-quiet{filter:saturate(.4) opacity(.85);transition:filter .4s ease}.quiet-mode-quiet:hover{filter:saturate(1) opacity(1)}.quiet-mode-attention{filter:saturate(.85);transition:filter .4s ease}.quiet-mode-attention:before{content:"";position:absolute;inset:0;border-left:3px solid var(--am);pointer-events:none;border-radius:inherit;z-index:2}.quiet-mode-critical{filter:saturate(1) opacity(1);animation:pulse-attention 2s ease-in-out infinite}.quiet-mode-critical:before{content:"";position:absolute;inset:0;border-left:3px solid var(--rd);pointer-events:none;border-radius:inherit;z-index:2}@keyframes pulse-attention{0%,to{box-shadow:0 0 #ef444400}50%{box-shadow:0 0 0 4px #ef444426}}body.calm-mode-disabled .quiet-mode-quiet,body.calm-mode-disabled .quiet-mode-attention,body.calm-mode-disabled .quiet-mode-critical{filter:none;animation:none}body.calm-mode-disabled .quiet-mode-attention:before,body.calm-mode-disabled .quiet-mode-critical:before{display:none}@media(prefers-reduced-motion:reduce){.quiet-mode-critical{animation:none}.quiet-mode-quiet{transition:none}}.hero-card--attention{border-left:3px solid var(--am)!important;background:linear-gradient(to right,var(--am-bg),var(--bg-2) 30%)!important}.hero-card--critical{border-left:3px solid var(--rd)!important;background:linear-gradient(to right,var(--rd-bg),var(--bg-2) 30%)!important;animation:pulse-attention 2.5s ease-in-out infinite}body.calm-mode-disabled .hero-card--critical{animation:none}@media(prefers-reduced-motion:reduce){.hero-card--critical{animation:none}}