:root{--bg: #010102;--bg-panel: #0b0c0e;--bg-elevated: #141518;--surface-3: #1c1d21;--surface-4: #232529;--border: #23252a;--border-strong: #2e3036;--border-tertiary: #1a1b1f;--text: #f7f8f8;--ink-muted: #d0d6e0;--text-dim: #8a8f98;--text-faint: #62666d;--primary: #5e6ad2;--primary-hover: #828fff;--primary-focus: #5e69d1;--on-primary: #ffffff;--primary-dim: #181a2e;--blue: #5e6ad2;--base-blue: #5e6ad2;--green: #27a644;--green-dim: #0f2a18;--red: #e5484d;--red-dim: #3a1618;--amber: #8a8f98;--sans: "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--mono: "JetBrains Mono", ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--r-xs: 4px;--r-sm: 6px;--r-md: 8px;--r-lg: 12px;--r-xl: 16px;--r-pill: 9999px;--radius: 12px;--s-xxs: 4px;--s-xs: 8px;--s-sm: 12px;--s-md: 16px;--s-lg: 24px;--s-xl: 32px;--edge-highlight: inset 0 1px 0 0 rgba(255, 255, 255, .035)}*{box-sizing:border-box;margin:0;padding:0;min-width:0}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--sans);font-size:14px;line-height:1.5;letter-spacing:-.01em;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:var(--primary-hover);text-decoration:none}a:hover{color:var(--primary)}a:focus-visible,button:focus-visible{outline:2px solid var(--primary-focus);outline-offset:2px;border-radius:var(--r-xs)}.app{height:100vh;overflow:hidden;padding:14px;display:flex;flex-direction:column;gap:12px}.topbar{flex:none;display:flex;align-items:center;gap:10px 18px;flex-wrap:wrap;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--r-lg);padding:10px 16px;box-shadow:var(--edge-highlight)}.brand{display:flex;align-items:center;gap:var(--s-xs);font-size:16px;font-weight:600;letter-spacing:-.02em;white-space:nowrap}.brand .shield{color:var(--primary);font-size:15px}.vault{font-family:var(--mono);font-size:11px;letter-spacing:0;color:var(--text-dim);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--r-sm);padding:4px 9px;overflow-wrap:anywhere}.board{flex:1;min-height:0;display:grid;grid-template-columns:1.12fr 1fr .96fr;gap:12px}.col{min-width:0;min-height:0;display:flex;flex-direction:column;gap:12px}.col>.panel{flex:1}.col>.assurance-panel,.col>.chart-wrap{flex:none}@media (max-width: 1180px){.app{height:auto;min-height:100vh;overflow:visible}.board{grid-template-columns:1fr}.col{display:contents}.col>.panel{flex:none}.alert-list,.trace-list,.invariant-grid{max-height:360px}}.panel{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--r-lg);padding:14px 16px;box-shadow:var(--edge-highlight);display:flex;flex-direction:column;min-height:0}.panel-title{flex:none;font-size:11px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--text-dim);margin-bottom:12px}.topbar-status{flex:1;display:flex;align-items:center;flex-wrap:wrap;gap:6px 20px}.topbar-status .item{display:flex;align-items:baseline;gap:6px}.topbar-status .item .label{font-size:9.5px;letter-spacing:.07em;text-transform:uppercase;color:var(--text-faint);white-space:nowrap}.topbar-status .item .value{font-family:var(--mono);font-size:12px;letter-spacing:0;color:var(--text)}.live-pill{display:flex;align-items:center;gap:var(--s-xs);margin-left:auto;font-size:12px;font-weight:600}.dot{width:8px;height:8px;border-radius:var(--r-pill);flex:none}.dot.live{background:var(--green);animation:pulse 1.8s infinite}.dot.down{background:var(--red)}@keyframes pulse{0%{box-shadow:0 0 #27a64480}70%{box-shadow:0 0 0 7px #27a64400}to{box-shadow:0 0 #27a64400}}.realtime-banner{display:flex;align-items:center;gap:var(--s-xs);padding:var(--s-xs) var(--s-md);background:var(--red-dim);color:var(--red);font-size:12px;font-weight:500;border-bottom:1px solid rgba(229,72,77,.25)}.realtime-banner .dot{background:var(--red);animation:pulse-red 1.6s infinite}@keyframes pulse-red{0%{box-shadow:0 0 #e5484d80}70%{box-shadow:0 0 0 7px #e5484d00}to{box-shadow:0 0 #e5484d00}}.invariant-grid{flex:1;min-height:0;overflow-y:auto;display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:min-content;gap:10px}@media (min-width: 1100px){.invariant-grid{grid-template-columns:repeat(3,1fr)}}.inv-card{background:var(--bg-elevated);border:1px solid var(--border);border-left-width:3px;border-radius:var(--r-md);padding:12px 13px}.inv-card .top{display:flex;justify-content:space-between;align-items:center;gap:var(--s-xs);margin-bottom:5px}.inv-card .id{font-family:var(--mono);font-size:11px;letter-spacing:0;color:var(--text-dim)}.inv-card .name{font-size:13px;font-weight:600;letter-spacing:-.01em}.inv-card .desc{font-family:var(--mono);font-size:10.5px;letter-spacing:0;color:var(--text-faint);margin-top:4px;overflow-wrap:anywhere}.badge{font-size:9.5px;font-weight:700;letter-spacing:.05em;padding:3px 7px;border-radius:var(--r-sm);white-space:nowrap;flex:none}.badge.healthy{background:var(--green-dim);color:var(--green)}.badge.violated{background:var(--red-dim);color:var(--red)}.badge.checking{background:var(--surface-3);color:var(--text-dim)}.alert-list{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:var(--s-xs)}.alert-row{display:flex;align-items:flex-start;gap:var(--s-sm);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--r-md);padding:11px 12px}.alert-row .pill{font-family:var(--mono);font-size:10px;font-weight:600;letter-spacing:0;background:var(--red-dim);color:var(--red);padding:3px 7px;border-radius:var(--r-sm);white-space:nowrap;flex:none}.alert-row .body{flex:1}.alert-row .body .name{font-size:13px;font-weight:600;letter-spacing:-.01em}.alert-row .body .meta{display:flex;flex-wrap:wrap;gap:4px 14px;font-family:var(--mono);font-size:11px;letter-spacing:0;color:var(--text-faint);margin-top:3px}.empty{text-align:center;color:var(--text-faint);font-size:13px;padding:40px 12px}.chart{width:100%;height:96px;display:block}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;font:500 11px/1 var(--sans);letter-spacing:.01em;color:var(--text);background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--r-sm);padding:6px 12px;cursor:pointer;transition:background .12s ease,border-color .12s ease,color .12s ease}.btn:hover:not(:disabled){background:var(--surface-3);border-color:var(--primary-focus);color:var(--primary-hover)}.btn:active:not(:disabled){background:var(--surface-4)}.btn:disabled{color:var(--text-faint);cursor:not-allowed}.boundary-fallback{padding:12px 16px 14px;display:flex;flex-direction:column;gap:12px;font-size:12px}.boundary-fallback code{display:block;font-family:var(--mono);font-size:11px;color:var(--text-dim);background:var(--surface-3);border:1px solid var(--border);border-radius:var(--r-sm);padding:8px 10px;white-space:pre-wrap;overflow-wrap:anywhere}.boundary-fallback .actions{display:flex;justify-content:flex-end}.realtime-banner.is-inline{border-bottom:none;border-top-left-radius:var(--r-lg);border-top-right-radius:var(--r-lg);margin:-14px -16px 0}.alert-list-footer{display:flex;align-items:center;justify-content:center;padding:10px 0 4px;border-top:1px solid var(--border-tertiary);margin-top:4px}.alert-list-footer .end-label{font-size:11px;color:var(--text-faint)}.scrollbar::-webkit-scrollbar{width:8px}.scrollbar::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--r-xs)}.scrollbar::-webkit-scrollbar-track{background:transparent}.assurance-hero{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px var(--s-lg);padding-bottom:10px;border-bottom:1px solid var(--border);margin-bottom:12px}.score-readout{display:flex;align-items:baseline;gap:10px}.score-num{font-family:var(--sans);font-size:40px;font-weight:600;line-height:1;letter-spacing:-.03em}.score-denom{font-family:var(--mono);font-size:17px;letter-spacing:0;color:var(--text-faint)}.score-grade{font-family:var(--mono);font-size:15px;font-weight:500;letter-spacing:0;border:1.5px solid;border-radius:var(--r-md);padding:4px 10px}.score-meta{text-align:right;font-size:12px;color:var(--text-dim)}.score-meta-dim{font-family:var(--mono);font-size:11px;letter-spacing:0;color:var(--text-faint);margin-top:3px}.score-comps{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px}@media (max-width: 560px){.score-comps{grid-template-columns:1fr}}.score-comp-head{display:flex;align-items:baseline;gap:var(--s-xs);margin-bottom:5px}.score-comp-label{font-size:13px;font-weight:600;letter-spacing:-.01em}.score-comp-weight{font-size:10px;letter-spacing:.04em;text-transform:uppercase;color:var(--text-faint);white-space:nowrap}.score-comp-value{margin-left:auto;font-family:var(--mono);font-size:14px;font-weight:500;letter-spacing:0}.score-comp-detail{font-family:var(--mono);font-size:10.5px;letter-spacing:0;color:var(--text-faint);margin-top:4px;line-height:1.45;overflow-wrap:anywhere}.score-bar-track{height:6px;background:var(--surface-3);border-radius:var(--r-pill);overflow:hidden}.score-bar-fill{height:100%;border-radius:var(--r-pill);transition:width .4s ease}.gate-strip{display:flex;align-items:center;gap:var(--s-xs);margin-top:12px;padding:8px 12px;border-radius:var(--r-md);font-size:12px;font-weight:600}.gate-strip.gate-pass{background:var(--green-dim);color:var(--green)}.gate-strip.gate-fail{background:var(--red-dim);color:var(--red)}.gate-mark{font-size:13px}.trace-summary{flex:none;display:flex;flex-wrap:wrap;gap:var(--s-md) var(--s-xl);padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid var(--border)}.trace-stat{display:flex;flex-direction:column;gap:2px}.trace-stat-num{font-family:var(--mono);font-size:21px;font-weight:500;letter-spacing:-.01em}.trace-stat-label{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint)}.trace-list{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:var(--s-xs)}.trace-row,.exploit-row{display:flex;flex-direction:column;gap:7px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--r-md);padding:9px 11px}.trace-main,.exploit-main{display:flex;align-items:center;flex-wrap:wrap;gap:6px var(--s-xs)}.trace-side,.exploit-side{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-start;gap:6px var(--s-xs)}.trace-id{font-family:var(--mono);font-size:11px;letter-spacing:0;color:var(--text-dim);white-space:nowrap}.trace-title,.exploit-name{font-size:12.5px;font-weight:500;letter-spacing:-.01em}.exploit-class{font-size:11px;color:var(--text-faint)}.exploit-net{font-family:var(--mono);font-size:10px;letter-spacing:0;color:var(--text-faint)}.trace-warn{flex:none;margin-top:var(--s-sm);padding:10px 12px;background:var(--red-dim);color:var(--red);border-radius:var(--r-md);font-size:11.5px}.sev-tag,.tier-tag,.outcome-tag{font-size:9.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:3px 7px;border-radius:var(--r-sm);white-space:nowrap;flex:none}.sev-critical{background:var(--red-dim);color:var(--red)}.sev-high{background:#e5484d1f;color:#f08a8d}.sev-medium{background:var(--surface-3);color:var(--ink-muted)}.sev-low,.sev-info,.sev-gas{background:var(--surface-3);color:var(--text-dim)}.tier-full{background:var(--green-dim);color:var(--green)}.tier-partial{background:var(--surface-3);color:var(--ink-muted)}.tier-gap{background:var(--red-dim);color:var(--red)}.tier-na{background:var(--surface-3);color:var(--text-faint)}.layer-chips{display:flex;flex-wrap:wrap;gap:4px}.layer-chip{font-family:var(--mono);font-size:9.5px;letter-spacing:0;padding:3px 6px;border-radius:var(--r-xs);white-space:nowrap}.layer-on{background:var(--primary-dim);color:var(--primary-hover)}.layer-off{background:var(--surface-3);color:var(--text-faint)}.out-prevented{background:var(--green-dim);color:var(--green)}.out-detected{background:var(--primary-dim);color:var(--primary-hover)}.out-missed{background:var(--red-dim);color:var(--red)}