:root{--bg: #080d18;--surface: #0e1525;--surface-2: #141e33;--border: #1e2d4a;--border-bright: #2a3f66;--text: #e2e8f4;--text-muted: #5a7098;--text-dim: #3a5070;--green: #00e88a;--green-dim: #00e88a22;--amber: #f5a623;--amber-dim: #f5a62322;--red: #ff3b5c;--red-dim: #ff3b5c22;--blue: #3d8cff;--blue-dim: #3d8cff22;--font-mono: "IBM Plex Mono", monospace;--font-ui: "Syne", sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;background:var(--bg);color:var(--text);font-family:var(--font-ui);font-size:14px;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.03) 2px,rgba(0,0,0,.03) 4px);pointer-events:none;z-index:9999}.mono{font-family:var(--font-mono)}.status-healthy{color:var(--green)}.status-warning{color:var(--amber)}.status-critical{color:var(--red)}.status-cross-dc{color:var(--blue)}@keyframes pulse-red{0%,to{opacity:1}50%{opacity:.4}}@keyframes fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fade-in .3s ease forwards}@keyframes failure-mode-nudge-glow{0%,to{box-shadow:0 0 0 1px #3d8cff59,0 0 18px #3d8cff38,0 0 36px #3d8cff14}50%{box-shadow:0 0 0 2px #3d8cff80,0 0 26px #3d8cff59,0 0 48px #3d8cff1f}}.failure-mode-dropdown-nudge{border-radius:8px;padding:3px;animation:failure-mode-nudge-glow 2.4s ease-in-out infinite}@media (prefers-reduced-motion: reduce){.failure-mode-dropdown-nudge{animation:none;box-shadow:0 0 0 1px #3d8cff59,0 0 16px #3d8cff33}}.failure-mode-hint-popover{position:absolute;top:calc(100% + 8px);right:0;width:max-content;max-width:min(280px,calc(100vw - 24px));padding:10px 12px;font-family:var(--font-ui);font-size:11px;font-weight:500;line-height:1.4;color:var(--text);background:var(--surface-2);border:.5px solid var(--blue);border-radius:6px;box-shadow:0 8px 28px #00000059;z-index:200}.failure-mode-hint-popover:before{content:"";position:absolute;bottom:100%;right:10px;border-width:0 7px 8px 7px;border-style:solid;border-color:transparent transparent var(--blue) transparent}.failure-mode-info-btn{display:flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;font-family:var(--font-ui);font-size:11px;font-weight:700;font-style:italic;color:var(--blue);background:var(--surface-2);border:.5px solid var(--border-bright);border-radius:50%;cursor:pointer;outline:none;flex-shrink:0;transition:background .15s ease,border-color .15s ease}.failure-mode-info-btn:hover{background:var(--blue-dim);border-color:var(--blue)}.failure-mode-info-btn:focus-visible{box-shadow:0 0 0 2px #3d8cff73}.info-tip-wrap{max-width:100%}.info-tip-anchor{position:relative;display:inline-flex;align-items:center;flex-shrink:0}.info-tip-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:18px;height:18px;padding:0;font-family:var(--font-ui);font-size:10px;font-weight:700;font-style:italic;color:var(--blue);background:var(--surface-2);border:.5px solid var(--border-bright);border-radius:50%;cursor:pointer;outline:none;transition:background .15s ease,border-color .15s ease}.info-tip-btn:hover{background:var(--blue-dim);border-color:var(--blue)}.info-tip-btn:focus-visible{box-shadow:0 0 0 2px #3d8cff73}.info-tip-anchor .info-tip-popover{position:absolute;left:calc(100% + 8px);right:auto;top:50%;transform:translateY(-50%);min-width:200px;max-width:min(320px,calc(100vw - 24px));padding:10px 12px;font-family:var(--font-ui);font-size:11px;font-weight:500;line-height:1.45;color:var(--text);text-align:left;background:var(--surface-2);border:.5px solid var(--border-bright);border-radius:6px;box-shadow:0 10px 32px #00000073;z-index:50}.client-attribution-panel__table-wrap{overflow:visible}.client-attribution-panel thead{position:relative;z-index:15}.client-attribution-panel .info-tip-wrap{max-width:none}.client-attribution-panel .info-tip-anchor .info-tip-popover{z-index:400}