@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&family=IBM+Plex+Mono:wght@400;500;600&display=swap";:root{--bg: #000000;--bg-elevated: #0c0c0c;--bg-surface: #141414;--bg-hover: #1a1a1a;--bg-active: #222222;--border: #222222;--border-strong: #333333;--text-primary: #ffffff;--text-body: #c8c8c8;--text-muted: #8a8a8a;--text-faint: #5c5c5c;--teal: #14b8a6;--teal-deep: #0d9488;--teal-bright: #2dd4bf;--teal-soft: rgba(20, 184, 166, .12);--teal-glow: rgba(45, 212, 191, .18);--accent: var(--teal);--accent-fg: #041210;--gradient-brand: linear-gradient(135deg, #0f766e 0%, #14b8a6 45%, #2dd4bf 100%);--gradient-brand-soft: linear-gradient( 180deg, rgba(20, 184, 166, .14) 0%, rgba(20, 184, 166, .03) 42%, transparent 72% );--gradient-panel: linear-gradient( 165deg, rgba(20, 184, 166, .07) 0%, transparent 38% );--critical: #ff6b6b;--critical-soft: rgba(255, 107, 107, .12);--warn: #e8a87c;--warn-soft: rgba(232, 168, 124, .12);--ok: #5eead4;--red: var(--critical);--red-soft: var(--critical-soft);--amber: var(--warn);--amber-soft: var(--warn-soft);--green: var(--ok);--green-soft: var(--teal-soft);--radius: 12px;--radius-sm: 8px;--font-sans: "DM Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-serif: "DM Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;font-family:var(--font-sans);line-height:1.5;font-weight:400;color-scheme:dark;color:var(--text-body);background-color:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg)}#root{width:100%;min-height:100vh;background:radial-gradient(ellipse 80% 50% at 10% -10%,rgba(20,184,166,.16),transparent 55%),radial-gradient(ellipse 60% 40% at 95% 0%,rgba(13,148,136,.1),transparent 50%),var(--bg)}h1,h2,.serif{font-family:var(--font-sans);font-weight:600;letter-spacing:-.03em;font-style:normal}.shell{min-height:100vh;display:flex;flex-direction:column;background:transparent}.demo-banner{border-bottom:1px solid rgba(20,184,166,.18);background:linear-gradient(90deg,#14b8a61a,#0c0c0cf2 40%,#0c0c0cf2);color:var(--text-muted);font-size:.75rem;font-weight:500;letter-spacing:.01em;padding:10px 28px;text-align:center;line-height:1.45}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:18px 28px;border-bottom:1px solid var(--border);position:relative}.topbar:after{content:"";position:absolute;left:28px;right:28px;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(45,212,191,.55) 20%,rgba(20,184,166,.25) 55%,transparent 100%);pointer-events:none}.topbar__brand{display:flex;align-items:center;gap:12px}.topbar__title{margin:0;font-size:1rem;font-weight:600;color:var(--text-primary);letter-spacing:-.02em}.topbar__subtitle{margin:2px 0 0;font-size:.7rem;font-weight:500;color:var(--text-faint);letter-spacing:.08em;text-transform:uppercase}.topbar__actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.stream-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:var(--bg-surface);border:1px solid var(--border);font-size:.75rem;color:var(--text-muted)}.stream-pill__dot{width:6px;height:6px;border-radius:50%;background:var(--text-faint)}.stream-pill__dot.is-live{background:var(--teal-bright);box-shadow:0 0 0 3px var(--teal-soft)}.stream-pill__dot.is-warn{background:var(--warn)}.stream-pill__dot.is-down{background:var(--critical)}.stream-pill__value{font-family:var(--font-mono);font-size:.7rem;font-weight:500;color:var(--text-body);letter-spacing:.02em}.page{flex:1;display:flex;flex-direction:column;gap:28px;padding:32px 28px 40px;min-height:0}.page__header{display:flex;flex-direction:column;gap:6px;max-width:48rem}.page__heading{margin:0;font-size:2rem;font-weight:600;letter-spacing:-.04em;line-height:1.1;background:linear-gradient(120deg,#fff,#fff 42%,#5eead4 78%,#14b8a6);-webkit-background-clip:text;background-clip:text;color:transparent}.page__desc{margin:0;font-size:.95rem;color:var(--text-muted);line-height:1.5}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;padding-bottom:4px}.metric{display:flex;flex-direction:column;gap:6px;min-width:0}.metric__label{font-size:.75rem;color:var(--text-faint);font-weight:500}.metric__value{font-size:1.65rem;font-weight:600;color:var(--text-primary);font-family:var(--font-mono);letter-spacing:-.03em;line-height:1}.metric:first-child .metric__value{background:var(--gradient-brand);-webkit-background-clip:text;background-clip:text;color:transparent}.metric__value--muted{font-size:1.05rem;font-weight:500;color:var(--text-body);font-family:var(--font-sans);letter-spacing:-.02em}.metric__value--critical{color:var(--critical)}.workspace{flex:1;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.9fr);gap:20px;min-height:0;align-items:stretch}.panel{background:var(--gradient-panel),var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);display:flex;flex-direction:column;min-height:0;overflow:hidden;box-shadow:inset 0 1px #2dd4bf0f}.panel__toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:16px 18px;border-bottom:1px solid var(--border)}.panel__body{flex:1;overflow-y:auto;min-height:0}.panel__body--pad{padding:22px}.search{flex:1;min-width:180px;display:flex;align-items:center;gap:8px;padding:0 12px;min-height:40px;background:var(--bg);border:1px solid var(--border);border-radius:999px}.search input{background:none;border:none;outline:none;color:var(--text-primary);width:100%;padding:8px 0;font:inherit;font-size:.875rem}.search input::placeholder{color:var(--text-faint)}.chips{display:flex;gap:6px;flex-wrap:wrap}.chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;background:transparent;color:var(--text-muted);font:inherit;font-size:.75rem;font-weight:600;letter-spacing:.02em;padding:7px 12px;border-radius:999px;cursor:pointer;transition:background .15s ease,color .15s ease}.chip:hover{background:var(--bg-hover);color:var(--text-body)}.chip.is-active{background:var(--gradient-brand);color:var(--accent-fg);border-color:transparent;box-shadow:0 0 20px #14b8a633}.alert-list{display:flex;flex-direction:column}.alert-row{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) auto;gap:16px;align-items:center;padding:16px 18px;border-bottom:1px solid var(--border);cursor:pointer;transition:background .12s ease;background:transparent}.alert-row:hover{background:var(--bg-hover)}.alert-row.is-selected{background:linear-gradient(90deg,rgba(20,184,166,.14) 0%,rgba(20,184,166,.04) 55%,transparent 100%);box-shadow:inset 3px 0 0 var(--teal)}.alert-row.is-acked{opacity:.55}.alert-row__id{font-family:var(--font-mono);font-size:.82rem;font-weight:500;color:var(--text-primary);letter-spacing:-.01em}.alert-row.is-selected .alert-row__id{color:var(--teal-bright)}.alert-row__meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:6px}.alert-row__fields{display:flex;flex-direction:column;gap:4px;min-width:0;font-size:.8rem}.alert-row__fields span{color:var(--text-faint)}.alert-row__fields strong{color:var(--text-body);font-weight:500;font-family:var(--font-mono);font-size:.78rem}.alert-row__time{font-size:.75rem;color:var(--text-faint);white-space:nowrap;text-align:right}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:220px;color:var(--text-faint);font-size:.9rem}.inspector__head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:20px}.inspector__title{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary);letter-spacing:-.03em}.inspector__ref{margin-top:6px;font-family:var(--font-mono);font-size:.72rem;color:var(--text-faint)}.inspector__stack{display:flex;flex-direction:column;gap:20px}.field-stack{border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.field-row{padding:14px 16px;border-bottom:1px solid var(--border)}.field-row:last-child{border-bottom:none}.field-row__label{font-size:.7rem;color:var(--text-faint);font-weight:500;margin-bottom:4px}.field-row__value{color:var(--text-primary);font-size:.95rem;font-weight:500}.field-row__value--mono{font-family:var(--font-mono);font-size:.9rem;letter-spacing:-.01em}.note{font-size:.78rem;color:var(--text-faint);line-height:1.5}.note strong{color:var(--text-muted);font-weight:600}.action-stack{display:flex;flex-direction:column;gap:8px}.action-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px}.handoff-card{border:1px dashed var(--border-strong, var(--border));border-radius:var(--radius-sm);padding:14px 16px;background:color-mix(in srgb,var(--surface-elevated, transparent) 80%,transparent);display:flex;flex-direction:column;gap:8px}.handoff-card__eyebrow{font-size:.68rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--accent, #0d9488)}.handoff-card__body{margin:0;font-size:.78rem;line-height:1.55;color:var(--text-muted)}.handoff-card__body strong{color:var(--text-body);font-weight:600}.handoff-card__signal{margin:0;font-size:.72rem;line-height:1.45;color:var(--text-faint);font-family:var(--font-mono)}.section-label{margin:0 0 10px;font-size:.7rem;font-weight:600;color:var(--text-faint);text-transform:uppercase;letter-spacing:.08em}.domain-card{border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px 16px;display:flex;flex-direction:column;gap:10px}.domain-card__url{font-family:var(--font-mono);font-size:.8rem;color:var(--text-primary);word-break:break-all}.domain-card__grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding-top:10px;border-top:1px solid var(--border);font-size:.75rem}.domain-card__grid span{color:var(--text-faint)}.domain-card__grid strong{display:block;margin-top:2px;color:var(--text-body);font-weight:500}.domain-card__grid strong.is-critical{color:var(--critical)}.meta-card{border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.75rem;color:var(--text-faint)}.meta-card__row{padding:12px 14px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;gap:12px}.meta-card__row:last-child{border-bottom:none;flex-direction:column;gap:6px}.meta-card__sig{font-family:var(--font-mono);color:var(--text-muted);word-break:break-all;font-size:.7rem}.status-badge{padding:3px 8px;border-radius:9999px;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;display:inline-flex;align-items:center;border:1px solid var(--border);background:var(--bg-surface);color:var(--text-muted)}.status-badge.critical{background:var(--critical-soft);color:var(--critical);border-color:#ff6b6b40}.status-badge.high{background:var(--warn-soft);color:var(--warn);border-color:#e8a87c40}.status-badge.medium,.status-badge.low,.status-badge.demo{background:var(--bg-surface);color:var(--text-muted);border-color:var(--border)}.brand-mark{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.glass-button{background:var(--gradient-brand);border:1px solid transparent;color:var(--accent-fg);padding:10px 16px;border-radius:999px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:opacity .15s ease,box-shadow .15s ease,filter .15s ease;font-family:inherit;font-size:.85rem;box-shadow:0 0 24px #14b8a62e}.glass-button:hover:not(:disabled){filter:brightness(1.06);box-shadow:0 0 28px #2dd4bf47}.glass-button:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.glass-button.primary{background:var(--gradient-brand);border-color:transparent;color:var(--accent-fg)}.glass-button.primary:hover:not(:disabled){filter:brightness(1.06)}.glass-button.ghost{background:transparent;border-color:#14b8a647;color:var(--text-body);border-radius:999px;box-shadow:none}.glass-button.ghost:hover:not(:disabled){background:var(--teal-soft);border-color:#2dd4bf73;color:var(--teal-bright);filter:none}.glass-button.danger{background:transparent;border-color:var(--border-strong);color:var(--text-muted)}.glass-button.danger:hover:not(:disabled){background:var(--critical-soft);border-color:#ff6b6b59;color:var(--critical)}.glass-button.success{background:linear-gradient(135deg,#14b8a633,#14b8a614);border-color:#2dd4bf66;color:var(--teal-bright);box-shadow:none}.glass-input{background:var(--bg);border:1px solid var(--border);color:var(--text-primary);border-radius:var(--radius-sm);padding:8px 12px;outline:none;font-family:inherit}.glass-input:focus{border-color:var(--border-strong);box-shadow:0 0 0 3px #ffffff0f}.glass-panel,.glass-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius)}.auth-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px}.kpi-label{font-size:.7rem;color:var(--text-faint);font-weight:500}.kpi-value{font-size:1.65rem;font-weight:600;color:var(--text-primary);font-family:var(--font-mono)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:999px}@media(max-width:960px){.metrics{grid-template-columns:1fr 1fr;gap:18px}.workspace{grid-template-columns:1fr}.page,.topbar,.demo-banner{padding-left:18px;padding-right:18px}.alert-row{grid-template-columns:1fr;gap:8px}.alert-row__time{text-align:left}}