@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Space+Mono:wght@400;700&family=Syne:wght@500;700;800&display=swap";:root{color-scheme:dark;--bg0: #090b10;--bg1: rgba(18, 20, 28, .9);--bg2: rgba(22, 25, 34, .94);--bg3: rgba(27, 30, 41, .98);--surface: rgba(16, 19, 28, .8);--surface-strong: rgba(20, 23, 33, .96);--border: rgba(173, 181, 197, .12);--border-strong: rgba(245, 189, 92, .18);--text: #f5f7fb;--muted: #99a4b7;--cyan: #00d4ff;--cyan-soft: rgba(0, 212, 255, .12);--green: #3be49f;--success: #3be49f;--warning: #f5bd5c;--danger: #ff5f6d;--danger-2: #ff8b4f;--amber: #e8c37a;--violet: #9e8cff;--info: #6fc3ff;--shadow: 0 24px 80px rgba(0, 0, 0, .38);--radius-lg: 24px;--radius-md: 18px;--radius-sm: 14px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:radial-gradient(circle at top right,rgba(245,189,92,.16),transparent 26%),radial-gradient(circle at left 18%,rgba(0,212,255,.08),transparent 24%),linear-gradient(180deg,#090b10,#11141d);color:var(--text);font-family:Inter,sans-serif}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(circle at center,black,transparent 82%);mask-image:radial-gradient(circle at center,black,transparent 82%);pointer-events:none}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}#root{min-height:100vh}.page-background{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.78;z-index:0}.page-background:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at top center,rgba(245,189,92,.14),transparent 30%),radial-gradient(circle at 20% 18%,rgba(0,212,255,.08),transparent 24%),linear-gradient(180deg,#090b101f,#090b10e0 72%)}.page-background--signin{opacity:.58}.landing-shell,.signin-shell,.dashboard-shell{position:relative;z-index:1}.section-shell{width:min(1180px,calc(100vw - 32px));margin:0 auto}.section-block{padding:72px 0}.panel{position:relative;overflow:hidden;background:radial-gradient(circle at top right,rgba(255,255,255,.03),transparent 24%),linear-gradient(180deg,#181c26f5,#0e1118f0);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.04),transparent 42%);pointer-events:none}.spotlight-panel{--spotlight-x: 50%;--spotlight-y: 50%}.spotlight-panel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(240px circle at var(--spotlight-x) var(--spotlight-y),rgba(245,189,92,.14),transparent 55%);opacity:0;transition:opacity .22s ease;pointer-events:none}.spotlight-panel:hover:after{opacity:1}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 18px;border-radius:999px;border:1px solid transparent;font-weight:700;transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease,opacity .18s ease}.button:hover{transform:translateY(-2px)}.button:disabled{opacity:.7;cursor:wait}.button--primary{background:linear-gradient(135deg,#00d4ff,#7af0ff);color:#041019;box-shadow:0 16px 30px #00d4ff33}.button--ghost{background:#ffffff0a;color:var(--text);border-color:#ffffff14}.button--outline{background:#f5bd5c14;color:var(--warning);border-color:#f5bd5c38}.button--danger{background:linear-gradient(135deg,#ff5468f2,#ff7a45f2);color:#fff}.button--large{min-height:52px;padding-inline:22px}.button--full{width:100%}.eyebrow{display:inline-flex;align-items:center;gap:8px;margin:0 0 10px;color:var(--cyan);font-family:Space Mono,monospace;font-size:.77rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.eyebrow-danger{color:var(--danger)}.brand-lockup{display:flex;align-items:center;gap:14px}.brand-box{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,var(--cyan),#86ffff);color:#06111a;font-family:Syne,sans-serif;font-size:1rem;font-weight:800}.brand-title{margin:0;font-family:Syne,sans-serif;font-size:1rem;font-weight:800;letter-spacing:.08em}.brand-subtitle{margin:3px 0 0;color:var(--muted);font-size:.82rem}.status-pill{display:inline-flex;align-items:center;gap:9px;padding:11px 16px;border-radius:999px;border:1px solid rgba(59,228,159,.2);background:#3be49f17;font-family:Space Mono,monospace;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.status-pill--live{color:var(--green)}.status-pill--offline{color:#ff8da2;border-color:#ff546838;background:#ff54681f}.status-pill--demo{color:var(--amber);border-color:#ffb84d33;background:#ffb84d1a}.status-dot{width:9px;height:9px;border-radius:999px;background:currentColor;box-shadow:0 0 #3be49f80;animation:pulse 1.9s infinite}.status-dot--offline{animation:none}.landing-navbar{position:fixed;top:0;left:50%;z-index:20;transform:translate(-50%);width:min(1240px,calc(100vw - 24px));display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:12px;padding:12px 18px;background:linear-gradient(180deg,#060b10eb,#0a0e14db),radial-gradient(circle at right center,rgba(0,212,255,.08),transparent 28%);border:1px solid rgba(0,212,255,.14);border-radius:22px;box-shadow:0 18px 34px #00000038;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.landing-navbar__brand{min-width:0}.landing-navbar__status{flex:0 1 auto}.landing-navbar__actions .button{min-width:132px}.nav-actions{display:flex;align-items:center;gap:12px}.landing-main{padding-top:104px}.hero-section{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;padding:84px 0 56px;text-align:center}.hero-glow{position:absolute;inset:18% auto auto 50%;width:min(700px,80vw);height:min(700px,80vw);transform:translate(-50%);background:radial-gradient(circle,rgba(0,212,255,.2),transparent 55%);filter:blur(22px);pointer-events:none}.hero-badge{display:inline-flex;align-items:center;gap:10px;margin-bottom:0;padding:14px 22px;border:1px solid rgba(0,212,255,.22);border-radius:999px;background:linear-gradient(180deg,#00d4ff17,#ffffff08);box-shadow:0 14px 28px #0000002e;font-family:Space Mono,monospace;font-size:.84rem;font-weight:700;letter-spacing:.1em}.hero-content{width:min(1080px,100%);display:grid;justify-items:center;gap:26px}.hero-title{margin:0;display:grid;gap:4px;font-family:Syne,sans-serif;line-height:.92;letter-spacing:-.045em;text-wrap:balance}.hero-title__line{display:block;font-size:clamp(3.4rem,8vw,5.8rem);font-weight:800}.hero-title__line--accent{color:var(--cyan);text-shadow:0 0 24px rgba(0,212,255,.22)}.hero-title__line--muted{color:#f4fbffb8;font-size:clamp(2.9rem,7vw,4.9rem)}.hero-copy{max-width:700px;margin:0;color:var(--muted);font-size:1.1rem;line-height:1.8}.hero-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin-top:0}.attack-tag-row{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;max-width:920px;margin-top:0}.attack-tag{padding:10px 14px;border:1px solid color-mix(in srgb,var(--tag-color) 42%,transparent);border-radius:999px;background:color-mix(in srgb,var(--tag-color) 12%,transparent);color:color-mix(in srgb,var(--tag-color) 82%,white);font-family:Space Mono,monospace;font-size:.76rem}.landing-section{position:relative}.landing-section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:28px;background:linear-gradient(180deg,rgba(255,255,255,.015),transparent 28%);opacity:.55;pointer-events:none}.stats-strip{border-top:1px solid rgba(0,212,255,.12);border-bottom:1px solid rgba(0,212,255,.12);background:#030a12d1}.stats-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;padding:26px 0}.stats-strip__item{text-align:center}.stats-strip__item h3,.stat-value{margin:0;color:var(--cyan);font-family:Space Mono,monospace;font-size:clamp(2rem,4vw,2.4rem);font-weight:700}.stats-strip__item p,.stat-sublabel{margin:10px 0 0;color:var(--muted);font-size:.8rem;letter-spacing:.14em;text-transform:uppercase}.section-heading{max-width:620px;margin-bottom:34px}.section-heading h2{margin:0;font-family:Syne,sans-serif;font-size:clamp(2rem,4vw,3.2rem);line-height:1.05}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.feature-card{min-height:230px;padding:28px;background:radial-gradient(circle at top right,rgba(255,255,255,.04),transparent 24%),linear-gradient(180deg,#181c26fa,#0e1118f2);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.feature-card:hover{transform:translateY(-4px);box-shadow:0 22px 60px #00000073,0 0 0 1px #ffffff08}.feature-card h3{margin:18px 0 10px;font-family:Syne,sans-serif;font-size:1.08rem}.feature-card p{margin:0;color:var(--muted);line-height:1.7}.feature-emoji{font-size:2.1rem}.feature-icon{display:inline-flex;align-items:center;justify-content:center;width:58px;height:58px;border-radius:18px;background:#ffffff0a}.accent-cyan{border-color:#00d4ff42}.accent-green{border-color:#3be49f42}.accent-violet{border-color:#b690ff47}.accent-red{border-color:#ff546842}.accent-amber{border-color:#ffb84d42}.architecture-list{display:grid;gap:20px;padding:8px 0}.architecture-step{display:grid;grid-template-columns:120px 1fr;gap:16px;padding:20px 0;border-bottom:1px solid rgba(0,212,255,.12)}.architecture-step:last-child{border-bottom:0}.architecture-step__number{color:#f4fbff24;font-family:Space Mono,monospace;font-size:2.7rem;font-weight:700}.architecture-step h3{margin:0 0 10px;font-family:Syne,sans-serif;font-size:1.4rem}.architecture-step p{margin:0;color:var(--muted);line-height:1.7}.accent-text--cyan{color:var(--cyan)}.accent-text--violet{color:var(--violet)}.accent-text--blue{color:var(--info)}.accent-text--amber{color:var(--amber)}.results-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.result-tile{padding:24px}.result-tile h3{margin:0;font-family:Space Mono,monospace;font-size:2rem;color:var(--cyan)}.result-tile p{margin:10px 0 0;color:var(--muted);text-transform:uppercase;letter-spacing:.12em;font-size:.82rem}.evaluation-panel{margin-top:24px;padding:24px}.evaluation-panel__header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:22px}.evaluation-panel__header h3{margin:0;font-family:Syne,sans-serif;font-size:1.35rem}.evaluation-grid{display:grid;gap:16px}.evaluation-row{display:grid;gap:10px;padding:16px 18px;border:1px solid rgba(255,255,255,.05);border-radius:18px;background:linear-gradient(180deg,#ffffff08,#ffffff04)}.evaluation-row__meta{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted)}.evaluation-row__meta strong{color:var(--text);font-family:Space Mono,monospace}.evaluation-bar{height:12px;border-radius:999px;background:#ffffff0d;overflow:hidden}.evaluation-bar__fill{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#00d4fff5,#f5bd5cd1)}.cta-panel{width:min(100%,1240px);display:grid;justify-items:center;gap:18px;padding:54px 42px;text-align:center}.cta-panel h2{margin:0;font-family:Syne,sans-serif;font-size:clamp(2rem,3vw,3rem)}.cta-panel p{max-width:620px;margin:0;color:var(--muted);line-height:1.75}.cta-panel__actions{display:flex;justify-content:center;margin-top:2px}.demo-credentials{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border:1px solid rgba(0,212,255,.16);border-radius:999px;background:#00d4ff14;color:#c8f6ff;font-family:Space Mono,monospace;font-size:.9rem;letter-spacing:.06em}.landing-footer{margin-top:30px;padding:28px 0 38px;border-top:1px solid rgba(0,212,255,.12)}.landing-footer__inner{display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--muted);font-size:.88rem}.signin-main{min-height:100vh;display:grid;place-items:center;padding:32px 16px}.signin-card{width:min(480px,100%);display:grid;gap:24px}.signin-brand{text-align:center}.signin-brand .brand-box{margin:0 auto 18px;width:52px;height:52px}.signin-brand h1{margin:0;font-family:Syne,sans-serif;font-size:2.4rem}.signin-brand p{margin:10px 0 0;color:var(--muted);font-family:Space Mono,monospace;letter-spacing:.18em}.signin-panel{padding:28px}.signin-heading h2{margin:0 0 8px;font-family:Syne,sans-serif}.signin-heading p{margin:0 0 20px;color:var(--muted);line-height:1.7}.input-group{display:grid;gap:10px;margin-bottom:18px}.input-group>span{color:#dbe7f0;font-size:.82rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.input-group input,.input-group select{width:100%;min-height:50px;padding:14px 16px;background:#0000002e;color:var(--text);border:1px solid rgba(102,145,173,.24);border-radius:14px;outline:none;transition:border-color .18s ease,box-shadow .18s ease}.input-group input:focus,.input-group select:focus{border-color:#00d4ff8c;box-shadow:0 0 0 4px #00d4ff1a}.password-shell{position:relative}.password-shell input{padding-right:54px}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#ffffff0a;color:var(--text)}.icon-button--inside{position:absolute;top:50%;right:8px;transform:translateY(-50%)}.demo-box{display:grid;gap:8px;margin-top:18px;padding:16px;border:1px solid rgba(0,212,255,.18);border-radius:16px;background:#00d4ff14;font-family:Space Mono,monospace}.demo-box p{margin:0 0 4px;color:var(--cyan);letter-spacing:.12em}.signin-back{text-align:center;color:var(--muted)}.feedback-badge{padding:12px 14px;border-radius:14px;border:1px solid transparent;font-size:.92rem}.simulator-panel .feedback-badge,.dashboard-main>.feedback-badge{margin-top:14px}.feedback-badge--success{background:#3be49f1f;border-color:#3be49f33;color:var(--success)}.feedback-badge--error{background:#ff54681f;border-color:#ff546838;color:#ffafbb}.dashboard-shell{min-height:100vh;background:radial-gradient(circle at top right,rgba(245,189,92,.13),transparent 26%),radial-gradient(circle at left 20%,rgba(0,212,255,.07),transparent 18%),linear-gradient(180deg,#090b10,#11141d)}.dashboard-header{position:fixed;top:0;left:0;right:0;z-index:25;min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 24px;background:linear-gradient(180deg,#0a0d13fa,#0c0f16eb),radial-gradient(circle at top center,rgba(0,212,255,.08),transparent 36%);border-bottom:1px solid rgba(245,189,92,.12);box-shadow:0 14px 36px #00000047;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.dashboard-header:after{content:"";position:absolute;left:24px;right:24px;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,212,255,.28),transparent);pointer-events:none}.dashboard-status-row,.dashboard-user{display:flex;align-items:center;gap:12px;padding:6px 10px;border:1px solid rgba(255,255,255,.05);border-radius:999px;background:#ffffff06}.dashboard-user__identity{color:#f5f7fbe6;font-weight:600;white-space:nowrap}.dashboard-layout{display:grid;grid-template-columns:246px 1fr;gap:0;min-height:100vh;padding-top:72px}.dashboard-sidebar{position:sticky;top:72px;height:calc(100vh - 72px);display:flex;flex-direction:column;gap:18px;padding:18px 14px 20px;background:linear-gradient(180deg,#0a0d13f5,#090c12fa),radial-gradient(circle at top left,rgba(0,212,255,.08),transparent 34%);border-right:1px solid rgba(245,189,92,.08)}.dashboard-sidebar__nav{display:grid;gap:10px;padding:12px;border:1px solid rgba(255,255,255,.04);border-radius:22px;background:linear-gradient(180deg,#ffffff06,#ffffff03);box-shadow:inset 0 1px #ffffff08}.sidebar-section-title{margin:0 4px 4px;color:#9ab2c5b8;font-family:Space Mono,monospace;font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.sidebar-tab{display:flex;align-items:center;gap:12px;min-height:54px;padding:14px 16px;border-radius:16px;border:1px solid rgba(255,255,255,.04);background:#ffffff05;color:var(--muted);text-align:left;transition:border-color .18s ease,background .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease}.sidebar-tab:hover{transform:translate(2px);color:var(--text);border-color:#00d4ff1f;background:linear-gradient(90deg,#00d4ff14,#ffffff05)}.sidebar-tab--active{color:var(--cyan);background:linear-gradient(90deg,#00d4ff24,#f5bd5c0f);border-color:#00d4ff33;box-shadow:inset 3px 0 0 var(--cyan),0 8px 24px #00d4ff14}.sidebar-threshold{margin-top:auto;padding:18px 16px;border:1px solid rgba(245,189,92,.14);border-radius:22px;background:linear-gradient(180deg,#f5bd5c14,#ffffff05),radial-gradient(circle at top left,rgba(245,189,92,.08),transparent 48%);box-shadow:0 16px 30px #0000002e}.slider-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;color:var(--muted);font-size:.9rem}input[type=range]{width:100%;accent-color:var(--cyan)}.dashboard-main{padding:32px}.dashboard-stat-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;align-items:stretch}.stat-card{display:flex;flex-direction:column;justify-content:space-between;gap:18px;padding:24px;min-height:156px}.stat-card .eyebrow,.stat-card .stat-sublabel{margin:0}.dashboard-live-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(360px,.95fr);gap:22px;margin-top:24px;align-items:start}.dashboard-live-main,.dashboard-live-side,.metrics-stack{display:grid;gap:22px}.metrics-stack{margin-top:34px}.chart-panel,.flow-table-panel,.alerts-panel,.system-panel,.simulator-panel,.topology-panel,.attack-distribution-panel,.metrics-chart-panel,.metrics-distribution-panel{padding:24px}.panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:24px}.panel-header h3{margin:0;font-family:Syne,sans-serif;font-size:1.25rem}.tiny-status{align-self:center;padding:8px 12px;border-radius:999px;font-family:Space Mono,monospace;font-size:.72rem;text-transform:uppercase}.tiny-status--live{color:var(--green);background:#3be49f1a}.tiny-status--offline{color:#ff9eb0;background:#ff54681f}.chart-shell{width:100%;display:flex;align-items:stretch}.chart-shell--short,.chart-shell--medium{min-height:300px}.chart-shell--distribution{min-height:320px}.metrics-chart-panel,.metrics-distribution-panel{position:relative;overflow:hidden}.metrics-chart-panel:before,.metrics-distribution-panel:before{content:"";position:absolute;inset:0 0 auto;height:120px;background:linear-gradient(180deg,rgba(255,255,255,.025),transparent);pointer-events:none}.flow-table{display:grid;gap:12px;font-size:.9rem}.flow-table__head,.flow-table__row{display:grid;grid-template-columns:1.2fr .8fr 1fr .8fr .7fr;gap:12px;align-items:center;padding:14px 16px;border-radius:14px}.flow-table__head{color:var(--muted);background:#ffffff0a;font-size:.76rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.flow-table__row{background:#ffffff09;border:1px solid rgba(255,255,255,.04)}.slider-group{display:grid;gap:10px;margin:12px 0 16px}.simulator-selected{padding:16px;margin-bottom:16px}.simulator-selected__label{display:block;margin-bottom:8px;color:var(--muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.12em}.simulator-selected strong{font-family:Syne,sans-serif;font-size:1.2rem}.simulator-option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:14px}.simulator-option{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid rgba(255,255,255,.07);border-radius:16px;background:#ffffff08;color:var(--muted);text-align:left;transition:transform .18s ease,border-color .18s ease,background .18s ease,color .18s ease}.simulator-option:hover{transform:translateY(-1px);border-color:#f5bd5c2e;color:var(--text)}.simulator-option--active{border-color:#00d4ff3d;background:linear-gradient(135deg,#00d4ff1f,#f5bd5c14);color:var(--text)}.simulator-option__dot{width:10px;height:10px;border-radius:999px;background:currentColor;opacity:.75}.pill-badge{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;border:1px solid color-mix(in srgb,var(--badge-color) 34%,rgba(255,255,255,.08));background:color-mix(in srgb,var(--badge-color) 12%,rgba(255,255,255,.03));color:color-mix(in srgb,var(--badge-color) 75%,white);font-family:Space Mono,monospace;font-size:.74rem;font-weight:700;text-transform:uppercase}.pill-badge--severity{letter-spacing:.12em}.alerts-list{display:grid;gap:16px}.alerts-panel{margin-top:28px}.alerts-panel__heading{display:grid;gap:8px}.alerts-panel__meta{margin:0;color:var(--muted);font-size:.96rem}.alert-card{padding:24px 28px;background:radial-gradient(circle at top right,rgba(0,212,255,.08),transparent 24%),radial-gradient(circle at left center,rgba(245,189,92,.06),transparent 28%),linear-gradient(180deg,#121721f5,#0d1018f0);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.alert-card:hover{transform:translateY(-2px);box-shadow:0 20px 40px #00000047}.alert-card--acknowledged{opacity:.58}.severity-high{border-color:#ff546847}.severity-medium{border-color:#ffb84d42}.severity-low{border-color:#3be49f38}.alert-card__layout{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:20px;align-items:start}.alert-card__content{display:grid;gap:18px;min-width:0}.alert-card__meta,.alert-card__score,.alert-card__side{display:flex;gap:12px}.alert-card__meta{align-items:center;flex-wrap:wrap}.alert-card__summary-shell{display:grid;gap:10px;padding:16px 18px;border:1px solid rgba(255,255,255,.05);border-radius:18px;background:linear-gradient(180deg,#ffffff08,#ffffff04)}.alert-card__summary-label{color:#9ab2c5c7;font-family:Space Mono,monospace;font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.alert-card__summary{margin:0;color:var(--muted);line-height:1.7;max-width:760px}.alert-flow-id{color:#d6e3ec;font-family:Space Mono,monospace;font-size:.8rem}.alert-card__footer{display:flex;align-items:center;gap:14px}.alert-card__side{flex-direction:column;align-items:flex-end;justify-content:flex-start;gap:18px}.alert-card__score{flex-direction:column;align-items:flex-end;gap:4px;color:var(--muted);font-size:.86rem;text-align:right}.alert-card__score strong{color:var(--text);font-family:Space Mono,monospace;font-size:1.5rem;line-height:1}.alert-card__score-label{color:var(--muted);font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.alert-acked{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;border-radius:999px;border:1px solid rgba(59,228,159,.16);background:#3be49f14;color:var(--muted)}.metrics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.system-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.system-tile{min-height:96px;padding:18px;border-radius:16px;background:linear-gradient(180deg,#ffffff09,#ffffff05);border:1px solid rgba(255,255,255,.05)}.system-tile span{display:block;color:var(--muted);margin-bottom:8px}.system-tile strong{font-family:Space Mono,monospace;font-size:1.05rem}.topology-panel{min-height:420px}.topology-canvas{display:grid;place-items:center;min-height:300px;padding:16px 10px 6px}.topology-svg{display:block;width:100%;max-width:520px;aspect-ratio:16 / 10}.topology-link{stroke:#00d4ff2e;stroke-width:.32}.topology-node{fill:#9ab2c5cc}.topology-node--sender{fill:#00d4ffc7}.topology-node--router{fill:#ffb84df2}.topology-node--receiver{fill:#3be49fb8}.topology-node--hot{fill:var(--danger);filter:drop-shadow(0 0 12px rgba(255,84,104,.8));animation:pulse 1.5s infinite}.shap-drawer{position:fixed;top:56px;right:0;z-index:30;width:min(420px,calc(100vw - 18px));height:calc(100vh - 56px);padding:22px;overflow-y:auto;background:#0e1118fa;border-left:1px solid rgba(245,189,92,.14);box-shadow:-20px 0 60px #00000073;transform:translate(102%);transition:transform .24s ease}.shap-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:29;background:#0207118f;opacity:0;pointer-events:none;transition:opacity .22s ease}.shap-backdrop--open{opacity:1;pointer-events:auto}.shap-drawer--open{transform:translate(0)}.shap-drawer__header,.shap-drawer__badge-row,.feature-impact__row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.shap-drawer__header h3{margin:8px 0 0;font-family:Syne,sans-serif}.shap-drawer__badge-row{margin:22px 0 18px;align-items:center;flex-wrap:wrap}.confidence-chip{padding:9px 12px;border-radius:999px;background:#f5bd5c1c;color:var(--warning);font-family:Space Mono,monospace}.narrative-box{padding:16px;border-radius:16px;background:#f5bd5c14;border:1px solid rgba(245,189,92,.14);line-height:1.7;color:#fff1cf}.drawer-section{margin-top:24px}.flow-context-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.flow-context-tile{padding:12px;border-radius:14px;background:#ffffff08;border:1px solid rgba(255,255,255,.05)}.flow-context-tile span{display:block;margin-bottom:8px;color:var(--muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.flow-context-tile strong{font-family:Space Mono,monospace;font-size:.94rem}.feature-impact,.detector-row{margin-top:12px}.impact-bar{height:10px;margin-top:8px;border-radius:999px;background:#ffffff0d;overflow:hidden}.impact-bar__fill{display:block;height:100%;border-radius:inherit}.impact-bar__fill--positive{background:linear-gradient(90deg,#ff5f6d,#ff9a56)}.impact-bar__fill--negative{background:linear-gradient(90deg,#34d399,#1fa48e)}.feature-impact__raw,.muted-copy{margin:6px 0 0;color:var(--muted);font-size:.88rem}.dashboard-loading{min-height:100vh;display:grid;place-items:center;font-family:Space Mono,monospace;font-size:1rem;color:var(--cyan)}@media (max-width: 1180px){.dashboard-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-live-grid,.metrics-grid,.system-grid{grid-template-columns:1fr}}@media (max-width: 900px){.dashboard-layout{grid-template-columns:1fr}.dashboard-sidebar{position:relative;top:0;height:auto;flex-direction:row;flex-wrap:wrap;align-items:stretch}.dashboard-sidebar__nav{width:100%}.sidebar-tab{flex:1 1 180px}.sidebar-threshold{width:100%}.dashboard-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.alert-card__layout{grid-template-columns:1fr}.alert-card__side{align-items:flex-start;min-height:auto}.alert-card__score{align-items:flex-start;text-align:left}.simulator-option-grid,.flow-context-grid{grid-template-columns:1fr}}.spin{animation:spin 1s linear infinite}@keyframes pulse{0%{box-shadow:0 0 #3be49f66}70%{box-shadow:0 0 0 14px #3be49f00}to{box-shadow:0 0 #3be49f00}}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 1120px){.landing-navbar,.dashboard-header{gap:12px}.landing-navbar{width:min(1240px,calc(100vw - 20px))}.feature-grid,.results-grid,.dashboard-stat-grid,.system-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-live-grid,.metrics-grid,.dashboard-layout{grid-template-columns:1fr}.dashboard-sidebar{position:static;height:auto;flex-direction:row;flex-wrap:wrap;border-right:0;border-bottom:1px solid rgba(0,212,255,.12)}.dashboard-sidebar__nav,.sidebar-threshold{width:100%}}@media (max-width: 820px){.landing-navbar{flex-wrap:wrap;justify-content:center;padding:14px 16px}.landing-main{padding-top:148px}.hero-section{min-height:auto;padding:76px 0 40px}.hero-content{gap:22px}.nav-actions,.landing-footer__inner,.dashboard-header,.dashboard-user,.dashboard-status-row{flex-wrap:wrap}.stats-grid,.feature-grid,.results-grid,.dashboard-stat-grid,.system-grid,.architecture-step{grid-template-columns:1fr}.dashboard-header{height:auto;min-height:72px;padding:10px 16px}.landing-footer__inner{justify-content:center;text-align:center}.dashboard-layout{padding-top:132px}.dashboard-main,.section-block{padding-inline:16px}.dashboard-main{padding-block:22px}.flow-table__head,.flow-table__row{grid-template-columns:repeat(2,minmax(0,1fr))}.shap-drawer{top:0;width:100vw;height:100vh}.flow-context-grid{grid-template-columns:1fr}}