@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600&display=swap";
:root{--font-sans:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--bg-base:#060c14;--bg-primary:#0b1220;--bg-secondary:#101b2e;--bg-card:#0c131ee0;--bg-card-hover:#0e1725f5;--bg-glass:#94a3b80f;--bg-panel:#080d15db;--border-subtle:#94a3b824;--border-medium:#94a3b838;--border-glow:#67e8f959;--text-primary:#edf6ff;--text-secondary:#9fb3c8;--text-muted:#64748b;--brand-cyan:#67e8f9;--brand-blue:#60a5fa;--brand-indigo:#8b5cf6;--brand-amber:#fbbf24;--brand-orange:#f97316;--brand-red:#f43f5e;--brand-green:#34d399;--volcanic-orange:#ff7a18;--volcanic-amber:#fbbf24;--volcanic-red:#ef4444;--volcanic-crimson:#dc2626;--lava-glow:#ff6b35;--status-normal:#22c55e;--status-advisory:#38bdf8;--status-elevated:#f59e0b;--status-high:#f97316;--status-critical:#ef4444;--ocean-cyan:#22d3ee;--ocean-blue:#3b82f6;--ocean-deep:#0f172a;--satellite-purple:#a855f7;--satellite-violet:#8b5cf6;--gap-xs:4px;--gap-sm:8px;--gap-md:16px;--gap-lg:24px;--gap-xl:32px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--shadow-card:0 12px 30px #02061773, 0 0 0 1px #94a3b814;--shadow-glow-cyan:0 0 20px #67e8f92e, 0 0 50px #67e8f914;--shadow-glow-orange:0 0 20px #f9731626, 0 0 60px #f973160f;--shadow-glow-red:0 0 20px #ef444433, 0 0 60px #ef44441a}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg-primary);height:100%;color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle at 0 0,#22d3ee1f,#0000 26%),radial-gradient(circle at 100% 100%,#3b82f61f,#0000 30%),linear-gradient(#94a3b806,#94a3b800);position:fixed;inset:0}.status-bar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:100;background:#060c14db;border-bottom:1px solid #94a3b81f;justify-content:space-between;align-items:center;gap:18px;padding:12px 20px;display:flex;position:sticky;top:0;box-shadow:0 8px 30px #0f172a2e}.status-bar__brand{align-items:center;gap:12px;display:flex}.status-bar__icon-mark{z-index:1;background:linear-gradient(#06b6d440,#0ea5e914),repeating-linear-gradient(90deg,#0000,#0000 4px,#06b6d459 4px 5px);border:1px solid #06b6d473;border-radius:10px;width:34px;height:34px;position:relative;box-shadow:0 0 16px #06b6d440}.status-bar__icon-wrapper{justify-content:center;align-items:center;display:flex;position:relative}.status-bar__icon-beacon{z-index:0;background:#06b6d438;border-radius:50%;width:34px;height:34px;animation:2.5s infinite pulse-beacon;position:absolute}@keyframes pulse-beacon{0%{opacity:.8;transform:scale(.8)}to{opacity:0;transform:scale(1.6)}}.status-bar__title{letter-spacing:1.5px;text-transform:uppercase;background:linear-gradient(135deg,#e8f7ff,#67e8f9);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;align-items:center;font-size:17px;font-weight:800;display:flex}.status-bar__version{letter-spacing:1px;color:var(--ocean-cyan);-webkit-text-fill-color:var(--ocean-cyan);background:#00f2ff1a;border:1px solid #00f2ff40;border-radius:4px;margin-left:8px;padding:2px 6px;font-size:9px;font-weight:700}.status-bar__subtitle{color:var(--text-secondary);letter-spacing:.5px;font-size:11px;font-weight:400}.status-bar__center{border:1px solid var(--border-subtle);background:#00000059;border-radius:20px;align-items:center;gap:16px;padding:6px 16px;display:flex}.status-bar__clock{color:#e2e8f0;align-items:center;gap:6px;font-family:JetBrains Mono,monospace;font-size:12px;display:flex}.status-bar__clock-sep{color:var(--text-muted);opacity:.5}.status-bar__clock-utc{color:var(--text-secondary);font-size:11px}.status-bar__sensors-badge{color:#38bdf8;letter-spacing:.5px;border-left:1px solid var(--border-subtle);align-items:center;gap:6px;padding-left:12px;font-size:11px;font-weight:600;display:flex}.status-bar__sensors-dot{background:#38bdf8;border-radius:50%;width:6px;height:6px;box-shadow:0 0 6px #38bdf8}.status-bar__cluster-badge{color:var(--text-secondary);border:1px solid var(--border-subtle);background:#ffffff0a;border-radius:12px;align-items:center;gap:6px;padding:4px 10px;font-family:JetBrains Mono,monospace;font-size:11px;display:flex}.status-bar__right{align-items:center;gap:14px;display:flex}.status-bar__live{color:var(--status-normal);text-transform:uppercase;letter-spacing:1px;align-items:center;gap:8px;font-size:12px;font-weight:600;display:flex}.status-bar__live-dot{background:var(--status-normal);border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse-dot}.status-bar__live-dot--disconnected{background:var(--status-critical);animation:none}.status-bar__alerts{border-radius:20px;align-items:center;gap:6px;padding:4px 12px;font-size:12px;font-weight:600;display:flex}.status-bar__alerts--none{color:var(--status-normal);background:#10b9811a;border:1px solid #10b98133}.status-bar__alerts--active{color:var(--status-critical);background:#ef44441a;border:1px solid #ef44444d;animation:2s ease-in-out infinite pulse-border}.dashboard{gap:var(--gap-md);z-index:1;flex-direction:column;width:100%;max-width:1760px;min-height:calc(100vh - 64px);margin:0 auto;padding:16px 20px 48px;display:flex;position:relative}.ops-disclaimer{color:var(--text-muted);letter-spacing:.02em;margin:0;font-size:12px}.drill-banner{border-radius:var(--radius-md);color:var(--text-secondary);background:#f59e0b14;border:1px solid #f59e0b59;flex-wrap:wrap;align-items:baseline;gap:10px 16px;padding:12px 16px;font-size:13px;display:flex}.drill-banner strong{color:#fbbf24;letter-spacing:.06em;text-transform:uppercase;font-size:12px}.dashboard__split{gap:var(--gap-md);grid-template-columns:1fr 1fr;align-items:start;display:grid}.platform-row{gap:var(--gap-md);flex-direction:column;display:flex}.platform-row__intro h2{letter-spacing:.04em;text-transform:uppercase;color:#67e8f9;margin:0;font-size:15px;font-weight:800}.platform-row__intro p{color:var(--text-secondary);max-width:72ch;margin:6px 0 0;font-size:13px;line-height:1.5}.ops-placeholder{text-align:center;padding:36px 24px}.ops-placeholder h3{font-size:15px;font-weight:700}.ops-placeholder p{color:var(--text-muted);margin-top:6px;font-size:12px}.context-drawer{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-card);padding:4px 14px 12px}.context-drawer summary{cursor:pointer;letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary);padding:12px 4px;font-size:12px;font-weight:700}.context-drawer[open] summary{color:var(--text-primary);border-bottom:1px solid var(--border-subtle);margin-bottom:12px}.dashboard__main-grid{gap:var(--gap-md);grid-template-columns:1fr 390px;align-items:start;display:grid}.dashboard__left-col{gap:var(--gap-md);flex-direction:column;min-width:0;display:flex}.card{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-card);background:linear-gradient(#0c131eeb,#0a101aeb);transition:all .3s;overflow:hidden}.card:hover{background:linear-gradient(#0d1623f5,#0a0f17f5);border-color:#67e8f933;box-shadow:0 16px 34px #02061780,0 0 0 1px #67e8f914}.card--alert{animation:2.5s ease-in-out infinite card-alert-pulse;background:linear-gradient(#ef44440f 0%,#0c131eeb 100%)!important;border-color:#ef444459!important}.card--warning{animation:2.5s ease-in-out infinite card-alert-pulse;background:linear-gradient(#f973160f 0%,#0c131eeb 100%)!important;border-color:#f9731659!important}@keyframes card-alert-pulse{0%,to{box-shadow:0 12px 30px #02061773,0 0 0 1px #ef44441a}50%{box-shadow:0 12px 30px #ef444426,0 0 0 1px #ef444440}}.card__header{border-bottom:1px solid var(--border-subtle);background:#94a3b805;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.card__title{text-transform:uppercase;letter-spacing:1.2px;color:var(--text-secondary);align-items:center;gap:8px;font-size:12px;font-weight:700;display:flex}.card__title-icon{font-size:14px}.card__badge{text-transform:uppercase;letter-spacing:.5px;border-radius:10px;padding:2px 8px;font-size:10px;font-weight:700}.card__badge--live{color:#34d399;background:#10b98126;border:1px solid #10b9814d}.card__badge--flink{color:#ff9800;background:#ff980026;border:1px solid #ff98004d}.card__badge--ai{color:#c084fc;background:#a855f726;border:1px solid #a855f74d}.card__badge--neutral{color:var(--text-muted);border:1px solid var(--border-subtle);background:#ffffff14}.card__phase-chip{color:#00f2ff;letter-spacing:.5px;background:#00f2ff1f;border:1px solid #00f2ff4d;border-radius:4px;padding:2px 8px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:800}.card__body{padding:18px}.map-container{border-radius:var(--radius-lg);border:1px solid #00f2ff33;height:480px;min-height:440px;position:relative;overflow:hidden;box-shadow:0 8px 32px #00000080}.map-tactical-header{z-index:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#060a14e0;border:1px solid #00f2ff59;border-radius:8px;align-items:center;gap:8px;padding:6px 14px;display:flex;position:absolute;top:12px;left:12px;box-shadow:0 4px 16px #0009}.map-tactical-header__icon{font-size:13px}.map-tactical-header__title{letter-spacing:1px;color:#00f2ff;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700}.map-tactical-header__coords{color:var(--text-muted);border-left:1px solid #00f2ff40;padding-left:8px;font-family:JetBrains Mono,monospace;font-size:10px}.map-container .leaflet-container{background:#060a14;width:100%;height:100%}.sidebar{gap:var(--gap-md);flex-direction:column;min-width:0;display:flex}.gauge{text-align:center;padding:24px 18px}.gauge__circle{width:180px;height:180px;margin:0 auto 16px;position:relative}.gauge__svg{width:100%;height:100%;transform:rotate(-90deg)}.gauge__bg{fill:none;stroke:#ffffff0d;stroke-width:10px}.gauge__fill{fill:none;stroke-width:10px;stroke-linecap:round;transition:stroke-dashoffset 1s,stroke .5s}.gauge__value{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.gauge__percent{font-family:JetBrains Mono,monospace;font-size:42px;font-weight:800;line-height:1}.gauge__label{text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary);margin-top:4px;font-size:10px;font-weight:600}.gauge__trend{letter-spacing:.5px;border-radius:20px;align-items:center;gap:6px;padding:4px 12px;font-size:11px;font-weight:700;display:inline-flex}.gauge__trend--stable{color:var(--status-normal);background:#10b9811a}.gauge__trend--increasing{color:var(--status-elevated);background:#f59e0b1a}.gauge__trend--rapid{color:var(--status-critical);background:#ef44441a;animation:2s ease-in-out infinite pulse-bg}.metric{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:12px 0;display:flex}.metric:last-child{border-bottom:none}.metric__label{color:var(--text-secondary);align-items:center;gap:8px;font-size:13px;display:flex}.metric__label-icon{font-size:16px}.metric__value{font-family:JetBrains Mono,monospace;font-size:14px;font-weight:600}.metric__value--normal{color:var(--status-normal)}.metric__value--elevated{color:var(--status-elevated)}.metric__value--critical{color:var(--status-critical)}.event-stream{grid-column:1/-1;max-height:280px}.event-stream__list{scrollbar-width:thin;scrollbar-color:#ffffff1a transparent;max-height:220px;padding:12px 18px;overflow-y:auto}.event-stream__item{border-radius:var(--radius-sm);align-items:flex-start;gap:12px;margin-bottom:4px;padding:8px 12px;font-size:13px;transition:background .2s;animation:.3s slide-in;display:flex}.event-stream__item:hover{background:var(--bg-glass)}.event-stream__controls{align-items:center;gap:6px;display:flex}.event-stream__filter-label{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.event-stream__filter,.event-stream__pause{border:1px solid var(--border-subtle);height:26px;color:var(--text-secondary);font:600 10px var(--font-sans);cursor:pointer;background:#ffffff0a;border-radius:6px}.event-stream__filter{padding:0 6px}.event-stream__filter option{background:var(--bg-secondary);color:var(--text-primary)}.event-stream__pause{padding:0 8px;transition:all .2s}.event-stream__pause:hover,.event-stream__pause--active{color:var(--brand-cyan);background:#67e8f91a;border-color:#67e8f973}.event-stream__time{color:var(--text-muted);white-space:nowrap;min-width:65px;font-family:JetBrains Mono,monospace;font-size:11px}.event-stream__type{text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;text-align:center;border-radius:4px;min-width:70px;padding:1px 8px;font-size:10px;font-weight:700}.event-stream__type--seismic{color:var(--volcanic-red);background:#ef444426}.event-stream__type--volcanic{color:var(--volcanic-orange);background:#ff450026}.event-stream__type--ocean{color:var(--ocean-cyan);background:#06b6d426}.event-stream__type--weather{color:var(--status-advisory);background:#3b82f626}.event-stream__type--satellite{color:var(--satellite-purple);background:#a855f726}.event-stream__type--maritime{color:var(--volcanic-amber);background:#f59e0b26}.event-stream__desc{color:var(--text-primary);flex:1;line-height:1.4}.event-stream__severity{border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-top:6px}.event-stream__severity--low{background:var(--status-normal)}.event-stream__severity--medium{background:var(--status-elevated)}.event-stream__severity--high{background:var(--status-critical)}.event-stream__severity--critical{background:var(--status-critical);animation:1s ease-in-out infinite pulse-dot}.ai-panel{grid-column:1/-1}.ai-panel__status{text-transform:uppercase;letter-spacing:.8px;border-radius:20px;align-items:center;gap:6px;margin-bottom:16px;padding:4px 14px;font-size:12px;font-weight:700;display:inline-flex}.ai-panel__status--normal{color:var(--status-normal);background:#10b9811a;border:1px solid #10b98133}.ai-panel__status--advisory{color:var(--status-advisory);background:#3b82f61a;border:1px solid #3b82f633}.ai-panel__status--elevated{color:var(--status-elevated);background:#f59e0b1a;border:1px solid #f59e0b33}.ai-panel__status--high{color:var(--status-high);background:#f973161a;border:1px solid #f9731633}.ai-panel__status--critical{color:var(--status-critical);background:#ef44441a;border:1px solid #ef44444d;animation:2s ease-in-out infinite pulse-border}.ai-panel__grid{gap:var(--gap-lg);grid-template-columns:1fr 1fr;display:grid}.ai-panel__section-title{text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-bottom:10px;font-size:11px;font-weight:700}.ai-panel__list{flex-direction:column;gap:6px;list-style:none;display:flex}.ai-panel__list li{color:var(--text-primary);padding-left:16px;font-size:13px;line-height:1.5;position:relative}.ai-panel__list li:before{content:"•";color:var(--volcanic-orange);font-weight:700;position:absolute;left:0}.ai-panel__list--numbered{counter-reset:rec}.ai-panel__list--numbered li{counter-increment:rec;padding-left:24px}.ai-panel__list--numbered li:before{content:counter(rec) ".";color:var(--status-elevated);font-family:JetBrains Mono,monospace;font-size:11px}.ai-panel__disclaimer{border-radius:var(--radius-sm);color:var(--text-secondary);background:#f59e0b0d;border:1px solid #f59e0b26;margin-top:16px;padding:10px 14px;font-size:11px;line-height:1.5}.ai-panel__confidence{align-items:center;gap:10px;margin-top:12px;display:flex}.ai-panel__confidence-bar{background:#ffffff0d;border-radius:2px;flex:1;height:4px;overflow:hidden}.ai-panel__confidence-fill{background:linear-gradient(90deg, var(--status-elevated), var(--status-normal));border-radius:2px;height:100%;transition:width 1s}.ai-panel__confidence-label{color:var(--text-secondary);font-family:JetBrains Mono,monospace;font-size:11px}.explain-toggle{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;text-align:left;background:#ffffff08;align-items:center;gap:6px;width:100%;margin-top:16px;padding:8px 14px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.explain-toggle:hover{color:var(--text-primary);border-color:var(--border-medium);background:#ffffff0f}.explain-content{border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:#ffffff05;margin-top:12px;padding:14px}.explain-factor{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:8px 0;display:flex}.explain-factor:last-child{border-bottom:none}.explain-factor__name{color:var(--text-primary);font-size:12px;font-weight:600}.explain-factor__change{color:var(--text-secondary);font-size:11px}.explain-factor__bar{background:#ffffff0d;border-radius:2px;width:80px;height:4px;overflow:hidden}.explain-factor__bar-fill{background:var(--volcanic-orange);border-radius:2px;height:100%;transition:width .5s}.tsunami-panel{grid-column:1/-1;animation:2s ease-in-out infinite tsunami-pulse;background:#ef444408!important;border:1px solid #ef44444d!important}.tsunami-panel__header{color:var(--status-critical);align-items:center;gap:10px;margin-bottom:16px;font-size:16px;font-weight:800;display:flex}.tsunami-panel__grid{gap:var(--gap-lg);grid-template-columns:1fr 1fr;display:grid}.tsunami-panel__detail{justify-content:space-between;padding:6px 0;font-size:13px;display:flex}.tsunami-panel__detail-label{color:var(--text-secondary)}.tsunami-panel__detail-value{color:var(--text-primary);font-family:JetBrains Mono,monospace;font-weight:600}.tsunami-panel__zones{flex-direction:column;gap:6px;list-style:none;display:flex}.tsunami-panel__zones li{color:var(--text-primary);border-radius:var(--radius-sm);border-left:3px solid var(--status-critical);background:#ef44440d;padding:6px 10px;font-size:12px}.telemetry-hud{border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(#0c1426d9 0%,#060a14f2 100%);border:1px solid #00f2ff38;flex-direction:column;grid-column:1/-1;gap:12px;padding:16px 20px;display:flex;box-shadow:0 4px 24px #00000073}.telemetry-hud__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.telemetry-hud__badge-group{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.telemetry-hud__mode-badge{letter-spacing:.8px;color:#00e676;background:#00e6761a;border:1px solid #00e6764d;border-radius:20px;align-items:center;gap:8px;padding:6px 12px;font-size:11px;font-weight:700;display:flex}.telemetry-hud__phase-pill{background:#0006;border:1px solid;border-radius:8px;align-items:center;gap:10px;padding:6px 14px;transition:all .5s;display:flex}.telemetry-hud__phase-num{color:#38bdf8;letter-spacing:1px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:800}.telemetry-hud__phase-title{color:#f8fafc;letter-spacing:.3px;font-size:13px;font-weight:600}.telemetry-hud__timer{border:1px solid var(--border-subtle);background:#0000004d;border-radius:6px;align-items:center;gap:8px;padding:5px 12px;font-family:JetBrains Mono,monospace;display:flex}.telemetry-hud__timer-label{color:var(--text-muted);letter-spacing:1px;font-size:10px}.telemetry-hud__timer-value{color:#00f2ff;font-size:13px;font-weight:800}.telemetry-hud__progress-track{background:#ffffff0f;border-radius:2px;width:100%;height:4px;overflow:hidden}.telemetry-hud__progress-bar{height:100%;transition:width 1s linear,background .5s}.telemetry-hud__chips{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.telemetry-chip{border:1px solid var(--border-subtle);background:#00000059;border-radius:6px;align-items:center;gap:6px;padding:4px 10px;font-family:JetBrains Mono,monospace;font-size:11px;display:flex}.telemetry-chip__dot{background:#10b981;border-radius:50%;width:6px;height:6px;box-shadow:0 0 6px #10b981}.telemetry-chip__dot--kafka{background:#ff9100;box-shadow:0 0 6px #ff9100}.telemetry-chip__dot--flink{background:#00f2ff;box-shadow:0 0 6px #00f2ff}.telemetry-chip__dot--gemini{background:#c084fc;box-shadow:0 0 6px #c084fc}.telemetry-chip__label{color:var(--text-muted)}.telemetry-chip__val{color:#e2e8f0;font-weight:600}.live-dot-pulse{background-color:#10b981;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse-green;box-shadow:0 0 #10b981b3}.live-dot-pulse--off{background-color:var(--status-critical);box-shadow:none;animation:none}@keyframes pulse-green{0%{transform:scale(.95);box-shadow:0 0 #10b981b3}70%{transform:scale(1);box-shadow:0 0 0 8px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}.seismograph-container{border-radius:var(--radius-lg);background:#060a14;border:1px solid #00f2ff33;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 8px 30px #00000080}.seismograph__header{background:#00f2ff0a;border-bottom:1px solid #00f2ff1f;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.seismograph__title{letter-spacing:1px;color:#38bdf8;align-items:center;gap:8px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700;display:flex}.seismograph__pulse-indicator{background:#00f2ff;border-radius:50%;width:7px;height:7px;animation:1.5s infinite pulse-dot;box-shadow:0 0 8px #00f2ff}.seismograph__telemetry{align-items:center;gap:14px;font-family:JetBrains Mono,monospace;font-size:11px;display:flex}.seismograph__stat{color:var(--text-secondary)}.seismograph__stat strong{color:#f1f5f9}.seismograph__badge{letter-spacing:.5px;color:#00f2ff;background:#00f2ff1f;border:1px solid #00f2ff4d;border-radius:4px;padding:2px 8px;font-size:10px;font-weight:700}.seismograph__badge--critical_surge_tsunami{color:#ff2a5f;background:#ff2a5f33;border-color:#ff2a5f80;animation:1s infinite pulse-glow}.seismograph__badge--flank_deformation{color:#ff9100;background:#ff910033;border-color:#ff910080}.seismograph__canvas-wrap{background:#060a14;width:100%;height:120px;position:relative}.seismograph__canvas{width:100%;height:100%;display:block}.governance-toggle{background:var(--bg-card);border:1px solid var(--border-medium);width:44px;height:44px;color:var(--text-secondary);cursor:pointer;z-index:200;border-radius:50%;justify-content:center;align-items:center;font-size:18px;transition:all .3s;display:flex;position:fixed;bottom:20px;right:20px}.governance-toggle:hover{background:var(--bg-card-hover);color:var(--text-primary);transform:scale(1.1)}.governance-drawer{background:var(--bg-secondary);border-left:1px solid var(--border-subtle);z-index:300;width:400px;height:100vh;padding:24px;transition:right .3s;position:fixed;top:0;right:-400px;overflow-y:auto}.governance-drawer--open{right:0}.governance-drawer__overlay{z-index:250;opacity:0;pointer-events:none;background:#00000080;transition:opacity .3s;position:fixed;inset:0}.governance-drawer__overlay--visible{opacity:1;pointer-events:auto}.governance-item{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);margin-bottom:10px;padding:14px}.governance-item__topic{color:var(--volcanic-amber);margin-bottom:8px;font-family:JetBrains Mono,monospace;font-size:13px;font-weight:600}.governance-item__detail{justify-content:space-between;padding:3px 0;font-size:11px;display:flex}.governance-item__label{color:var(--text-muted)}.governance-item__value{color:var(--text-secondary);font-weight:500}.governance-item__value--sensitive{color:var(--status-elevated)}.governance-item__value--restricted{color:var(--status-critical)}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}@keyframes pulse-bg{0%,to{background:#ef44441a}50%{background:#ef444433}}@keyframes pulse-border{0%,to{border-color:#ef44444d}50%{border-color:#ef444499}}@keyframes slide-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes tsunami-pulse{0%,to{border-color:#ef44444d;box-shadow:0 0 #ef444400}50%{border-color:#ef444499;box-shadow:0 0 30px #ef44441a}}@keyframes glow-ring{0%{opacity:1;transform:scale(.8)}to{opacity:0;transform:scale(2.5)}}.leaflet-container{background:#0a0a14!important}.leaflet-control-attribution{color:var(--text-muted)!important;background:#0a0a14cc!important;font-size:9px!important}.leaflet-control-attribution a{color:var(--text-muted)!important}.leaflet-control-zoom a{background:var(--bg-card)!important;color:var(--text-primary)!important;border-color:var(--border-subtle)!important}.leaflet-control-layers{border:1px solid var(--border-medium)!important;border-radius:var(--radius-sm)!important;color:var(--text-primary)!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;background:#0d0d16e6!important;font-family:Inter,sans-serif!important;font-size:11px!important;box-shadow:0 4px 16px #00000080!important}.leaflet-control-layers-expanded{padding:8px 12px!important}.leaflet-control-layers label{color:var(--text-primary)!important;cursor:pointer!important;align-items:center!important;gap:6px!important;margin-bottom:4px!important;display:flex!important}.volcano-marker{position:relative}.volcano-marker__dot{background:var(--volcanic-orange);cursor:pointer;border:2px solid #ff450099;border-radius:50%;width:24px;height:24px;animation:2s ease-in-out infinite pulse-dot;box-shadow:0 0 15px #ff450066,0 0 30px #ff450033}.volcano-marker__dot--elevated{background:var(--volcanic-red);border-color:#ef444499;box-shadow:0 0 20px #ef444480,0 0 40px #ef44444d}.volcano-marker__dot--critical{background:var(--volcanic-crimson);border-color:#dc2626cc;animation:1s ease-in-out infinite pulse-dot;box-shadow:0 0 25px #dc262699,0 0 60px #dc26264d}.volcano-marker__ring{border:2px solid var(--volcanic-orange);pointer-events:none;border-radius:50%;width:24px;height:24px;animation:2s ease-out infinite glow-ring;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.volcano-marker__label{white-space:nowrap;color:var(--text-primary);text-shadow:0 1px 4px #000c;pointer-events:none;font-size:11px;font-weight:600;position:absolute;bottom:-24px;left:50%;transform:translate(-50%)}.coastal-zone-icon{pointer-events:auto}.zone-badge{letter-spacing:.5px;white-space:nowrap;text-align:center;cursor:pointer;border-radius:6px;padding:3px 8px;font-size:10px;font-weight:700;transition:all .25s;display:inline-block;box-shadow:0 2px 8px #0009}.zone-badge--normal{color:var(--ocean-cyan);background:#0d0d16d9;border:1px solid #06b6d480}.zone-badge--alert{color:#fbbf24;background:#f59e0b40;border:1px solid #f59e0b;animation:2s infinite pulse-border}.zone-badge--tsunami{color:#fff;background:#dc2626e6;border:1.5px solid #ef4444;animation:1s infinite pulse-dot;box-shadow:0 0 12px #ef4444b3}.map-hud-legend{z-index:1000;-webkit-backdrop-filter:blur(14px);pointer-events:auto;color:var(--text-primary);background:#080c16f0;border:1px solid #00f2ff40;border-radius:8px;flex-direction:column;gap:3px;min-width:255px;max-width:320px;padding:10px 14px;font-size:11px;transition:all .25s;display:flex;position:absolute;bottom:18px;left:18px;box-shadow:0 12px 36px #000000bf,0 0 25px #00f2ff1f}.map-hud-legend__header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;padding-bottom:6px;display:flex}.map-hud-legend__title{text-transform:uppercase;letter-spacing:1px;color:#38bdf8;align-items:center;gap:6px;margin-bottom:0;font-size:10px;font-weight:800;display:flex}.map-hud-legend__badge{color:#00f2ff;background:#00f2ff1f;border:1px solid #00f2ff4d;border-radius:4px;padding:1px 6px;font-size:9px;font-weight:700}.map-hud-legend__item{cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff05;border:1px solid #0000;border-radius:5px;justify-content:space-between;align-items:center;gap:8px;padding:4px 8px;font-size:11px;transition:all .15s;display:flex}.map-hud-legend__item:hover{background:#ffffff12;border-color:#ffffff26;transform:translate(2px)}.map-hud-legend__item--active{background:#00f2ff0f;border-color:#00f2ff2e}.map-hud-legend__item--inactive{opacity:.45}.map-hud-legend__item-left{align-items:center;gap:8px;display:flex}.legend-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px;display:inline-block;box-shadow:0 0 6px}.legend-line{border-bottom:2px dashed;border-radius:2px;flex-shrink:0;width:14px;height:3px;display:inline-block}.legend-check{color:#10b981;justify-content:center;align-items:center;font-size:11px;font-weight:800;display:inline-flex}.dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.dot--volcano{background:var(--volcanic-orange);box-shadow:0 0 6px var(--volcanic-orange)}.dot--exclusion{border:1.5px dashed var(--volcanic-orange);background:0 0}.dot--zone{background:var(--ocean-cyan);box-shadow:0 0 6px var(--ocean-cyan)}.dot--tsunami{background:var(--volcanic-crimson);animation:1s infinite pulse-dot;box-shadow:0 0 8px #ef4444}.dot--wave{background:0 0;border:1.5px dashed #ef4444}.dot--sensor{background:#06b6d4;border:1px solid #fff}.dot--ship{background:#fff}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}@media (max-width:1024px){.dashboard{grid-template-columns:1fr}.map-container{grid-area:auto/1;min-height:300px}.sidebar{grid-area:auto/1}.ai-panel__grid,.tsunami-panel__grid,.dashboard__split{grid-template-columns:1fr}.status-bar{flex-wrap:wrap}.status-bar__center{order:3;width:100%}}@media (max-width:520px){.event-stream .card__header{flex-direction:column;align-items:flex-start;gap:10px}.event-stream__controls{width:100%}.event-stream__filter{flex:1}}.status-bar__mode-pill{letter-spacing:.5px;border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:700;display:flex}.status-bar__mode-pill--real{color:#34d399;background:#10b98126;border:1px solid #10b98166}.status-bar__mode-pill--drill{color:#fbbf24;background:#f59e0b26;border:1px solid #f59e0b66}.status-bar__mode-switch{border:1px solid var(--border-subtle);background:#00000073;border-radius:10px;align-items:center;gap:2px;padding:3px;display:flex}.status-bar__mode-btn{appearance:none;color:var(--text-muted);letter-spacing:.03em;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:8px;align-items:center;gap:6px;padding:6px 10px;font-size:11px;font-weight:700;display:inline-flex}.status-bar__mode-btn--active-live{color:#34d399;background:#10b9812e}.status-bar__mode-btn--active-drill{color:#fbbf24;background:#f59e0b2e}.status-bar__action-btn{color:var(--text-primary);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:11px;font-weight:600;transition:all .2s;display:inline-flex}.status-bar__action-btn:hover{background:#ffffff1a;border-color:#ffffff40;transform:translateY(-1px)}.status-bar__action-btn--drill{color:#fbbf24;border-color:#f59e0b4d}.status-bar__action-btn--drill:hover{background:#f59e0b26;border-color:#f59e0b}.status-bar__action-btn--gov{color:#38bdf8;border-color:#06b6d44d}.status-bar__action-btn--gov:hover{background:#06b6d426;border-color:#06b6d4}.status-bar__clock-sub{color:var(--text-muted);font-size:10px}.tactical-ribbon{grid-template-columns:repeat(6,minmax(0,1fr));align-items:stretch;gap:10px;margin-bottom:2px;display:grid}@media (max-width:1400px){.tactical-ribbon{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:820px){.tactical-ribbon{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:520px){.tactical-ribbon{grid-template-columns:1fr}}.ribbon-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);flex-direction:column;justify-content:space-between;height:100%;min-height:154px;padding:10px 12px;transition:all .25s;display:flex;position:relative;overflow:hidden}.ribbon-card:hover{border-color:var(--border-medium);background:var(--bg-card-hover);transform:translateY(-2px);box-shadow:0 6px 20px #0006}.ribbon-card:before{content:"";background:linear-gradient(90deg,#0000,#ffffff26,#0000);height:2px;position:absolute;top:0;left:0;right:0}.ribbon-card--quake{background:linear-gradient(#ff45000d 0%,#0f0f19e6 100%);border-color:#ff45004d}.ribbon-card--quake:before{background:linear-gradient(90deg,#ff4500,#f59e0b)}.ribbon-card--usgs{background:linear-gradient(#0ea5e90f 0%,#0a0f1ef2 100%);border-color:#0ea5e959}.ribbon-card--usgs:before{background:linear-gradient(90deg,#0ea5e9,#38bdf8)}.ribbon-card--ai{background:linear-gradient(#a855f70d 0%,#120c1cf2 100%);border-color:#a855f74d}.ribbon-card--ai:before{background:linear-gradient(90deg,#a855f7,#06b6d4)}.ribbon-card--ai .ribbon-card__subtext{scrollbar-width:thin;scrollbar-color:#a855f766 transparent}.ribbon-card--ai .ribbon-card__subtext::-webkit-scrollbar{width:3px}.ribbon-card--ai .ribbon-card__subtext::-webkit-scrollbar-thumb{background:#a855f766;border-radius:3px}.ribbon-card__header{flex-shrink:0;justify-content:space-between;align-items:center;gap:6px;height:22px;margin-bottom:8px;display:flex}.ribbon-card__body{flex-direction:column;flex:1;justify-content:space-between;min-width:0;display:flex}.ribbon-card__main{flex-direction:column;flex:1;min-width:0;display:flex}.ribbon-card__footer{border-top:1px solid #ffffff0f;flex-shrink:0;align-items:center;min-height:24px;margin-top:8px;padding-top:6px;display:flex}.ribbon-card__tag{letter-spacing:.25px;color:var(--text-secondary);white-space:nowrap;align-items:center;gap:6px;min-width:0;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:700;display:flex}.ribbon-card__time{color:var(--text-muted);flex-shrink:0;font-family:JetBrains Mono,monospace;font-size:10px}.ribbon-card__badge{letter-spacing:.3px;white-space:nowrap;border-radius:4px;flex-shrink:0;padding:2px 6px;font-size:9px;font-weight:700}.ribbon-card__badge--cyan{color:#38bdf8;background:#06b6d426;border:1px solid #06b6d459}.ribbon-card__badge--blue{color:#38bdf8;background:#0ea5e926;border:1px solid #0ea5e959}.ribbon-card__badge--green{color:#34d399;background:#10b98126;border:1px solid #10b98159}.ribbon-card__badge--purple{color:#c084fc;background:#a855f726;border:1px solid #a855f759}.ribbon-card__mag-wrap{align-items:center;gap:12px;margin-bottom:6px;display:flex}.ribbon-card__mag{letter-spacing:-.5px;font-family:JetBrains Mono,monospace;font-size:26px;font-weight:900}.ribbon-card__mag--normal{color:#f59e0b}.ribbon-card__mag--high{color:#ef4444;text-shadow:0 0 12px #ef444480}.ribbon-card__depth-wrap{flex-direction:column;gap:2px;display:flex}.ribbon-card__depth{color:var(--text-primary);font-size:11px;font-weight:600}.ribbon-card__coords{color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:10px}.ribbon-card__location{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;margin-bottom:6px;font-size:11px;overflow:hidden}.ribbon-card__advisory{color:#10b981;font-size:10px;font-weight:600}.ribbon-card__advisory--danger{color:#ef4444;font-weight:700;animation:2s infinite pulse-beacon}.ribbon-card__stat-row{align-items:baseline;gap:8px;margin-bottom:4px;display:flex}.ribbon-card__stat-val{font-family:JetBrains Mono,monospace;font-size:24px;font-weight:800}.ribbon-card__stat-unit{color:var(--text-muted);letter-spacing:.8px;font-size:10px;font-weight:600}.ribbon-card__subtext{color:var(--text-secondary);font-size:11px;line-height:1.4}.ribbon-card__footer-meta{color:var(--text-muted);align-items:center;gap:4px;margin-top:0;font-size:10px;display:flex}.ribbon-card__bar-track{background:#ffffff14;border-radius:2px;width:100%;height:4px;margin-top:8px;overflow:hidden}.ribbon-card__bar-fill{border-radius:2px;height:100%;transition:width .5s}.latest-quake-card{background:linear-gradient(#141423f2 0%,#0c0c16f2 100%);border-color:#ff450040}.latest-quake-hero{border-bottom:1px solid var(--border-subtle);align-items:center;gap:14px;margin-bottom:12px;padding-bottom:12px;display:flex}.latest-quake-hero__mag-box{border-radius:var(--radius-md);background:#ff45001f;border:1px solid #ff450059;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:72px;height:64px;display:flex;box-shadow:0 0 16px #ff450026}.latest-quake-hero__mag{color:#ff4500;font-family:JetBrains Mono,monospace;font-size:24px;font-weight:900}.latest-quake-hero__mag--danger{color:#ef4444;text-shadow:0 0 10px #ef444499}.latest-quake-hero__mag-label{color:var(--text-muted);letter-spacing:.8px;font-size:8px;font-weight:800}.latest-quake-hero__info{flex:1;min-width:0}.latest-quake-hero__wilayah{color:#f8fafc;margin-bottom:4px;font-size:13px;font-weight:700;line-height:1.35}.latest-quake-hero__meta{color:var(--text-secondary);align-items:center;gap:6px;margin-bottom:2px;font-size:11px;display:flex}.latest-quake-hero__date{color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:10px}.latest-quake-status{border-radius:var(--radius-sm);align-items:flex-start;gap:10px;margin-bottom:12px;padding:10px 12px;font-size:11px;display:flex}.latest-quake-status--safe{color:#d1fae5;background:#10b98114;border:1px solid #10b98140}.latest-quake-status--danger{color:#fee2e2;background:#ef44441f;border:1px solid #ef444466;animation:2s infinite pulse-border}.latest-quake-status__icon{font-size:16px;line-height:1}.latest-quake-status__text strong{letter-spacing:.5px;margin-bottom:2px;font-size:11px;font-weight:700;display:block}.latest-quake-grid{border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:#00000040;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px;padding:10px;display:grid}.latest-quake-grid__item{flex-direction:column;gap:2px;display:flex}.latest-quake-grid__label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.6px;font-size:9.5px;font-weight:700}.latest-quake-grid__value{color:var(--text-primary);font-size:11px;font-weight:600;line-height:1.3}.latest-quake-actions{flex-wrap:wrap;gap:8px;display:flex}.quake-action-btn{color:#ff6b35;border-radius:var(--radius-sm);cursor:pointer;background:#ff450026;border:1px solid #ff450066;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:11px;font-weight:700;transition:all .2s;display:inline-flex}.quake-action-btn:hover{color:#fff;background:#ff450040;border-color:#ff4500}.quake-action-btn--secondary{color:var(--text-secondary);background:#ffffff0d;border-color:#ffffff1f}.quake-action-btn--secondary:hover{color:var(--text-primary);background:#ffffff1a;border-color:#ffffff40}.latest-quake-shakemap{border-radius:var(--radius-sm);border:1px solid var(--border-medium);background:#000;margin-top:12px;overflow:hidden}.latest-quake-shakemap__img{width:100%;height:auto;display:block}.latest-quake-shakemap__caption{color:var(--text-muted);text-align:center;background:#0009;padding:6px 10px;font-size:10px}.map-floating-controls{z-index:500;align-items:center;gap:8px;display:flex;position:absolute;top:12px;right:12px}.map-floating-btn{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#00f2ff;cursor:pointer;font-size:11px;font-weight:700;font-family:var(--font-sans);background:#060a14e6;border:1px solid #00f2ff66;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;transition:all .2s;display:inline-flex;box-shadow:0 4px 16px #0009}.map-floating-btn:hover{color:#fff;background:#00f2ff2e;border-color:#00f2ff;transform:translateY(-1px);box-shadow:0 6px 20px #00f2ff4d}.map-floating-btn__icon{font-size:13px;font-weight:800}@media (max-width:1024px){.dashboard__main-grid{grid-template-columns:1fr}}.dash-root{background:var(--bg-base);min-height:100vh;color:var(--text-primary);font-family:var(--font-sans);flex-direction:column;display:flex}.dash-topbar{border-bottom:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:1000;background:#0a0e1af2;justify-content:space-between;align-items:center;gap:16px;height:64px;padding:0 20px;display:flex;position:sticky;top:0}.dash-topbar__brand{align-items:center;gap:12px;min-width:280px;display:flex}.dash-topbar__logo{background:linear-gradient(135deg,#ff2a5f33,#6366f133);border:1px solid #ff2a5f66;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:relative}.dash-topbar__logo-icon{font-size:18px}.dash-topbar__logo-pulse{background:#ff2a5f;border-radius:50%;width:8px;height:8px;animation:1.8s ease-in-out infinite live-pulse;position:absolute;top:-2px;right:-2px}.dash-topbar__title-group{flex-direction:column;display:flex}.dash-topbar__title{letter-spacing:.04em;color:var(--text-primary);align-items:center;gap:8px;font-size:15px;font-weight:800;display:flex}.dash-topbar__badge{color:#00f2ff;letter-spacing:.05em;background:#00f2ff1f;border:1px solid #00f2ff4d;border-radius:4px;padding:2px 6px;font-size:9px;font-weight:700}.dash-topbar__subtitle{color:var(--text-muted);white-space:nowrap;font-size:10px}.dash-topbar__pills{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.dash-pill{letter-spacing:.03em;border:1px solid var(--border-subtle);background:var(--bg-surface);color:var(--text-secondary);border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.dash-pill:hover{border-color:var(--border-medium);background:#ffffff0f}.dash-pill--live{color:var(--status-normal);background:#10b98114;border-color:#10b9814d}.dash-pill--kafka{color:#00f2ff;background:#00f2ff14;border-color:#00f2ff4d}.dash-pill--flink{color:#ff9800;background:#ff980014;border-color:#ff98004d}.dash-pill--ai{color:#c084fc;background:#a855f714;border-color:#a855f74d}.dash-pill--active{box-shadow:0 0 10px #00f2ff33;border-color:#00f2ff!important}.dash-topbar__right{align-items:center;gap:12px;display:flex}.dash-topbar__clock{border-radius:var(--radius-sm);border:1px solid var(--border-subtle);font-family:var(--font-mono);background:#0006;align-items:center;gap:6px;padding:4px 12px;font-size:11px;display:flex}.dash-clock__icon{font-size:12px}.dash-clock__main{color:#00f2ff;font-weight:700}.dash-clock__sep{color:#fff3}.dash-clock__sub{color:var(--text-muted)}.dash-clock__utc{color:#a855f7}.dash-threat-badge{letter-spacing:.05em;border-radius:20px;align-items:center;gap:6px;padding:4px 12px;font-size:11px;font-weight:700;display:flex}.dash-threat-badge--nominal{color:var(--status-normal);background:#10b9811f;border:1px solid #10b9814d}.dash-threat-badge--alert{color:var(--status-critical);background:#f43f5e26;border:1px solid #f43f5e66;animation:1.5s infinite pulse-border}.dash-shell{flex:1;min-height:calc(100vh - 64px);display:flex}.dash-sidebar{border-right:1px solid var(--border-subtle);background:#0a0e1ad9;flex-direction:column;flex-shrink:0;justify-content:space-between;width:280px;height:calc(100vh - 64px);padding:16px 12px;display:flex;position:sticky;top:64px;overflow-y:auto}.dash-sidebar__section-title{color:var(--text-muted);letter-spacing:.1em;padding:0 8px 8px;font-size:9px;font-weight:800}.dash-sidebar__nav{flex-direction:column;gap:4px;display:flex}.dash-sidebar__item{border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;align-items:center;gap:10px;width:100%;padding:10px 12px;transition:all .2s;display:flex}.dash-sidebar__item:hover{color:var(--text-primary);border-color:var(--border-subtle);background:#ffffff0a}.dash-sidebar__item--active{box-shadow:inset 3px 0 #00f2ff;color:var(--text-primary)!important;background:linear-gradient(90deg,#00f2ff1f,#6366f10d)!important;border-color:#00f2ff4d!important}.dash-sidebar__item-icon{flex-shrink:0;font-size:16px}.dash-sidebar__item-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.dash-sidebar__item-label-row{justify-content:space-between;align-items:center;display:flex}.dash-sidebar__item-label{white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:700;overflow:hidden}.dash-sidebar__item-badge{letter-spacing:.05em;border-radius:4px;padding:1px 5px;font-size:8px;font-weight:800}.dash-sidebar__item-badge--live{color:var(--status-normal);background:#10b98126}.dash-sidebar__item-badge--flink{color:#ff9800;background:#ff980026}.dash-sidebar__item-badge--ai{color:#c084fc;background:#a855f726}.dash-sidebar__item-badge--neutral{color:var(--text-muted);background:#ffffff14}.dash-sidebar__item-desc{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.dash-sidebar__footer{border-top:1px solid var(--border-subtle);flex-direction:column;gap:12px;padding-top:16px;display:flex}.dash-sidebar__status-box{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:#0006;flex-direction:column;gap:6px;padding:10px;display:flex}.dash-sidebar__status-row{align-items:center;gap:6px;display:flex}.dash-sidebar__status-title{color:var(--text-primary);font-size:11px;font-weight:700}.dash-sidebar__status-meta{color:var(--text-muted);font-size:9px;font-family:var(--font-mono);flex-direction:column;gap:2px;display:flex}.dash-sidebar__mmi-meter{flex-direction:column;gap:4px;display:flex}.dash-sidebar__mmi-header{color:var(--text-muted);justify-content:space-between;font-size:9px;font-weight:700;display:flex}.dash-sidebar__mmi-val{color:#00f2ff;font-family:var(--font-mono)}.dash-sidebar__mmi-bar{background:#ffffff1a;border-radius:2px;height:4px;overflow:hidden}.dash-sidebar__mmi-fill{border-radius:2px;height:100%;transition:width .4s}.dash-workspace{flex-direction:column;flex:1;gap:16px;min-width:0;padding:20px 24px;display:flex}.dash-view-header{border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-bottom:12px;display:flex}.dash-view-header__left{align-items:center;gap:8px;display:flex}.dash-view-header__crumb{color:var(--text-muted);letter-spacing:.05em;font-size:11px;font-weight:700}.dash-view-header__sep{color:#fff3}.dash-view-header__active-title{color:#00f2ff;font-size:13px;font-weight:800}.dash-view-header__pills{align-items:center;gap:6px;display:flex}.dash-view-pill{border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;background:#ffffff0a;border-radius:6px;padding:5px 12px;font-size:11px;font-weight:600;transition:all .2s}.dash-view-pill:hover{color:var(--text-primary);background:#ffffff14}.dash-view-pill--active{font-weight:700;color:#00f2ff!important;background:#00f2ff1f!important;border-color:#00f2ff66!important}.dash-tab-content{flex-direction:column;gap:16px;animation:.2s ease-in-out fadeIn;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.flink-panel{flex-direction:column;gap:16px;display:flex}.flink-header-card{background:linear-gradient(135deg,#ff98000d,#0a0e1acc);border:1px solid #ff980033;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:20px 24px;display:flex}.flink-header-card__left{align-items:center;gap:16px;max-width:650px;display:flex}.flink-header-card__icon-wrap{background:#ff980026;border:1px solid #ff98004d;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;display:flex}.flink-header-card__title-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.flink-header-card__title{color:var(--text-primary);font-size:18px;font-weight:800}.flink-header-card__desc{color:var(--text-muted);margin-top:4px;font-size:12px;line-height:1.5}.flink-header-card__stats{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.flink-stat-box{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:#0006;flex-direction:column;gap:2px;min-width:110px;padding:10px 14px;display:flex}.flink-stat-box__label{color:var(--text-muted);letter-spacing:.05em;font-size:9px;font-weight:700}.flink-stat-box__val{color:#ff9800;font-size:13px;font-weight:700;font-family:var(--font-mono)}.flink-dag{justify-content:space-between;align-items:center;gap:12px;padding:24px;display:flex;overflow-x:auto}.flink-dag__col{flex-direction:column;flex:1;gap:10px;min-width:200px;display:flex}.flink-dag__col-title{letter-spacing:.08em;color:var(--text-muted);border-bottom:1px solid var(--border-subtle);padding-bottom:4px;font-size:10px;font-weight:800}.flink-dag__node{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);flex-direction:column;gap:2px;padding:10px 12px;transition:all .2s;display:flex}.flink-dag__node:hover{border-color:var(--border-medium);transform:translateY(-2px)}.flink-dag__node--source{border-left:3px solid #00f2ff}.flink-dag__node--flink{background:#ff98000a;border-left:3px solid #ff9800}.flink-dag__node--sink{background:#10b9810a;border-left:3px solid #10b981}.flink-dag__node--ai{background:#a855f70a;border-left:3px solid #a855f7}.flink-dag__node-tag{color:var(--text-muted);letter-spacing:.08em;font-size:8px;font-weight:800}.flink-dag__node-name{color:var(--text-primary);font-size:12px;font-weight:700;font-family:var(--font-mono)}.flink-dag__node-sub{color:var(--text-muted);font-size:10px}.flink-dag__arrow{color:var(--text-muted);-webkit-user-select:none;user-select:none;opacity:.6;font-size:18px}.flink-studio-tabs{border-bottom:1px solid var(--border-subtle);background:#0003;gap:8px;padding:12px 18px;display:flex}.flink-studio-tab{border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:6px;padding:6px 14px;font-size:11px;font-weight:600;transition:all .2s}.flink-studio-tab:hover{color:var(--text-primary);background:#ffffff0a}.flink-studio-tab--active{color:#ff9800!important;background:#ff98001f!important;border-color:#ff980066!important}.flink-studio-body{flex-direction:column;gap:12px;padding:18px;display:flex}.flink-studio-desc{color:var(--text-secondary);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:#ffffff05;padding:8px 12px;font-size:12px}.flink-code-box{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);font-family:var(--font-mono);color:#94a3b8;background:#080c16;max-height:480px;padding:16px;font-size:12px;line-height:1.6;overflow-x:auto}.flink-copy-btn{border:1px solid var(--border-subtle);color:var(--text-primary);cursor:pointer;background:#ffffff0f;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:600;transition:all .2s}.flink-copy-btn:hover{border-color:var(--border-medium);background:#ffffff1f}.ocean-panel,.governance-view{flex-direction:column;gap:16px;display:flex}.ocean-header-card,.governance-header-card{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:20px 24px;display:flex}.ocean-header-card__icon-wrap,.governance-header-card__icon-wrap{background:#00f2ff1f;border:1px solid #00f2ff4d;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.ocean-stats-grid,.governance-kpis{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.ocean-stat-box,.gov-kpi-box{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:#0006;flex-direction:column;gap:2px;min-width:120px;padding:10px 14px;display:flex}.ocean-stat-box__label,.gov-kpi-box__label{color:var(--text-muted);letter-spacing:.05em;font-size:9px;font-weight:700}.ocean-stat-box__val,.gov-kpi-box__val{color:#00f2ff;font-size:13px;font-weight:700;font-family:var(--font-mono)}.ocean-table,.gov-table{border-collapse:collapse;text-align:left;width:100%;font-size:12px}.ocean-table th,.gov-table th{color:var(--text-muted);letter-spacing:.05em;border-bottom:1px solid var(--border-subtle);background:#0003;padding:12px 16px;font-size:10px;font-weight:800}.ocean-table td,.gov-table td{border-bottom:1px solid var(--border-subtle);color:var(--text-secondary);padding:12px 16px}.ocean-table tr:hover td,.gov-table tr:hover td{color:var(--text-primary);background:#ffffff05}.dash-table-chip{color:var(--text-muted);background:#ffffff0f;border-radius:4px;padding:2px 8px;font-size:10px;font-weight:600}.dash-table-badge{border-radius:12px;align-items:center;padding:2px 8px;font-size:10px;font-weight:700;display:inline-flex}.dash-table-badge--live{color:var(--status-normal);background:#10b98126;border:1px solid #10b9814d}.dash-table-badge--warn{color:#ff9800;background:#ff980026;border:1px solid #ff98004d}.dash-table-badge--neutral{color:var(--text-muted);background:#ffffff14}.gov-chip{border-radius:4px;padding:2px 8px;font-size:10px;font-weight:700}.gov-chip--scientific{color:#00f2ff;background:#00f2ff1f}.gov-chip--operational{color:#ff9800;background:#ff98001f}.gov-chip--sensitive{color:#f43f5e;background:#f43f5e26}.gov-chip--derived{color:#c084fc;background:#a855f726}@media (max-width:900px){.dash-shell{flex-direction:column}.dash-sidebar{width:100%;height:auto;position:relative;top:0}.dash-topbar__pills{display:none}}.dash-pill--volcano{color:#ff2a5f;background:#ff2a5f14;border-color:#ff2a5f4d}.volcano-panel{flex-direction:column;gap:16px;display:flex}.volcano-header-card{background:linear-gradient(135deg,#ff2a5f14,#0a0e1acc);border:1px solid #ff2a5f40;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:20px 24px;display:flex}.volcano-header-card__icon-wrap{background:#ff2a5f26;border:1px solid #ff2a5f59;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.volcano-stats-grid{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.volcano-stat-box{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:#0006;flex-direction:column;gap:2px;min-width:130px;padding:10px 14px;display:flex}.volcano-stat-box__label{color:var(--text-muted);letter-spacing:.05em;font-size:9px;font-weight:700}.volcano-stat-box__val{font-size:13px;font-weight:800;font-family:var(--font-mono)}.volcano-filter-chip{border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;background:#ffffff0a;border-radius:6px;padding:4px 12px;font-size:11px;font-weight:600;transition:all .2s}.volcano-filter-chip:hover{color:var(--text-primary);background:#ffffff14}.volcano-filter-chip--active{font-weight:700;color:#ff2a5f!important;background:#ff2a5f26!important;border-color:#ff2a5f66!important}.volcano-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:16px;display:grid}.volcano-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);flex-direction:column;transition:all .2s;display:flex;overflow:hidden}.volcano-card:hover{border-color:var(--border-medium);box-shadow:0 8px 24px #0006}.volcano-card__header{border-bottom:1px solid var(--border-subtle);background:#0003;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.volcano-card__icon{font-size:24px}.volcano-card__name{color:var(--text-primary);margin:0;font-size:15px;font-weight:800}.volcano-card__time{color:var(--text-muted);font-size:10px;font-family:var(--font-mono)}.volcano-card__level-badge{letter-spacing:.04em;border-radius:12px;padding:3px 10px;font-size:10px;font-weight:800}.volcano-card__level-badge--awas{color:#f43f5e;background:#f43f5e33;border:1px solid #f43f5e66;animation:1.5s infinite pulse-border}.volcano-card__level-badge--siaga{color:#ff9800;background:#ff980033;border:1px solid #ff980066}.volcano-card__level-badge--waspada{color:#00f2ff;background:#00f2ff26;border:1px solid #00f2ff4d}.volcano-card__body{flex-direction:column;flex:1;gap:12px;padding:16px 18px;display:flex}.volcano-card__desc{color:var(--text-secondary);margin:0;font-size:12px;line-height:1.5}.volcano-card__metrics{border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:#0000004d;grid-template-columns:repeat(3,1fr);gap:8px;padding:10px;display:grid}.volcano-metric-item{flex-direction:column;gap:2px;display:flex}.volcano-metric-item__label{color:var(--text-muted);letter-spacing:.05em;font-size:8px;font-weight:800}.volcano-metric-item__val{color:#00f2ff;font-size:12px;font-weight:700;font-family:var(--font-mono)}.volcano-card__img-wrap{border-radius:var(--radius-sm);border:1px solid var(--border-subtle);cursor:pointer;background:#000;max-height:180px;position:relative;overflow:hidden}.volcano-card__img{object-fit:cover;width:100%;height:180px;transition:transform .3s;display:block}.volcano-card__img-wrap:hover .volcano-card__img{transform:scale(1.04)}.volcano-card__img-overlay{color:#00f2ff;text-align:center;background:#000000b3;padding:6px 10px;font-size:10px;font-weight:600;position:absolute;bottom:0;left:0;right:0}.volcano-card__rec{border-radius:var(--radius-sm);color:#ff9800;background:#ff980014;border:1px solid #ff980033;padding:10px 12px;font-size:11px;line-height:1.4}.volcano-card__footer{border-top:1px solid var(--border-subtle);justify-content:space-between;align-items:center;margin-top:auto;padding-top:10px;display:flex}.volcano-card__author{color:var(--text-muted);font-size:10px}.volcano-card__link-btn{color:#00f2ff;background:#00f2ff14;border:1px solid #00f2ff33;border-radius:4px;padding:4px 8px;font-size:11px;font-weight:700;text-decoration:none;transition:all .2s}.volcano-card__link-btn:hover{background:#00f2ff29;border-color:#00f2ff66}.volcano-lightbox{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;background:#000000d9;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.volcano-lightbox__content{flex-direction:column;align-items:center;gap:12px;max-width:90vw;max-height:90vh;display:flex;position:relative}.volcano-lightbox__img{border-radius:var(--radius-md);border:1px solid #fff3;max-width:100%;max-height:80vh;box-shadow:0 16px 40px #000c}.volcano-lightbox__close-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff4d;border-radius:20px;padding:6px 16px;font-size:12px;font-weight:700;transition:all .2s}.volcano-lightbox__close-btn:hover{background:#fff3}.dash-unified-container{flex-direction:column;gap:40px;width:100%;max-width:1760px;margin:0 auto;padding:24px 28px 80px;display:flex}.dash-section{flex-direction:column;gap:18px;scroll-margin-top:80px;display:flex;position:relative}.dash-section-header{border-bottom:1px solid #ffffff14;flex-direction:column;gap:6px;padding-bottom:14px;display:flex}.dash-section-header__title-group{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.dash-section-header__icon{font-size:20px;line-height:1}.dash-section-header__title{color:var(--text-primary);letter-spacing:-.01em;margin:0;font-size:18px;font-weight:800}.dash-section-header__sub{color:var(--text-muted);font-size:12px;line-height:1.5}@media (max-width:1200px){.dash-unified-container{gap:32px;padding:20px 16px 60px}}@media (max-width:768px){.dash-unified-container{gap:24px;padding:14px 10px 50px}.dash-section-header__title{font-size:16px}}.seismogram-modal{animation:.22s cubic-bezier(.16,1,.3,1) modalPop}@keyframes modalPop{0%{opacity:0;transform:scale(.96)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}@media (max-width:900px){.seismogram-modal__body{grid-template-columns:1fr!important}}.volcano-map-marker{pointer-events:auto}.dash-subbar{z-index:990;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#080c16eb;border-bottom:1px solid #ffffff14;padding:8px 24px;transition:all .3s;position:sticky;top:64px;box-shadow:0 4px 20px #0006}.dash-subbar__container{scrollbar-width:none;justify-content:space-between;align-items:center;gap:16px;max-width:1760px;margin:0 auto;display:flex;overflow-x:auto}.dash-subbar__container::-webkit-scrollbar{display:none}.dash-subbar__group-label{letter-spacing:.08em;color:var(--text-muted);text-transform:uppercase;white-space:nowrap;font-size:10px;font-weight:800}.dash-subbar__modes{flex-shrink:0;align-items:center;gap:10px;display:flex}.dash-subbar__mode-btn{border:1px solid var(--border-subtle);color:var(--text-secondary);letter-spacing:.03em;cursor:pointer;white-space:nowrap;background:#ffffff08;border-radius:20px;align-items:center;gap:8px;padding:6px 14px;font-size:11px;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.dash-subbar__mode-btn:hover{border-color:var(--border-medium);color:var(--text-primary);background:#ffffff12}.dash-subbar__mode-btn--active-real{box-shadow:0 0 14px #10b98140;color:#34d399!important;background:linear-gradient(135deg,#10b98138,#06b6d41f)!important;border-color:#10b98180!important}.dash-subbar__mode-btn--active-sim{box-shadow:0 0 14px #ff980040;color:#ff9800!important;background:linear-gradient(135deg,#ff980038,#ff2a5f26)!important;border-color:#ff980080!important}.dash-subbar__mode-title{font-weight:800}.dash-subbar__mode-tag{color:inherit;letter-spacing:.04em;background:#ffffff14;border-radius:8px;padding:2px 6px;font-size:9px;font-weight:800}.dash-subbar__mode-icon{font-size:13px}.dash-subbar__divider{background:#ffffff1a;flex-shrink:0;width:1px;height:24px}.dash-subbar__tabs{flex-shrink:0;align-items:center;gap:8px;display:flex}.dash-subbar__tab-btn{color:var(--text-secondary);letter-spacing:.03em;cursor:pointer;white-space:nowrap;background:#ffffff05;border:1px solid #ffffff0f;border-radius:16px;align-items:center;gap:6px;padding:5px 12px;font-size:11px;font-weight:700;transition:all .2s;display:inline-flex}.dash-subbar__tab-btn:hover{color:var(--text-primary);background:#ffffff0f;border-color:#ffffff26}.dash-subbar__tab-btn--active{box-shadow:0 0 12px #00f2ff33;color:#00f2ff!important;background:#00f2ff1f!important;border-color:#00f2ff80!important}.dash-subbar__tab-btn--sim:hover{border-color:#ff98004d}.dash-subbar__tab-btn--active-sim{box-shadow:0 0 12px #ff980033;color:#ff9800!important;background:#ff980026!important;border-color:#ff980080!important}.dash-subbar__tab-icon{font-size:12px}@media (max-width:1100px){.volcano-hub-main-grid{grid-template-columns:1fr!important}.dash-subbar{padding:6px 16px;top:56px}}.workspace-nav{z-index:90;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#070c13e0;border-bottom:1px solid #94a3b81f;margin-bottom:16px;padding:10px 0;position:sticky;top:0;box-shadow:0 8px 24px #02061733}.workspace-nav__container{justify-content:space-between;align-items:center;gap:16px;max-width:1760px;margin:0 auto;padding:0 4px;display:flex}.workspace-nav__scroll{scrollbar-width:none;align-items:center;gap:8px;padding:2px 0;display:flex;overflow-x:auto}.workspace-nav__scroll::-webkit-scrollbar{display:none}.workspace-nav__item{color:var(--text-secondary);letter-spacing:.5px;cursor:pointer;white-space:nowrap;background:#0f172a80;border:1px solid #94a3b81f;border-radius:10px;align-items:center;gap:8px;padding:8px 14px;font-size:11px;font-weight:700;transition:all .2s;display:inline-flex}.workspace-nav__item:hover{color:var(--text-primary);background:#94a3b80d;border-color:#67e8f947;transform:translateY(-1px)}.workspace-nav__item--active{box-shadow:inset 0 0 0 1px #67e8f91f,0 0 18px #22d3ee2e;color:var(--brand-cyan)!important;background:linear-gradient(135deg,#22d3ee24,#60a5fa24)!important;border-color:#67e8f980!important}.workspace-nav__icon{font-size:14px}.workspace-nav__label{letter-spacing:.5px;font-family:Inter,sans-serif;font-weight:700}.workspace-nav__badge{letter-spacing:.4px;border:1px solid;border-radius:6px;padding:2px 6px;font-family:JetBrains Mono,monospace;font-size:9px;font-weight:800}.workspace-nav__drill-indicator{color:#fbbf24;white-space:nowrap;background:#fbbf2414;border:1px solid #fbbf2447;border-radius:20px;align-items:center;gap:8px;padding:5px 14px;font-size:10.5px;font-weight:800;display:flex}.ribbon-card__mag-badge{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:46px;font-family:JetBrains Mono,monospace;font-size:18px;font-weight:900;display:flex}.ribbon-card__mag-badge--normal{color:#10b981;background:#10b9811f;border:1px solid #10b98159;box-shadow:0 0 12px #10b98126}.ribbon-card__mag-badge--high{color:#f59e0b;background:#f59e0b26;border:1px solid #f59e0b66;box-shadow:0 0 12px #f59e0b33}.ribbon-card__mag-badge--critical{color:#ff2a5f;background:#ef444433;border:1px solid #ef444480;animation:1.5s infinite pulse-glow;box-shadow:0 0 16px #ef444459}.ribbon-card__badge--bedrock{color:#ff9100;background:#ff910026;border:1px solid #ff910066}.ribbon-card--threat{animation:2s infinite pulse-border;border-color:#ef444466!important}.card{box-shadow:0 6px 24px #00000059,0 0 0 1px #ffffff0f}.card:hover{box-shadow:0 10px 32px #00000073,0 0 0 1px #00f2ff26}.section-hero-title{border-bottom:1px solid #94a3b81a;justify-content:space-between;align-items:center;margin-bottom:12px;padding:4px 2px 0;display:flex}.section-hero-title h2{letter-spacing:.08em;text-transform:uppercase;color:var(--text-primary);align-items:center;gap:8px;font-family:Inter,sans-serif;font-size:15px;font-weight:800;display:flex}.section-hero-title p{color:var(--text-secondary);letter-spacing:.02em;margin:0;font-size:12px}.infrastructure-impact{overflow:hidden}.infrastructure-impact__body{padding:16px 18px 18px}.infrastructure-impact__summary{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px;display:grid}.infrastructure-impact__summary>div{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:#0000003d;flex-direction:column;gap:3px;padding:10px 12px;display:flex}.infrastructure-impact__summary strong{color:var(--brand-cyan);font:800 20px var(--font-mono)}.infrastructure-impact__summary strong.critical{color:var(--status-critical)}.infrastructure-impact__summary span{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:10px}.infrastructure-impact__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.infrastructure-impact__asset{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:#0f172a9e;padding:11px 12px}.infrastructure-impact__asset-head,.infrastructure-impact__asset-meta{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.infrastructure-impact__asset-head strong{color:var(--text-primary);font-size:12px;display:block}.infrastructure-impact__asset-head span,.infrastructure-impact__asset-meta{color:var(--text-muted);font-size:10px}.infrastructure-impact__asset-meta{font-family:var(--font-mono);margin-top:10px}.infrastructure-impact__asset-meta span:first-child{color:var(--status-normal)}.infrastructure-impact__level{font:800 9px var(--font-mono);border-radius:5px;flex-shrink:0;padding:3px 7px}.infrastructure-impact__level--normal{color:var(--status-normal);background:#22c55e1a}.infrastructure-impact__level--medium{color:var(--status-elevated);background:#f59e0b1f}.infrastructure-impact__level--high{color:var(--status-high);background:#f973161f}.infrastructure-impact__level--critical{color:var(--status-critical);background:#ef444424}.infrastructure-impact__empty{color:var(--text-muted);text-align:center;grid-column:1/-1;padding:24px;font-size:12px}@media (max-width:640px){.infrastructure-impact__summary,.infrastructure-impact__grid{grid-template-columns:1fr}}.connectors-panel{flex-direction:column;gap:20px;display:flex}.connectors-panel__header{border-radius:var(--radius-lg);background:linear-gradient(135deg,#ff910014,#0a0e1acc);border:1px solid #ff910040;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;padding:20px 24px;display:flex}.connectors-panel__title{color:var(--text-primary);align-items:center;gap:8px;margin:0;font-size:18px;font-weight:800;display:flex}.connectors-panel__subtitle{color:var(--text-muted);margin:4px 0 0 28px;font-size:12px;line-height:1.5}.connectors-panel__stats{flex-wrap:wrap;align-items:center;gap:24px;display:flex}.connectors-panel__stat{flex-direction:column;gap:2px;display:flex}.connectors-panel__stat-label{color:var(--text-muted);letter-spacing:.05em;font-size:10px;font-weight:700}.connectors-panel__stat-value{font-size:13px;font-weight:700;font-family:var(--font-mono)}.connectors-panel__loading,.connectors-panel__error{text-align:center;color:var(--text-secondary);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:40px 24px}.connectors-panel__error{color:var(--status-critical)}.connectors-panel__retry-btn{color:#ff9800;cursor:pointer;background:#ff910026;border:1px solid #ff910066;border-radius:6px;margin-left:12px;padding:6px 14px;font-size:11px;font-weight:700;transition:all .2s}.connectors-panel__retry-btn:hover{background:#ff910040;border-color:#ff9800}.connectors-panel__pipeline{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:#0003;flex-wrap:wrap;align-items:center;gap:6px;padding:10px 14px;display:flex;overflow-x:auto}.pipeline-pill{white-space:nowrap;background:#0003;border:1px solid;border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.pipeline-chevron{color:#64748b80;-webkit-user-select:none;user-select:none;font-size:16px;font-weight:300;line-height:1}.connector-table{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);width:100%;overflow:hidden}.connector-table__header{border-bottom:1px solid var(--border-subtle);color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase;background:#0000004d;grid-template-columns:28px 1.5fr 1.2fr 90px 50px 100px 36px;gap:8px;padding:8px 12px;font-size:9px;font-weight:800;display:grid}.connector-table__row{border-bottom:1px solid #ffffff08;grid-template-columns:28px 1.5fr 1.2fr 90px 50px 100px 36px;align-items:center;gap:8px;padding:6px 12px;transition:background .15s;display:grid}.connector-table__row:hover{background:#ffffff08}.connector-table__row:last-child{border-bottom:none}.connector-table__col{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.connector-table__col--icon{text-align:center;font-size:13px}.connector-table__col--name{font-weight:700;font-family:var(--font-mono);font-size:10px}.connector-table__col--topic{font-family:var(--font-mono);color:var(--text-secondary);font-size:10px}.connector-table__col--status{align-items:center;font-size:10px;font-weight:700;display:flex}.connector-table__col--tasks{font-family:var(--font-mono);text-align:center;font-size:10px}.connector-table__col--id{font-family:var(--font-mono);color:var(--text-muted);font-size:9px}.connector-table__col--action{text-align:center}.connector-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:all .25s;overflow:hidden}.connector-card:hover{border-color:var(--border-medium);box-shadow:0 8px 24px #0006}.connector-card__header{border-bottom:1px solid var(--border-subtle);background:#0003;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.connector-card__identity{align-items:center;gap:10px;display:flex}.connector-card__type-icon{font-size:20px}.connector-card__name{color:var(--text-primary);font-size:13px;font-weight:800;font-family:var(--font-mono)}.connector-card__class{color:var(--text-muted);font-size:10px;font-family:var(--font-mono)}.connector-card__status{letter-spacing:.5px;border-radius:20px;align-items:center;gap:6px;padding:4px 12px;font-size:10px;font-weight:800;display:flex}.connector-card__status-dot{border-radius:50%;width:7px;height:7px;animation:1.5s infinite pulse-dot}.connector-card__body{flex-direction:column;gap:12px;padding:12px 14px;display:flex}.connector-card__metrics{grid-template-columns:1fr;gap:4px;display:grid}.connector-metric{border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:#00000040;flex-direction:column;gap:2px;padding:6px 10px;display:flex}.connector-metric__label{color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase;font-size:8.5px;font-weight:800}.connector-metric__value{color:var(--text-primary);font-size:12px;font-weight:700;font-family:var(--font-mono);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.connector-metric__value--id{font-size:10px}.connector-card__actions{border-top:1px solid var(--border-subtle);flex-wrap:wrap;align-items:center;gap:8px;padding-top:8px;display:flex}.connector-btn{cursor:pointer;white-space:nowrap;border:1px solid;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:11px;font-weight:700;transition:all .2s;display:inline-flex}.connector-btn:disabled{opacity:.4;cursor:not-allowed}.connector-btn--primary{color:#ff9800;background:#ff91001f;border-color:#ff910059}.connector-btn--primary:hover:not(:disabled){background:#ff910038;border-color:#ff9800}.connector-btn--success{color:#34d399;background:#10b9811f;border-color:#10b98159}.connector-btn--success:hover:not(:disabled){background:#10b98138;border-color:#34d399}.connector-btn--warning{color:#c084fc;background:#a855f71f;border-color:#a855f759}.connector-btn--warning:hover:not(:disabled){background:#a855f738;border-color:#a855f7}.connector-btn--info{color:#00f2ff;background:#00f2ff1a;border-color:#00f2ff4d}.connector-btn--info:hover:not(:disabled){background:#00f2ff33;border-color:#00f2ff}.config-modal__overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1500;background:#000000bf;justify-content:center;align-items:center;padding:24px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.config-modal{background:var(--bg-secondary);border:1px solid var(--border-medium);border-radius:var(--radius-lg);flex-direction:column;width:100%;max-width:800px;max-height:80vh;display:flex;overflow:hidden;box-shadow:0 20px 60px #0009}.config-modal__header{border-bottom:1px solid var(--border-subtle);background:#0000004d;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.config-modal__header h3{color:var(--text-primary);font-size:14px;font-weight:700;font-family:var(--font-mono);margin:0}.config-modal__close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:4px;font-size:20px;line-height:1;transition:color .2s}.config-modal__close:hover{color:var(--status-critical)}.config-modal__body{flex:1;padding:20px;overflow:auto}.config-modal__json{font-family:var(--font-mono);color:var(--text-secondary);white-space:pre-wrap;word-break:break-word;border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:#080c16;max-height:500px;margin:0;padding:16px;font-size:11px;line-height:1.6;overflow:auto}.config-modal__footer{border-top:1px solid var(--border-subtle);background:#0003;justify-content:flex-end;padding:16px 20px;display:flex}.config-modal__copy-btn{color:#00f2ff;cursor:pointer;background:#00f2ff1f;border:1px solid #00f2ff59;border-radius:8px;padding:8px 16px;font-size:11px;font-weight:700;transition:all .2s}.config-modal__copy-btn:hover{background:#00f2ff38;border-color:#00f2ff}.connector-toast{z-index:2000;border-radius:var(--radius-md);cursor:pointer;align-items:center;gap:10px;padding:12px 18px;font-size:13px;font-weight:600;animation:.3s slideInRight;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 8px 30px #00000080}.connector-toast.success{color:#34d399;background:#10b98126;border:1px solid #10b98166}.connector-toast.error{color:#ef4444;background:#ef444426;border:1px solid #ef444466}@keyframes slideInRight{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}@media (max-width:1024px){.connectors-panel__pipeline{flex-wrap:wrap;gap:8px}.pipeline-arrow{display:none}.pipeline-stage{min-width:140px;padding:12px 16px}.connectors-panel__grid{grid-template-columns:1fr}}@media (max-width:640px){.connectors-panel__stats{flex-direction:column;align-items:flex-start;gap:8px}.connector-card__metrics{grid-template-columns:1fr}.connector-card__actions{flex-direction:column;width:100%}.connector-btn{justify-content:center;width:100%}}.weather-anomaly-banner{border-radius:var(--radius-md);background:linear-gradient(135deg,#f973161f,#ef444414);border:1px solid #f9731680;align-items:center;gap:14px;padding:14px 20px;animation:2s ease-in-out infinite weather-anomaly-pulse;display:flex;position:relative;overflow:hidden}.weather-anomaly-banner__glow{pointer-events:none;background:radial-gradient(circle at 20%,#f9731626,#0000 50%);width:100%;height:100%;position:absolute;top:0;left:0}.weather-anomaly-banner__icon{z-index:1;font-size:28px;animation:3s ease-in-out infinite tornado-spin}.weather-anomaly-banner__content{z-index:1;flex-direction:column;flex:1;gap:4px;display:flex}.weather-anomaly-banner__title{color:#f97316;letter-spacing:.06em;text-transform:uppercase;font-size:13px;font-weight:800}.weather-anomaly-banner__desc{color:#fed7aa;font-size:12px;line-height:1.5}.weather-anomaly-banner__live{color:#f97316;letter-spacing:1px;z-index:1;align-items:center;gap:6px;font-size:11px;font-weight:700;display:flex}@keyframes weather-anomaly-pulse{0%,to{border-color:#f973164d;box-shadow:0 0 #f9731600}50%{border-color:#f97316b3;box-shadow:0 0 25px #f9731626}}@keyframes tornado-spin{0%,to{transform:rotate(0)scale(1)}25%{transform:rotate(10deg)scale(1.05)}50%{transform:rotate(-5deg)scale(1.1)}75%{transform:rotate(8deg)scale(1.05)}}.event-stream__item--critical{background:#ef44440f;border-left:3px solid #ef4444}.event-stream__item--high{background:#f973160a;border-left:3px solid #f97316}.event-stream__item--medium{background:#f59e0b08;border-left:3px solid #f59e0b}.metric--alert{border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:#ef44440a;border-left:3px solid #ef4444;padding-left:12px}.metric--warning{border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:#f59e0b08;border-left:3px solid #f59e0b;padding-left:12px}.metric__pulse-dot{border-radius:50%;width:8px;height:8px;animation:1.5s ease-in-out infinite pulse-dot}.metric__pulse-dot--critical{background:#ef4444;box-shadow:0 0 8px #ef4444}.metric__pulse-dot--warning{background:#f59e0b;box-shadow:0 0 8px #f59e0b}.card--interactive{cursor:pointer}.card--interactive:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0006,0 0 0 1px #67e8f91f}.status-bar__weather-alert{letter-spacing:.5px;color:#f97316;background:#f9731626;border:1px solid #f9731666;border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:10px;font-weight:700;animation:2s infinite pulse-border;display:flex}.section-hero-title h2{letter-spacing:.04em;text-transform:uppercase;color:#67e8f9;align-items:center;gap:8px;margin:0;font-size:14px;font-weight:800;display:flex}.section-hero-title p{color:var(--text-secondary);max-width:60ch;margin:4px 0 0;font-size:12px}@media (max-width:640px){.weather-anomaly-banner{flex-wrap:wrap;gap:10px}.weather-anomaly-banner__icon{font-size:24px}.weather-anomaly-banner__title{font-size:12px}.weather-anomaly-banner__desc{font-size:11px}}.sentinel-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#080d1af5,#0c1224f0);border:1px solid #ffffff17;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;padding:12px 20px;display:flex;box-shadow:0 8px 32px #0009,inset 0 1px #ffffff14}.sentinel-header__brand-col{align-items:center;gap:14px;display:flex}.sentinel-header__emblem{background:radial-gradient(circle,#ef444440 0%,#0f172acc 100%);border:1px solid #ef444466;border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;display:flex;position:relative}.sentinel-header__emblem-icon{filter:drop-shadow(0 0 8px #ff4b2bb3);font-size:22px}.sentinel-header__emblem-pulse{opacity:.5;border:1px solid #10b981;border-radius:12px;animation:2.5s cubic-bezier(.2,.6,.4,1) infinite pulse-ring;position:absolute;inset:-2px}.sentinel-header__emblem-pulse--drill{border-color:#f59e0b}.sentinel-header__titles{flex-direction:column;gap:2px;display:flex}.sentinel-header__title-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.sentinel-header__main-title{letter-spacing:1.8px;color:#f8fafc;text-shadow:0 0 14px #fff3;margin:0;font-size:16px;font-weight:900}.sentinel-mode-tag{letter-spacing:.8px;text-transform:uppercase;border-radius:4px;padding:2px 7px;font-size:9.5px;font-weight:800}.sentinel-mode-tag--live{color:#10b981;background:#10b98126;border:1px solid #10b98166;box-shadow:0 0 10px #10b98133}.sentinel-mode-tag--drill{color:#f59e0b;background:#f59e0b2e;border:1px solid #f59e0b66;box-shadow:0 0 10px #f59e0b40}.sentinel-header__sub-title{letter-spacing:.6px;color:#94a3b8;font-size:11px;font-weight:500}.sentinel-header__mode-switcher{align-items:center;display:flex}.mode-toggle-segmented{background:#040810cc;border:1px solid #ffffff1f;border-radius:40px;gap:4px;padding:4px;display:flex;box-shadow:inset 0 2px 8px #0009}.mode-toggle-item{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:30px;outline:none;align-items:center;gap:8px;padding:7px 16px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.mode-toggle-item:hover:not(.mode-toggle-item--active-live):not(.mode-toggle-item--active-drill){color:#f1f5f9;background:#ffffff0a}.mode-toggle-item--active-live{box-shadow:0 0 16px #10b98166;color:#f8fafc!important;background:linear-gradient(135deg,#10b98133,#06b6d438)!important;border-color:#10b981!important}.mode-toggle-item--active-drill{box-shadow:0 0 16px #f59e0b73;color:#f8fafc!important;background:linear-gradient(135deg,#f59e0b40,#ef444433)!important;border-color:#f59e0b!important}.mode-toggle-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.mode-toggle-dot--live{background:#10b981;box-shadow:0 0 8px #10b981}.mode-toggle-dot--drill{background:#f59e0b;box-shadow:0 0 8px #f59e0b}.mode-toggle-text{align-items:center;gap:6px;display:flex}.mode-toggle-label{letter-spacing:.8px;font-size:11.5px;font-weight:800}.mode-toggle-hint{color:#94a3b8;letter-spacing:.5px;background:#ffffff14;border-radius:3px;padding:1px 5px;font-size:9px;font-weight:700}.mode-toggle-item--active-live .mode-toggle-hint{color:#6ee7b7;background:#10b9814d}.mode-toggle-item--active-drill .mode-toggle-hint{color:#fde68a;background:#f59e0b4d}.sentinel-header__clock-col{flex-direction:column;align-items:flex-end;gap:5px;display:flex}.sentinel-clock-pill{color:#e2e8f0;background:#0f172ad9;border:1px solid #ffffff1a;border-radius:6px;align-items:center;gap:8px;padding:4px 12px;font-family:monospace;font-size:11.5px;font-weight:700;display:flex}.clock-pulse-dot{border-radius:50%;width:7px;height:7px;animation:1.5s infinite pulse-dot}.clock-pulse-dot--live{background:#10b981;box-shadow:0 0 8px #10b981}.clock-pulse-dot--drill{background:#f59e0b;box-shadow:0 0 8px #f59e0b}.clock-divider{color:#475569}.clock-time-utc{color:#94a3b8}.sentinel-telemetry-badge{color:#94a3b8;letter-spacing:.6px;align-items:center;gap:6px;font-size:9.5px;font-weight:700;display:flex}.telemetry-dot{border-radius:50%;width:6px;height:6px}.telemetry-dot--live{background:#10b981}.telemetry-dot--drill{background:#f59e0b}.live-status-ribbon{background:linear-gradient(90deg,#10b98114,#0f172ae6 30%,#06b6d40f);border:1px solid #10b98140;border-left:4px solid #10b981;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:12px;padding:10px 18px;display:flex;box-shadow:0 4px 20px #00000059}.live-status-ribbon__meta{flex-direction:column;gap:3px;max-width:440px;display:flex}.live-pill-status{align-items:center;gap:6px;display:flex}.live-indicator-ring{background:#10b981;border-radius:50%;width:8px;height:8px;animation:1.8s infinite pulse-dot;box-shadow:0 0 10px #10b981}.live-pill-title{letter-spacing:.8px;color:#10b981;text-transform:uppercase;font-size:10.5px;font-weight:800}.live-status-desc{color:#cbd5e1;font-size:11px;line-height:1.4}.live-status-ribbon__kpis{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.live-kpi-block{background:#ffffff08;border:1px solid #ffffff14;border-radius:6px;flex-direction:column;padding:3px 10px;display:flex}.live-kpi-label{letter-spacing:.8px;color:#94a3b8;text-transform:uppercase;font-size:8.5px;font-weight:700}.live-kpi-value{font-variant-numeric:tabular-nums;font-size:13px;font-weight:800}.live-kpi-value--cyan{color:#00f2ff}.live-kpi-value--emerald{color:#10b981}.live-kpi-value--purple{color:#c084fc}.live-kpi-value--amber{color:#f59e0b}.live-to-drill-btn{color:#fde68a;letter-spacing:.5px;cursor:pointer;background:#f59e0b1f;border:1px solid #f59e0b66;border-radius:8px;align-items:center;gap:8px;padding:8px 14px;font-size:11.5px;font-weight:800;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.live-to-drill-btn:hover{background:#f59e0b40;border-color:#f59e0b;transform:translateY(-1px);box-shadow:0 0 16px #f59e0b4d}.btn-arrow{font-size:13px;transition:transform .2s}.live-to-drill-btn:hover .btn-arrow{transform:translate(3px)}.drill-simulation-wrapper{flex-direction:column;gap:10px;margin-bottom:12px;display:flex}.drill-banner{background:linear-gradient(90deg,#f59e0b1f,#0f172af2 25%,#ef444414);border:1px solid #f59e0b66;border-left:4px solid #f59e0b;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:12px 20px;display:flex;box-shadow:0 6px 24px #f59e0b26}.drill-banner__text-wrap{flex-direction:column;gap:4px;max-width:500px;display:flex}.drill-banner__badge{letter-spacing:.8px;color:#f59e0b;align-items:center;gap:8px;font-size:11px;font-weight:800;display:flex}.drill-badge-icon{font-size:14px;animation:1.2s infinite pulse-dot}.drill-banner__desc{color:#cbd5e1;margin:0;font-size:11px;line-height:1.4}.drill-banner__stats{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.drill-stat-box{background:#ffffff08;border:1px solid #ffffff14;border-radius:6px;flex-direction:column;align-items:center;padding:4px 12px;display:flex}.drill-stat-label{letter-spacing:.8px;color:#94a3b8;text-transform:uppercase;font-size:8.5px;font-weight:700}.drill-stat-value{font-variant-numeric:tabular-nums;font-size:15px;font-weight:900}.drill-stat-value--alert{color:#ef4444;text-shadow:0 0 10px #ef444480}.drill-stat-value--purple{color:#c084fc}.drill-exit-btn{color:#e2e8f0;letter-spacing:.5px;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff26;border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-size:11px;font-weight:800;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.drill-exit-btn:hover{color:#fff;background:#ef444433;border-color:#ef4444}.incident-cockpit-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(145deg,#0a1020f2,#0f172ae6);border:1px solid #ffffff17;border-radius:14px;flex-direction:column;gap:14px;padding:18px;display:flex;box-shadow:0 8px 32px #00000080,inset 0 1px #ffffff0f}.cockpit-card-header{border-bottom:1px solid #ffffff12;flex-direction:column;gap:10px;padding-bottom:12px;display:flex}.cockpit-header-top{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.cockpit-title-group{align-items:center;gap:10px;display:flex}.cockpit-title-icon{background:#00f2ff14;border:1px solid #00f2ff33;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:20px;display:flex}.cockpit-title-text-wrap{flex-direction:column;gap:2px;display:flex}.cockpit-title-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.cockpit-title{color:#f8fafc;letter-spacing:.5px;margin:0;font-size:14px;font-weight:800}.cockpit-id-chip{color:#00f2ff;background:#00f2ff1a;border:1px solid #00f2ff40;border-radius:4px;padding:1px 6px;font-family:monospace;font-size:9.5px;font-weight:700}.cockpit-sub-category{color:#94a3b8;font-size:10.5px;font-weight:500}.cockpit-status-badge{letter-spacing:.8px;white-space:nowrap;border:1px solid;border-radius:20px;flex-shrink:0;align-items:center;gap:6px;padding:4px 10px;font-size:10px;font-weight:800;display:flex}.cockpit-location-bar{background:#ffffff08;border:1px solid #ffffff0f;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:6px 12px;display:flex}.cockpit-location-info{color:#cbd5e1;align-items:center;gap:6px;font-size:11.5px;display:flex;overflow:hidden}.cockpit-location-pin{font-size:13px}.cockpit-location-name{color:#f1f5f9;white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.cockpit-location-depth{color:#94a3b8;white-space:nowrap;background:#ffffff0f;border-radius:3px;padding:1px 5px;font-size:9.5px}.cockpit-focus-btn{color:#00f2ff;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:4px;align-items:center;gap:4px;padding:2px 6px;font-size:11px;font-weight:700;transition:all .2s;display:flex}.cockpit-focus-btn:hover{background:#00f2ff1f}.cockpit-telemetry-matrix{background:#0f172a8c;border:1px solid #ffffff14;border-radius:10px;grid-template-columns:repeat(3,1fr);display:grid;overflow:hidden}.matrix-cell{border-bottom:1px solid #ffffff0f;border-right:1px solid #ffffff0f;flex-direction:column;gap:3px;padding:10px 12px;transition:background .2s;display:flex}.matrix-cell:nth-child(3n){border-right:none}.matrix-cell:nth-child(n+4){border-bottom:none}.matrix-cell:hover{background:#ffffff05}.matrix-cell__label{letter-spacing:.8px;color:#94a3b8;text-transform:uppercase;font-size:8.5px;font-weight:700}.matrix-cell__value-row{align-items:baseline;gap:6px;display:flex}.matrix-cell__value{color:#f8fafc;font-variant-numeric:tabular-nums;font-size:16px;font-weight:900;line-height:1.2}.matrix-cell__value--mag{color:#ef4444;text-shadow:0 0 10px #ef444466}.matrix-cell__value--mmi{color:#f97316}.matrix-cell__value--pop{color:#38bdf8}.matrix-cell__value--infra{color:#f59e0b}.matrix-cell__value--road{color:#ec4899}.matrix-cell__pill{color:#64748b;background:#ffffff0d;border-radius:3px;padding:1px 4px;font-size:8.5px}.matrix-cell__tag{letter-spacing:.5px;border-radius:4px;padding:1px 6px;font-size:11px;font-weight:800}.matrix-cell__tag--danger{color:#ef4444;background:#ef444426;border:1px solid #ef444459}.matrix-cell__tag--safe{color:#10b981;background:#10b9811f;border:1px solid #10b9814d}.matrix-cell__hint{color:#64748b;white-space:nowrap;text-overflow:ellipsis;font-size:9px;overflow:hidden}.cockpit-confidence-box{background:#0f172a99;border:1px solid #a855f738;border-radius:10px;flex-direction:column;gap:8px;padding:12px 14px;display:flex}.confidence-box__header{justify-content:space-between;align-items:center;display:flex}.confidence-box__title{color:#c084fc;letter-spacing:.5px;align-items:center;gap:6px;font-size:11px;font-weight:800;display:flex}.confidence-box__pct{color:#c084fc;font-variant-numeric:tabular-nums;font-size:12px;font-weight:900}.confidence-bar-track{background:#ffffff14;border-radius:3px;height:6px;overflow:hidden}.confidence-bar-fill{border-radius:3px;height:100%;transition:width .4s}.confidence-chips-row{flex-wrap:wrap;gap:6px;margin-top:2px;display:flex}.conf-pill{cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:5px;outline:none;align-items:center;gap:5px;padding:4px 8px;transition:all .2s;display:flex}.conf-pill:hover{background:#a855f71f;border-color:#a855f74d}.conf-pill--active{box-shadow:0 0 10px #a855f759;background:#a855f733!important;border-color:#c084fc!important}.conf-pill__badge{color:#c084fc;background:#a855f72e;border-radius:3px;padding:1px 4px;font-size:9px;font-weight:900}.conf-pill__label{color:#cbd5e1;font-size:9.5px;font-weight:600}.cockpit-evidence-drawer{background:#0a0e1af2;border:1px solid #a855f759;border-radius:8px;flex-direction:column;gap:6px;margin-top:4px;padding:10px;animation:.2s fadeIn;display:flex}.evidence-drawer__head{justify-content:space-between;align-items:center;display:flex}.evidence-drawer__close-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;font-size:11px}.evidence-drawer__meta-row{color:#94a3b8;justify-content:space-between;font-size:9.5px;display:flex}.evidence-drawer__code{color:#38bdf8;word-break:break-all;background:#0006;border-radius:4px;padding:4px 8px;font-family:monospace;font-size:9.5px}.evidence-drawer__verdict-text{color:#cbd5e1;font-size:10px;line-height:1.4}.cockpit-directive-card{background:#ef44440d;border:1px solid #ef444447;border-radius:10px;flex-direction:column;gap:8px;padding:12px 14px;display:flex}.cockpit-directive__head{justify-content:space-between;align-items:center;display:flex}.cockpit-directive__title{color:#ef4444;letter-spacing:.6px;align-items:center;gap:6px;font-size:11px;font-weight:800;display:flex}.cockpit-directive__badge{color:#ef4444;background:#ef44442e;border:1px solid #ef444466;border-radius:4px;padding:2px 7px;font-size:9px;font-weight:800}.cockpit-directive__agency{align-items:center;gap:6px;font-size:10px;display:flex}.agency-label{color:#94a3b8}.agency-name{color:#f8fafc;font-weight:700}.cockpit-directive__action-title{color:#f8fafc;font-size:11.5px;font-weight:800;line-height:1.3}.cockpit-directive__checklist{flex-direction:column;gap:4px;display:flex}.directive-check-item{color:#cbd5e1;align-items:flex-start;gap:6px;font-size:10.5px;line-height:1.35;display:flex}.check-bullet{color:#ef4444;font-weight:900}.cockpit-directive__dispatch{flex-direction:column;gap:6px;margin-top:4px;display:flex}.cockpit-dispatch-btn{color:#f8fafc;letter-spacing:.5px;cursor:pointer;background:linear-gradient(135deg,#ef444440,#f9731640);border:1px solid #ef4444;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:8px 14px;font-size:10.5px;font-weight:800;transition:all .2s;display:flex;box-shadow:0 0 12px #ef444433}.cockpit-dispatch-btn:hover{background:linear-gradient(135deg,#ef444466,#f9731666);transform:translateY(-1px);box-shadow:0 0 18px #ef444459}.cockpit-dispatch-feedback{color:#10b981;text-align:center;background:#10b9811a;border:1px solid #10b9814d;border-radius:4px;padding:4px 8px;font-size:9.5px;font-weight:700}.cascading-flow-card{background:#0a0f1cd9;border:1px solid #00f2ff33;border-radius:12px;flex-direction:column;gap:12px;padding:16px;display:flex}.cascading-flow__header{justify-content:space-between;align-items:center;display:flex}.cascading-flow__title{color:#00f2ff;letter-spacing:.8px;align-items:center;gap:8px;font-size:12px;font-weight:800;display:flex}.cascading-flow__badge{color:#00f2ff;background:#00f2ff1a;border:1px solid #00f2ff4d;border-radius:4px;padding:3px 8px;font-size:9.5px;font-weight:700}.cascading-flow__subtitle{color:#94a3b8;font-size:11px;line-height:1.4}.cascading-flow__timeline{flex-direction:column;gap:0;padding-left:6px;display:flex;position:relative}.cascading-flow__item{gap:12px;display:flex;position:relative}.cascading-flow__item-left{flex-direction:column;align-items:center;width:28px;display:flex}.cascading-node-dot{z-index:2;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;transition:all .3s;display:flex}.cascading-node-dot--completed{background:#10b98133;border:2px solid #10b981;box-shadow:0 0 10px #10b98166}.cascading-node-dot--active{background:#ef444440;border:2px solid #ef4444;animation:1.5s infinite pulse-border;box-shadow:0 0 14px #ef444499}.cascading-node-dot--pending{opacity:.6;background:#ffffff0d;border:1px solid #ffffff26}.cascading-node-line{flex:1;width:2px;min-height:22px}.cascading-node-line--completed{background:#10b981}.cascading-node-line--pending{background:#ffffff1a}.cascading-node-content{flex:1;padding-bottom:14px}.cascading-node-content__top{align-items:center;gap:8px;margin-bottom:2px;display:flex}.cascading-node-content__step{letter-spacing:.5px;color:#94a3b8;font-size:9px;font-weight:800}.cascading-node-content__stream{color:#00f2ff;background:#00f2ff14;border-radius:4px;padding:1px 6px;font-family:monospace;font-size:9px}.cascading-node-content__label{color:#f8fafc;font-size:11.5px;font-weight:700}.cascading-node-content--active .cascading-node-content__label{color:#f36;text-shadow:0 0 8px #f366}.cascading-node-content__sub{color:#64748b;margin-top:1px;font-size:10px}.incident-timeline-card{background:#0a0f1cd9;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;gap:12px;padding:16px;display:flex}.incident-timeline__header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding-bottom:10px;display:flex}.incident-timeline__title{color:#f8fafc;letter-spacing:.8px;align-items:center;gap:8px;font-size:12px;font-weight:800;display:flex}.incident-timeline__meta{color:#00f2ff;align-items:center;gap:6px;font-size:10px;font-weight:700;display:flex}.incident-timeline__list{flex-direction:column;gap:8px;max-height:260px;display:flex;overflow-y:auto}.incident-timeline__row{background:#0f172a80;border:1px solid #ffffff0a;border-radius:8px;align-items:flex-start;gap:14px;padding:8px 12px;transition:all .2s;display:flex}.incident-timeline__row:hover{background:#0f172acc;border-color:#00f2ff33}.incident-timeline__time-cell{flex-direction:column;flex-shrink:0;width:95px;display:flex}.incident-timeline__time{color:#cbd5e1;font-family:monospace;font-size:11px;font-weight:700}.incident-timeline__source-tag{color:#00f2ff;opacity:.8;white-space:nowrap;text-overflow:ellipsis;font-family:monospace;font-size:8.5px;overflow:hidden}.incident-timeline__content-cell{flex-direction:column;flex:1;gap:2px;display:flex}.incident-timeline__title-line{align-items:center;gap:8px;display:flex}.incident-timeline__severity{border-radius:4px;padding:1px 6px;font-size:8.5px;font-weight:800}.timeline-badge--critical{color:#ef4444;background:#ef444433;border:1px solid #ef4444}.timeline-badge--high{color:#f97316;background:#f9731633;border:1px solid #f97316}.timeline-badge--elevated{color:#eab308;background:#eab30833;border:1px solid #eab308}.timeline-badge--normal{color:#10b981;background:#10b98133;border:1px solid #10b981}.incident-timeline__item-title{color:#f8fafc;font-size:11.5px;font-weight:700}.incident-timeline__item-detail{color:#94a3b8;font-size:10.5px}.incident-replay-bar{background:linear-gradient(135deg,#140a1ef2,#0f172af2);border:1px solid #ec489959;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;padding:12px 18px;display:flex;box-shadow:0 4px 20px #ec489926}.replay-bar__left{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.replay-bar__badge{color:#ec4899;letter-spacing:.8px;align-items:center;gap:6px;font-size:10.5px;font-weight:800;display:flex}.replay-bar__select{color:#f8fafc;cursor:pointer;background:#0f172ad9;border:1px solid #ffffff26;border-radius:6px;outline:none;padding:6px 12px;font-size:11.5px;font-weight:600}.replay-bar__center{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.replay-bar__btn{letter-spacing:.5px;cursor:pointer;border:1px solid;border-radius:6px;align-items:center;gap:6px;padding:7px 14px;font-size:11px;font-weight:800;transition:all .2s;display:flex}.replay-bar__btn--primary{color:#f8fafc;background:linear-gradient(135deg,#ec48994d,#a855f74d);border-color:#ec4899;box-shadow:0 0 14px #ec489966}.replay-bar__btn--primary:hover{background:linear-gradient(135deg,#ec489980,#a855f780);transform:translateY(-1px);box-shadow:0 0 20px #ec489999}.replay-bar__btn--pause{color:#f59e0b;background:#f59e0b33;border-color:#f59e0b}.replay-bar__btn--resume{color:#10b981;background:#10b98133;border-color:#10b981}.replay-bar__btn--secondary{color:#f8fafc;background:#ffffff0d;border-color:#fff3}.replay-bar__btn--reset{color:#94a3b8;background:#ffffff08;border-color:#ffffff1f}.replay-bar__speed-group{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;display:flex;overflow:hidden}.replay-speed-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:5px 8px;font-size:10px;font-weight:700;transition:all .2s}.replay-speed-btn--active{color:#fff;background:#ec4899}.replay-bar__right{align-items:center;min-width:220px;display:flex}.replay-progress-wrap{flex-direction:column;gap:4px;width:100%;display:flex}.replay-progress-label{justify-content:space-between;font-size:9.5px;font-weight:700;display:flex}.replay-progress-title{color:#cbd5e1;white-space:nowrap;text-overflow:ellipsis;max-width:180px;overflow:hidden}.replay-progress-pct{color:#ec4899;font-family:monospace}.replay-progress-track{background:#ffffff1a;border-radius:2px;height:4px;overflow:hidden}.replay-progress-bar{background:linear-gradient(90deg,#ec4899,#a855f7,#00f2ff);border-radius:2px;height:100%;transition:width .3s}.seismic-epicenter-shockwave{pointer-events:none;justify-content:center;align-items:center;width:400px;height:400px;display:flex;position:relative}.seismic-wave-p{pointer-events:none;border:2px dashed #00f2ff;border-radius:50%;width:100%;height:100%;animation:3.2s cubic-bezier(.1,.6,.4,1) infinite seismicWaveP;position:absolute;box-shadow:0 0 15px #00f2ff66,inset 0 0 15px #00f2ff33}.seismic-wave-s{pointer-events:none;border:2.5px solid #ff4500;border-radius:50%;width:75%;height:75%;animation:3.2s cubic-bezier(.1,.5,.3,1) .6s infinite seismicWaveS;position:absolute;box-shadow:0 0 20px #ff450099,inset 0 0 15px #ff45004d}.seismic-wave-surface{pointer-events:none;background:radial-gradient(circle,#dc262659 0%,#dc26260d 70%,#0000 100%);border:3px solid #dc2626;border-radius:50%;width:50%;height:50%;animation:3.2s cubic-bezier(.1,.4,.2,1) 1.1s infinite seismicWaveSurface;position:absolute}.seismic-epicenter-core{color:#fff;z-index:10;background:radial-gradient(circle,#f05 0%,#dc2626 100%);border:3px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:900;animation:1.2s ease-in-out infinite alternate epicenterCorePulse;display:flex;position:absolute;box-shadow:0 0 25px #f05,0 0 50px #f05c}@keyframes seismicWaveP{0%{opacity:.95;transform:scale(.08)}75%{opacity:.5}to{opacity:0;transform:scale(2.8)}}@keyframes seismicWaveS{0%{opacity:.95;transform:scale(.08)}70%{opacity:.6}to{opacity:0;transform:scale(2.2)}}@keyframes seismicWaveSurface{0%{opacity:.9;transform:scale(.08)}65%{opacity:.4}to{opacity:0;transform:scale(1.6)}}@keyframes epicenterCorePulse{0%{transform:scale(.92);box-shadow:0 0 15px #f05,0 0 30px #ff005580}to{transform:scale(1.15);box-shadow:0 0 30px #f05,0 0 60px #ff0055e6}}.leaflet-isoseismal-zone-critical{animation:2.4s ease-in-out infinite alternate isoseismalCriticalBreathe}.leaflet-isoseismal-zone-strong{animation:3.2s ease-in-out infinite alternate isoseismalStrongBreathe}@keyframes isoseismalCriticalBreathe{0%{fill-opacity:.22;stroke-opacity:.8}to{fill-opacity:.42;stroke-opacity:1}}@keyframes isoseismalStrongBreathe{0%{fill-opacity:.12;stroke-opacity:.6}to{fill-opacity:.25;stroke-opacity:.9}}.coastal-hazard-beacon{justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:relative}.coastal-beacon-ring{border:2px solid #ef4444;border-radius:50%;width:100%;height:100%;animation:1.8s cubic-bezier(0,0,.2,1) infinite coastalBeaconPing;position:absolute}.coastal-beacon-ring--siaga{border-color:#f97316}.coastal-beacon-pin{color:#fff;z-index:2;background:#ef4444;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:8px;font-weight:800;display:flex;position:relative;box-shadow:0 0 12px #ef4444}.coastal-beacon-pin--siaga{background:#f97316;box-shadow:0 0 12px #f97316}@keyframes coastalBeaconPing{0%{opacity:.9;transform:scale(.6)}to{opacity:0;transform:scale(2.6)}}.tsunami-wavefront-arc{pointer-events:none;justify-content:center;align-items:center;width:160px;height:160px;display:flex;position:relative}.tsunami-crest-ripple-1{border:2px solid #00f2ff;border-color:#0000 #00f2ff #00f2ff #0000;border-radius:50%;width:80px;height:80px;animation:2.2s linear infinite tsunamiCrestAdvance;position:absolute}.tsunami-crest-ripple-2{border:2.5px solid #38bdf8;border-color:#0000 #38bdf8 #38bdf8 #0000;border-radius:50%;width:80px;height:80px;animation:2.2s linear .7s infinite tsunamiCrestAdvance;position:absolute}.tsunami-crest-ripple-3{border:2px solid #60a5fa;border-color:#0000 #60a5fa #60a5fa #0000;border-radius:50%;width:80px;height:80px;animation:2.2s linear 1.4s infinite tsunamiCrestAdvance;position:absolute}@keyframes tsunamiCrestAdvance{0%{opacity:.9;transform:scale(.4)rotate(0)}80%{opacity:.4}to{opacity:0;transform:scale(2.4)rotate(0)}}.impact-radar-hud{z-index:1000;-webkit-backdrop-filter:blur(16px);color:#f1f5f9;pointer-events:auto;background:#080c16eb;border:1px solid #ef444459;border-radius:12px;min-width:290px;max-width:340px;padding:12px 16px;font-family:Inter,sans-serif;transition:all .3s;position:absolute;top:14px;left:64px;box-shadow:0 12px 36px #000000bf,0 0 20px #ef444433}.impact-radar-hud:hover{border-color:#ef444499;box-shadow:0 16px 48px #000000d9,0 0 30px #ef44444d}.impact-radar-hud__header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;margin-bottom:8px;padding-bottom:6px;display:flex}.impact-radar-hud__title{letter-spacing:.06em;color:#f87171;text-transform:uppercase;align-items:center;gap:6px;font-size:11.5px;font-weight:800;display:flex}.impact-radar-hud__badge{color:#ef4444;background:#ef444433;border:1px solid #ef444466;border-radius:4px;padding:2px 6px;font-size:9px;font-weight:800;animation:1.5s infinite pulse-dot}.impact-radar-hud__region{color:#fff;margin-bottom:4px;font-size:12.5px;font-weight:700;line-height:1.3}.impact-radar-hud__coords{color:#94a3b8;margin-bottom:8px;font-family:monospace;font-size:10px}.impact-radar-hud__grid{grid-template-columns:repeat(2,1fr);gap:6px;margin-bottom:10px;display:grid}.impact-radar-hud__metric{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:6px;padding:6px 8px}.impact-radar-hud__metric-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.04em;margin-bottom:2px;font-size:9.5px}.impact-radar-hud__metric-val{color:#38bdf8;align-items:center;gap:4px;font-size:13px;font-weight:800;display:flex}.impact-radar-hud__metric-val--critical{color:#ef4444}.impact-radar-hud__metric-val--warning{color:#f97316}.impact-radar-hud__stage{color:#38bdf8;background:#38bdf81a;border:1px solid #38bdf840;border-radius:4px;align-items:center;gap:6px;margin-bottom:8px;padding:4px 8px;font-size:10px;font-weight:700;display:flex}.impact-radar-hud__actions{gap:6px;display:flex}.impact-radar-hud__btn{color:#fca5a5;cursor:pointer;background:#ef444433;border:1px solid #ef444466;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:4px;padding:5px 8px;font-size:10px;font-weight:700;transition:all .2s;display:flex}.impact-radar-hud__btn:hover{color:#fff;background:#ef444459;border-color:#ef4444;box-shadow:0 0 10px #ef444466}.impact-radar-hud__btn--secondary{color:#cbd5e1;background:#ffffff0d;border-color:#ffffff26}.impact-radar-hud__btn--secondary:hover{color:#fff;box-shadow:none;background:#ffffff1a;border-color:#ffffff4d}.impact-radar-hud--collapsed{min-width:220px;padding:8px 12px}.hud-collapse-toggle-btn{color:#94a3b8;cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:4px;padding:2px 6px;font-size:9px;font-weight:700;transition:all .2s}.hud-collapse-toggle-btn:hover{color:#fff;background:#ffffff2e}.impact-radar-hud__presets{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:10px;display:flex}.preset-label{color:#64748b;letter-spacing:.05em;font-size:9px;font-weight:800}.preset-btn{color:#cbd5e1;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:4px;padding:3px 7px;font-size:9.5px;font-weight:600;transition:all .2s}.preset-btn:hover{color:#00f2ff;background:#00f2ff26;border-color:#00f2ff}.impact-radar-hud__collapsed-content{justify-content:space-between;align-items:center;gap:8px;margin-top:4px;display:flex}.collapsed-stat{color:#38bdf8;font-size:11px;font-weight:800}.collapsed-stat--red{color:#ef4444}.collapsed-focus-btn{color:#fff;cursor:pointer;background:#ef444440;border:1px solid #ef4444;border-radius:4px;padding:2px 8px;font-size:9px;font-weight:800}.replay-bar__top-row{border-bottom:1px solid #ffffff0f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-bottom:10px;display:flex}.replay-bar__badge-title{letter-spacing:.06em;color:#ec4899;font-size:11px;font-weight:800}.replay-bar__badge-sub{color:#94a3b8;text-transform:uppercase;background:#ffffff0f;border-radius:3px;padding:1px 6px;font-size:9px}.replay-bar__scenarios{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.replay-scen-card{cursor:pointer;text-align:left;background:#0f172a99;border:1px solid #ffffff14;border-radius:8px;align-items:center;gap:8px;padding:6px 10px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.replay-scen-card:hover:not(:disabled){background:#1e293bcc;border-color:#ec489966;transform:translateY(-1px)}.replay-scen-card--active{box-shadow:0 0 16px #ec489959;background:linear-gradient(135deg,#ec489933,#a855f733)!important;border-color:#ec4899!important}.replay-scen-card__icon{font-size:16px}.replay-scen-card__name{color:#f8fafc;font-size:11px;font-weight:700}.replay-scen-card__tag{border:1px solid #0000;border-radius:3px;margin-top:1px;padding:1px 5px;font-size:8.5px;font-weight:800;display:inline-block}.replay-bar__main-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;width:100%;display:flex}.replay-bar__controls-left{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.replay-bar__steps-scrubber{background:#0f172ab3;border:1px solid #ffffff14;border-radius:8px;flex-wrap:wrap;align-items:center;gap:4px;padding:4px 6px;display:flex}.replay-step-pill{color:#64748b;background:#ffffff05;border:1px solid #0000;border-radius:6px;align-items:center;gap:5px;padding:4px 8px;font-size:10px;font-weight:700;transition:all .2s;display:flex;position:relative}.replay-step-pill__num{color:#94a3b8;background:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;font-family:monospace;font-size:8px;font-weight:900;display:inline-flex}.replay-step-pill--done{color:#38bdf8;background:#38bdf81a;border-color:#38bdf84d}.replay-step-pill--done .replay-step-pill__num{color:#080e1a;background:#38bdf8}.replay-step-pill--current{color:#fff;background:linear-gradient(135deg,#ec4899,#a855f7);border-color:#ec4899;box-shadow:0 0 12px #ec489999}.replay-step-pill__glow{pointer-events:none;border-radius:6px;animation:1.5s infinite pulse-dot;position:absolute;inset:0;box-shadow:0 0 15px #ec4899b3}.replay-speed-label{color:#64748b;align-self:center;padding-left:6px;font-size:8.5px;font-weight:800}.replay-bar__progress-col{flex-direction:column;gap:4px;min-width:180px;display:flex}.replay-progress-header{justify-content:space-between;align-items:center;font-size:9.5px;font-weight:700;display:flex}.replay-stage-badge{color:#cbd5e1;font-family:monospace}.replay-pct-badge{color:#ec4899;font-family:monospace;font-weight:800}.replay-track{background:#ffffff14;border-radius:3px;height:6px;overflow:hidden}.replay-bar-fill{border-radius:3px;height:100%;transition:width .35s}.cascading-flow-card{background:linear-gradient(135deg,#0f172af2,#140f23f2);border:1px solid #00f2ff33;border-radius:12px;margin-top:12px;padding:16px;box-shadow:0 8px 32px #0009}.cascading-flow__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:14px;display:flex}.cascading-flow__title-wrap{align-items:center;gap:10px;display:flex}.cascading-flow__icon{font-size:20px}.cascading-flow__title{letter-spacing:.06em;color:#f8fafc;font-size:13px;font-weight:800}.cascading-flow__subtitle{color:#94a3b8;margin-top:1px;font-size:10.5px}.cascading-flow__header-actions{align-items:center;gap:8px;display:flex}.cascading-flow__badge{color:#00f2ff;background:#00f2ff1a;border:1px solid #00f2ff4d;border-radius:6px;align-items:center;gap:6px;padding:3px 8px;font-size:9.5px;font-weight:800;display:flex}.cascading-flow__click-hint{color:#eab308;font-size:9.5px;font-weight:600}.cascading-flow__track{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin-bottom:8px;display:grid}.cascading-flow-item{cursor:pointer;background:#0f172ab3;border:1px solid #ffffff14;border-radius:10px;flex-direction:column;justify-content:space-between;padding:10px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.cascading-flow-item:hover{background:#1e293bd9;border-color:#00f2ff66;transform:translateY(-2px);box-shadow:0 6px 18px #00f2ff26}.cascading-flow-item--inspected{background:#00f2ff1a!important;border-color:#00f2ff!important;box-shadow:0 0 20px #00f2ff4d!important}.cascading-flow-item--completed{border-color:#38bdf866}.cascading-flow-item--active{animation:2s infinite card-alert-pulse;box-shadow:0 0 22px #ef444459;background:#ef44441f!important;border-color:#ef4444!important}.cascading-flow-item__header{align-items:center;gap:8px;margin-bottom:8px;display:flex}.node-avatar{background:#ffffff0f;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;display:flex;position:relative}.node-avatar--completed{color:#38bdf8;background:#38bdf833;box-shadow:0 0 10px #38bdf84d}.node-avatar--active{color:#fff;background:#ef44444d;box-shadow:0 0 16px #ef4444b3}.node-stage-meta{flex-direction:column;display:flex}.node-stage-number{color:#94a3b8;letter-spacing:.05em;font-size:8.5px;font-weight:800}.node-stage-stream{color:#00f2ff;white-space:nowrap;text-overflow:ellipsis;max-width:90px;font-family:monospace;font-size:8px;overflow:hidden}.node-body{margin-bottom:8px}.node-label{color:#f8fafc;margin-bottom:2px;font-size:11px;font-weight:700;line-height:1.3}.node-sub{color:#94a3b8;font-size:9.5px;line-height:1.25}.node-footer{border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;margin-top:auto;padding-top:6px;display:flex}.node-telemetry-badge{color:#38bdf8;font-family:monospace;font-size:9px;font-weight:700}.node-state-indicator{letter-spacing:.04em;color:#64748b;font-size:8px;font-weight:800}.cascading-flow-item--completed .node-state-indicator{color:#10b981}.cascading-flow-item--active .node-state-indicator{color:#ef4444}.cascading-inspector-drawer{background:#080c16f2;border:1px solid #00f2ff66;border-radius:10px;margin-top:10px;padding:12px 16px;animation:.25s slide-in}.inspector-drawer__header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:8px;display:flex}.inspector-drawer__title{color:#f8fafc;align-items:center;gap:10px;font-size:12.5px;display:flex}.inspector-drawer__icon{font-size:18px}.inspector-drawer__topic{color:#00f2ff;font-family:monospace;font-size:9.5px;display:block}.inspector-drawer__close{color:#cbd5e1;cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:4px;padding:3px 8px;font-size:10px}.inspector-drawer__close:hover{color:#fff;background:#fff3}.inspector-drawer__grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.inspector-box{background:#ffffff08;border:1px solid #ffffff0f;border-radius:6px;padding:8px 12px}.inspector-box__label{color:#94a3b8;text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px;font-size:9.5px;font-weight:700;display:block}.inspector-box__val{font-family:monospace;font-size:12.5px;font-weight:800}.inspector-box__val--cyan{color:#00f2ff}.inspector-box__val--alert{color:#ef4444}.inspector-box__desc{color:#cbd5e1;margin:0;font-size:11px;line-height:1.4}.incident-cockpit__region-bar{cursor:pointer;background:#0f172acc;border:1px solid #00f2ff33;border-radius:8px;justify-content:space-between;align-items:center;margin:8px 0 12px;padding:7px 12px;transition:all .2s;display:flex}.incident-cockpit__region-bar:hover{background:#00f2ff1a;border-color:#00f2ff}.region-bar__left{align-items:center;gap:6px;display:flex}.region-bar__name{color:#f8fafc;font-size:11.5px;font-weight:700}.region-bar__btn{color:#00f2ff;font-size:10px;font-weight:700}.cockpit-stat--interactive{cursor:pointer;transition:all .2s}.cockpit-stat--interactive:hover{border-color:#00f2ff66;transform:translateY(-2px);box-shadow:0 4px 14px #00f2ff26}.confidence-hint{color:#94a3b8;margin:6px 0 8px;font-size:9.5px}.conf-chip{cursor:pointer;background:#0f172a99;border:1px solid #ffffff14;border-radius:6px;align-items:center;gap:6px;padding:5px 8px;transition:all .2s;display:flex}.conf-chip:hover{background:#00f2ff14;border-color:#00f2ff}.conf-chip--selected{box-shadow:0 0 12px #00f2ff66;background:#00f2ff33!important;border-color:#00f2ff!important}.evidence-inspector-drawer{background:#080c16f2;border:1px solid #00f2ff59;border-radius:8px;margin-top:10px;padding:10px 12px;animation:.2s slide-in}.evidence-drawer__header{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;margin-bottom:6px;padding-bottom:4px;display:flex}.evidence-drawer__title{color:#38bdf8;font-size:11px;font-weight:800}.evidence-drawer__close{color:#94a3b8;cursor:pointer;background:0 0;border:none;font-size:11px}.evidence-drawer__meta{color:#94a3b8;justify-content:space-between;margin-bottom:6px;font-size:9.5px;display:flex}.evidence-drawer__meta strong{color:#fff}.evidence-drawer__raw{color:#00f2ff;background:#0006;border-radius:4px;margin-bottom:6px;padding:4px 8px;font-family:monospace;font-size:9.5px}.evidence-drawer__verdict{color:#cbd5e1;font-size:10.5px;line-height:1.35}.incident-response__dispatch-action{margin-top:10px}.dispatch-action-btn{color:#fff;letter-spacing:.05em;cursor:pointer;background:linear-gradient(135deg,#ef4444,#dc2626);border:1px solid #ff4500;border-radius:6px;justify-content:center;align-items:center;gap:8px;width:100%;padding:8px 12px;font-size:10.5px;font-weight:800;transition:all .2s;display:flex;box-shadow:0 4px 14px #ef444466}.dispatch-action-btn:hover{background:linear-gradient(135deg,#f87171,#ef4444);transform:translateY(-1px);box-shadow:0 6px 20px #ef444499}.dispatch-action-feedback{color:#34d399;text-align:center;background:#10b98126;border:1px solid #10b981;border-radius:4px;margin-top:6px;padding:6px 10px;font-size:9.5px;font-weight:700;animation:.2s slide-in}.timeline-interactive-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.timeline-filter-pills{flex-wrap:wrap;gap:4px;display:flex}.timeline-filter-pill{color:#94a3b8;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:4px;padding:3px 8px;font-size:9.5px;font-weight:700;transition:all .2s}.timeline-filter-pill:hover{color:#f8fafc;background:#ffffff1a}.timeline-filter-pill--active{color:#00f2ff!important;background:#00f2ff26!important;border-color:#00f2ff!important}.timeline-search-wrap{align-items:center;display:flex;position:relative}.timeline-search-input{color:#fff;background:#0f172acc;border:1px solid #ffffff1a;border-radius:6px;outline:none;width:140px;padding:4px 22px 4px 8px;font-size:10px;transition:all .2s}.timeline-search-input:focus{border-color:#00f2ff;width:170px}.timeline-search-clear{color:#94a3b8;cursor:pointer;background:0 0;border:none;font-size:10px;position:absolute;right:6px}.timeline-action-btn{color:#cbd5e1;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:4px;padding:3px 8px;font-size:9.5px;font-weight:700;transition:all .2s}.timeline-action-btn:hover{color:#fff;background:#ffffff26}.timeline-empty-state{text-align:center;color:#64748b;padding:20px;font-size:11px;font-style:italic}