*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}html{background:#0a0e16}body{color:#e7ecf5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0a0e16;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button,select{outline:none}button:focus-visible,select:focus-visible,a:focus-visible{outline-offset:2px;outline:1px solid #f59e0b}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:#0a0e16}::-webkit-scrollbar-thumb{background:#233148;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#31435d}@media (width<=850px){.brand-copy{display:none}.brand-section{min-width:52px}.header-alert-dropdown{width:380px}}@media (width<=650px){.top-header{padding:0 10px}.brand-section{min-width:43px}.brand-logo{width:37px;height:37px}.top-navigation .nav-link{padding:0 9px;font-size:11px}.header-alert-button{width:58px;height:52px;padding:4px 6px}.header-alert-text{font-size:8px}.header-alert-dropdown{width:calc(100vw - 28px);max-width:400px;right:-5px}.alert-detail-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.alert-detail-info-grid>div:last-child{grid-column:1/-1}}@media (width<=420px){.alert-detail-top{flex-wrap:wrap}.alert-detail-status{margin-left:auto}.alert-detail-info-grid{grid-template-columns:1fr}.alert-detail-info-grid>div:last-child{grid-column:auto}}.app-shell{color:#e7ecf5;background:#080d16;width:100%;min-height:100vh}.top-header{box-sizing:border-box;background:#090f1a;border-bottom:1px solid #202c40;align-items:center;width:100%;height:68px;padding:0 18px;display:flex}.brand-section{flex-shrink:0;align-items:center;gap:10px;min-width:245px;display:flex}.brand-logo{background:0 0;border-radius:9px;flex-shrink:0;place-items:center;width:41px;height:41px;display:grid;overflow:hidden}.brand-logo img{object-fit:contain;width:100%;height:100%;display:block}.brand-title{color:#edf2f7;font-size:16px;font-weight:800;line-height:1.1}.brand-title span{color:#7d8ca2;margin-left:4px;font-weight:600}.brand-subtitle{color:#74839a;margin-top:3px;font-size:10px}.top-navigation{align-items:center;height:100%;display:flex}.nav-link{color:#7e8ca2;align-items:center;height:100%;padding:0 18px;font-size:13px;font-weight:600;text-decoration:none;display:flex;position:relative}.nav-link:hover{color:#dfe6ee}.nav-link.active{color:#edf2f7}.nav-link.active:after{content:"";background:#f59e0b;height:2px;position:absolute;bottom:0;left:0;right:0}.header-live-metric{white-space:nowrap;align-items:baseline;gap:6px;display:flex}.header-live-metric span{color:#718198;letter-spacing:.08em;font-size:8px;font-weight:800}.header-alert-container{margin-left:0;position:relative}.header-alert-button{color:#dce5ef;cursor:pointer;box-sizing:border-box;background:#101a28;border:1px solid #2a3a51;border-radius:7px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:58px;height:52px;padding:4px 6px;transition:background .2s,border-color .2s;display:flex;position:relative}.header-alert-button:hover,.header-alert-button.active{background:#162437;border-color:#405571}.header-alert-icon{color:#ef5350;justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:relative}.header-alert-icon svg{stroke-width:2px;display:block}.notification-badge{box-sizing:border-box;color:#fff;z-index:2;background:#ef4444;border-radius:50%;justify-content:center;align-items:center;min-width:17px;height:17px;padding:0 4px;font-size:8px;font-weight:800;line-height:1;display:flex;position:absolute;top:-7px;right:-9px}.header-alert-text{color:#ef5350;white-space:nowrap;font-size:9px;font-weight:700;line-height:1}.header-alert-arrow{color:#7e8da3;align-items:center;margin-left:1px;display:flex}.header-alert-dropdown{z-index:10000;background:#0d1725;border:1px solid #26364d;border-radius:10px;width:400px;max-width:calc(100vw - 24px);position:absolute;top:calc(100% + 9px);right:0;overflow:hidden;box-shadow:0 18px 45px #0000008c,0 5px 14px #00000059}.alert-detail-card{box-sizing:border-box;background:#101c2b;border:1px solid #273850;border-radius:8px;margin:12px;padding:13px;position:relative;overflow:hidden}.alert-detail-card:before{content:"";background:#3b82f6;width:3px;position:absolute;top:0;bottom:0;left:0}.alert-detail-card.critical:before{background:#ef4444}.alert-detail-card.warning:before{background:#eab308}.alert-detail-card.info:before{background:#3b82f6}.alert-detail-top{align-items:flex-start;gap:9px;display:flex}.alert-detail-icon{color:#60a5fa;background:#3b82f621;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.alert-detail-icon.critical{color:#ef4444;background:#ef444421}.alert-detail-icon.warning{color:#eab308;background:#eab30821}.alert-detail-icon.info{color:#60a5fa;background:#3b82f621}.alert-detail-heading{flex:1;min-width:0}.alert-detail-label{color:#718198;letter-spacing:.1em;font-size:8px;font-weight:800;display:block}.alert-detail-heading h3{color:#edf2f7;margin:3px 0 0;font-size:13px;font-weight:700;line-height:1.3}.alert-detail-status{letter-spacing:.05em;border-radius:5px;flex-shrink:0;padding:4px 7px;font-size:7px;font-weight:800}.alert-detail-status.active{color:#86efac;background:#22c55e14;border:1px solid #22c55e40}.alert-detail-status.resolved{color:#94a3b8;background:#64748b14;border:1px solid #64748b4d}.alert-detail-location{color:#c7d2df;margin-top:10px;font-size:10px;font-weight:600}.alert-detail-description{color:#7f90a6;margin:5px 0 0;font-size:9px;line-height:1.45}.alert-detail-message{color:#aab7c8;background:#0b1522;border:1px solid #223149;border-radius:6px;margin-top:9px;padding:9px 10px;font-size:9px;line-height:1.5}.alert-detail-info-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:9px;display:grid}.alert-detail-info-grid>div{background:#0c1624;border:1px solid #1d2b40;border-radius:6px;min-width:0;padding:7px 8px}.alert-detail-info-grid span{color:#5e7087;font-size:7px;display:block}.alert-detail-info-grid strong{color:#dce5ef;margin-top:3px;font-size:9px;font-weight:700;display:block}.alert-history-header{border-top:1px solid #1c2a3e;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px 9px;display:flex}.alert-history-header h3{color:#edf2fa;margin:0;font-size:11px;font-weight:700}.alert-history-header p{color:#718097;margin:3px 0 0;font-size:8px}.alert-count-label{color:#86efac;background:#22c55e14;border-radius:5px;flex-shrink:0;padding:4px 7px;font-size:7px;font-weight:700}.alert-dropdown-list{border-top:1px solid #19263a;max-height:280px;overflow-y:auto}.alert-dropdown-list::-webkit-scrollbar{width:5px}.alert-dropdown-list::-webkit-scrollbar-track{background:#0b1420}.alert-dropdown-list::-webkit-scrollbar-thumb{background:#2a3a51;border-radius:5px}.header-alert-item{box-sizing:border-box;width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #19263a;align-items:flex-start;gap:9px;padding:11px 13px;transition:background .18s,border-color .18s;display:flex}.header-alert-item:last-child{border-bottom:0}.header-alert-item:hover{background:#111f31}.header-alert-item.selected{background:#142338}.header-alert-item.critical.selected{box-shadow:inset 2px 0 #ef4444}.header-alert-item.warning.selected{box-shadow:inset 2px 0 #eab308}.header-alert-item.info.selected{box-shadow:inset 2px 0 #3b82f6}.header-alert-status-icon{color:#60a5fa;background:#3b82f61a;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.header-alert-status-icon.critical{color:#ef4444;background:#ef44441a}.header-alert-status-icon.warning{color:#eab308;background:#eab3081a}.header-alert-status-icon.info{color:#60a5fa;background:#3b82f61a}.header-alert-content{flex-direction:column;flex:1;min-width:0;display:flex}.header-alert-title-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.header-alert-title-row strong{color:#dce5ef;min-width:0;font-size:9px;font-weight:700;line-height:1.35}.header-alert-time{color:#56667c;flex-shrink:0;font-size:7px}.header-alert-content>p{color:#667990;margin:3px 0 0;font-size:8px;line-height:1.35}.header-alert-meta{align-items:center;gap:8px;margin-top:5px;display:flex}.header-alert-status{align-items:center;gap:4px;font-size:7px;font-weight:600;display:inline-flex}.header-alert-status>span{background:#64748b;border-radius:50%;width:5px;height:5px}.header-alert-status.active{color:#86efac}.header-alert-status.active>span{background:#22c55e;box-shadow:0 0 5px #22c55e66}.header-alert-status.resolved{color:#94a3b8}.header-alert-status.resolved>span{background:#64748b}.header-alert-severity{font-size:7px;font-weight:700}.header-alert-severity.critical{color:#f87171}.header-alert-severity.warning{color:#facc15}.header-alert-severity.info{color:#60a5fa}.main-content{box-sizing:border-box;background:#080d16;width:100%;min-height:calc(100vh - 68px)}@media (width<=850px){.brand-copy{display:none}.brand-section{min-width:52px}.header-alert-dropdown{width:380px}}@media (width<=650px){.top-header{padding:0 10px}.brand-section{min-width:43px}.brand-logo{width:37px;height:37px}.top-navigation .nav-link{padding:0 9px;font-size:11px}.header-live-metrics{gap:10px;margin-right:8px}.header-live-metric span{font-size:7px}.header-live-metric strong{font-size:12px}.header-alert-button{width:58px;height:52px;padding:4px 6px}.header-alert-text{font-size:8px}.header-alert-dropdown{width:calc(100vw - 28px);max-width:400px;right:-5px}.alert-detail-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.alert-detail-info-grid>div:last-child{grid-column:1/-1}}@media (width<=420px){.header-live-metrics{gap:6px}.header-live-metric{gap:3px}.header-live-metric span{font-size:6px}.header-live-metric strong{font-size:11px}.alert-detail-top{flex-wrap:wrap}.alert-detail-status{margin-left:auto}.alert-detail-info-grid{grid-template-columns:1fr}.alert-detail-info-grid>div:last-child{grid-column:auto}}.header-live-metrics{align-items:center;gap:10px;margin-left:auto;margin-right:18px;display:flex}.header-live-metric{box-sizing:border-box;background:#111827;border:1px solid #263247;border-radius:8px;align-items:center;gap:10px;min-width:118px;padding:8px 12px;display:flex}.header-live-metric span{color:#7f8ba0;letter-spacing:.08em;white-space:nowrap;font-size:9px;font-weight:700}.header-live-metric strong{color:#e7ecf5;font-size:16px;font-weight:700;line-height:1}.header-live-metric:first-child strong{color:#fbbf24}.header-live-metric:last-child strong{color:#e7ecf5}@media (width<=700px){.header-live-metrics{gap:6px;margin-right:8px}.header-live-metric{gap:7px;min-width:auto;padding:7px 9px}.header-live-metric span{font-size:8px}.header-live-metric strong{font-size:14px}}.ai-camera-card{background:#0d1725;border:1px solid #1e2c42;border-radius:9px;min-width:0;overflow:hidden}.ai-camera-header{box-sizing:border-box;justify-content:space-between;align-items:center;gap:18px;min-height:76px;padding:12px 16px;display:flex}.ai-camera-header-left{min-width:0}.ai-camera-label{color:#f0f4f8;font-size:18px;font-weight:700;line-height:1.2}.ai-camera-description{color:#8194b0;white-space:nowrap;text-overflow:ellipsis;margin-top:6px;font-size:11px;overflow:hidden}.camera-selector{flex-shrink:0;width:258px;position:relative}.camera-selector select{color:#e2e9f1;appearance:none;cursor:pointer;background:#111b2b;border:1px solid #2a3c55;border-radius:8px;outline:none;width:100%;height:38px;padding:0 36px 0 13px;font-size:11px;font-weight:500}.camera-selector select:focus{border-color:#4b6483}.camera-selector svg{color:#8798ad;pointer-events:none;position:absolute;top:11px;right:11px}.camera-video-wrapper{background:radial-gradient(circle,#142338 0%,#0b1522 52%,#08111d 100%);border:1px solid #24364e;border-radius:9px;height:357px;margin:0 16px;position:relative;overflow:hidden}.camera-video{object-fit:cover;background:#07101a;width:100%;height:100%;display:block}.camera-empty-state{cursor:pointer;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.camera-empty-state>svg{color:#506984}.camera-empty-title{color:#d9e2ed;margin-top:14px;font-size:15px;font-weight:700}.camera-empty-description{color:#6e8199;margin-top:6px;font-size:11px}.change-video-button{color:#cbd7e5;cursor:pointer;background:#080f18db;border:1px solid #2b4058;border-radius:6px;padding:7px 10px;font-size:9px;font-weight:600;position:absolute;top:10px;right:10px}.change-video-button:hover{color:#f59e0b;border-color:#f59e0b}.camera-metrics{flex-wrap:wrap;gap:8px;padding:14px 16px 16px;display:flex}.camera-metric{color:#71859e;background:#101a2a;border:1px solid #213149;border-radius:7px;align-items:center;gap:7px;min-height:35px;padding:0 11px;font-size:10px;display:flex}.camera-metric strong{color:#e7edf4;font-size:11px;font-weight:600}.camera-metric.signal strong{color:#22c55e}.camera-metric.blocked{background:#ef44440f;border-color:#8c2c39}.camera-metric.blocked strong{color:#ef5350}@media (width<=850px){.ai-camera-header{flex-direction:column;align-items:flex-start}.camera-selector{width:100%}.camera-video-wrapper{height:310px}}@media (width<=600px){.camera-video-wrapper{height:250px;margin:0 10px}.camera-metrics{padding-left:10px;padding-right:10px}}.junction-container{background:#0b1220;border:1px solid #202c40;border-radius:12px;width:100%;max-width:100%;position:relative;overflow:hidden}.junction-svg{object-fit:contain;width:100%;height:auto;max-height:550px;display:block}.clickable-approach,.camera-node{cursor:pointer}.active-signal-glow{filter:drop-shadow(0 0 4px)}.pulsing-blockage-ring{animation:1.5s ease-in-out infinite blockagePulse}.pulsing-anomaly-rect{animation:1.5s ease-in-out infinite anomalyPulse}@keyframes blockagePulse{0%,to{opacity:.35}50%{opacity:1}}@keyframes anomalyPulse{0%,to{opacity:.45}50%{opacity:1}}.junction-container.junction-fullscreen{z-index:9999;background:#0a0e16;border-radius:0;justify-content:center;align-items:center;width:100vw;max-width:none;height:100vh;display:flex;position:fixed;inset:0}.junction-fullscreen .junction-svg{object-fit:contain;width:96vw;height:92vh;max-height:none}.junction-fullscreen-button{z-index:20;color:#e7ecf5;cursor:pointer;background:#111827;border:1px solid #2a3852;border-radius:6px;padding:7px 11px;font-size:11px;font-weight:600;position:absolute;top:12px;right:12px}.junction-fullscreen-button:hover{color:#f59e0b;border-color:#f59e0b}.junction-container.junction-fullscreen{justify-content:center;align-items:center;display:flex;z-index:99999!important;background:#0a0e16!important;border:none!important;border-radius:0!important;width:100vw!important;max-width:none!important;height:100vh!important;max-height:none!important;margin:0!important;padding:0!important;position:fixed!important;inset:0!important;overflow:hidden!important}.junction-container.junction-fullscreen .junction-fullscreen-button{color:#e7ecf5;cursor:pointer;background:#111827;border:1px solid #2a3852;border-radius:6px;padding:7px 10px;font-size:11px;font-weight:600;z-index:100000!important;position:fixed!important;top:10px!important;right:10px!important}.junction-container.junction-fullscreen .junction-fullscreen-button:hover{color:#f59e0b;border-color:#f59e0b}.junction-container.junction-fullscreen .junction-svg{object-fit:contain;flex-shrink:0;display:block;width:78vw!important;max-width:78vw!important;height:78vh!important;max-height:78vh!important}#junction-legend{pointer-events:none;font-family:monospace}#junction-legend rect{rx:2}#junction-legend text{fill:#8a96ad;font-size:10px;font-weight:500}.jt-scene{justify-content:center;align-items:center;width:100%;height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex;position:relative}.jt-svg{-webkit-user-select:none;user-select:none;touch-action:none}.junction-container:not(.junction-fullscreen):has(>.jt-scene){height:100%}.jt-scene .jt-svg{width:100%;height:100%;max-height:100%}.jt-svg.is-zoomed{cursor:grab}.jt-svg.is-zoomed:active{cursor:grabbing}.jt-zoom{z-index:20;background:#111827;border:1px solid #2a3852;border-radius:6px;gap:2px;padding:2px;display:flex;position:absolute;top:12px;right:124px}.jt-zoom button{color:#e7ecf5;min-width:26px;height:24px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:4px;padding:0 7px;font-size:12px;font-weight:600}.jt-zoom button:hover:not(:disabled){color:#f59e0b}.jt-zoom button:disabled{color:#4b5770;cursor:default}.jt-zoom button:focus-visible{outline-offset:-2px;outline:2px solid #7cc4ff}.junction-fullscreen .jt-zoom{z-index:100000;position:fixed;top:10px;right:118px}.jt-sidewalk{fill:#1a2130}.jt-block{fill:#0e1625;stroke:#182235;stroke-width:1px}.jt-edge{stroke:#c9d2e0;stroke-opacity:.55;stroke-width:1.4px}.jt-median{fill:#2a3346;stroke:#c9a227;stroke-opacity:.6;stroke-width:.8px}.jt-divider{stroke:#c9d2e0;stroke-opacity:.45;stroke-width:1.2px;stroke-dasharray:10 9}.jt-divider-solid{stroke:#c9d2e0;stroke-opacity:.6;stroke-width:1.2px}.jt-zebra{fill:#d7dde8;fill-opacity:.62}.jt-stopline{fill:#eef2f8;fill-opacity:.9}.jt-lane-arrow{fill:none;stroke:#c9d2e0;stroke-opacity:.55;stroke-width:2px;stroke-linecap:round}.jt-lane-arrow.is-out{stroke-opacity:.3}.jt-box-grid{fill:none;stroke:#2a3346;stroke-width:1px;stroke-dasharray:3 6}.jt-hit{fill:#0000;cursor:pointer}.jt-arm-hl{fill:#7cc4ff;fill-opacity:.045;stroke:#7cc4ff;stroke-opacity:.35;stroke-width:1px;pointer-events:none}.jt-arm-hl.is-selected{fill-opacity:.07;stroke-opacity:.7;animation:2.6s ease-in-out infinite jt-select-pulse}.jt-detector{opacity:.95}.jt-block-zone{opacity:0;pointer-events:none;transition:opacity .45s}.jt-block-zone.is-active{opacity:1}.jt-block-border{fill:none;stroke:#f59e0b;stroke-width:1.4px;stroke-dasharray:4 3}.jt-hazard{fill:#f59e0b;animation:1s steps(2,start) infinite jt-blink}.jt-warn{fill:#f59e0b;stroke:#171a21;stroke-width:1px;stroke-linejoin:round}.jt-warn-mark{fill:#171a21;text-anchor:middle;font-size:9px;font-weight:800}.jt-callout{pointer-events:none;animation:.45s jt-fade-in}.jt-callout-bg{fill:#1c1610;stroke:#8a5a12;stroke-width:1px}.jt-callout-title{fill:#fbbf5a;font-size:12px;font-weight:600}.jt-callout-line{fill:#d8dee9;font-size:11px}.jt-callout-leader{stroke:#f59e0b;stroke-width:1px;stroke-dasharray:3 3}.jt-callout-dot{fill:#f59e0b}.jt-signal-box{fill:#05080e;stroke:#2a3650;stroke-width:1px}.jt-lamp{opacity:.16}.jt-lamp.is-on{opacity:1;filter:drop-shadow(0 0 4px)}.jt-signal-phase{letter-spacing:.04em;font-size:9.5px;font-weight:700}.jt-signal-time{fill:#e7ecf5;font-variant-numeric:tabular-nums;font-size:13px;font-weight:600}.jt-camera{cursor:pointer;outline:none}.jt-camera-bg{fill:#111a2b;stroke:#34425f;stroke-width:1.2px}.jt-camera-glyph{fill:#d5deec}.jt-camera-lens{fill:#4c5d7e}.jt-camera-label{fill:#8a96ad;text-anchor:middle;font-size:9.5px;font-weight:600}.jt-camera:hover .jt-camera-bg{stroke:#7cc4ff}.jt-camera:focus-visible .jt-camera-bg{stroke:#7cc4ff;stroke-width:2px}.jt-camera.is-active .jt-camera-bg{fill:#12345a;stroke:#7cc4ff}.jt-camera.is-active .jt-camera-lens,.jt-camera.is-active .jt-camera-label{fill:#7cc4ff}.jt-camera-pulse{fill:none;stroke:#7cc4ff;stroke-width:1.2px;transform-box:fill-box;transform-origin:50%;animation:2s ease-out infinite jt-ring}.jt-plate{pointer-events:none}.jt-plate rect{fill:#0b1220;fill-opacity:.82;stroke:#2a3650}.jt-plate text{fill:#c9d2e0;text-anchor:middle;font-size:11px;font-weight:600}.jt-panel{cursor:pointer;outline:none}.jt-panel-bg{fill:#0f1726;stroke:#22304a;stroke-width:1px}.jt-panel:hover .jt-panel-bg{stroke:#3a4c70}.jt-panel.is-selected .jt-panel-bg{stroke:#7cc4ff;stroke-width:1.4px}.jt-panel:focus-visible .jt-panel-bg{stroke:#7cc4ff;stroke-width:2px}.jt-panel-name{fill:#e7ecf5;font-size:12px;font-weight:600}.jt-panel.is-selected .jt-panel-name{fill:#7cc4ff}.jt-panel-compass{fill:#6f7d97;font-size:10.5px}.jt-chip{fill:#18202f;stroke:#34405a}.jt-chip.is-real{fill:#0f2a1d;stroke:#1f6b45}.jt-chip-text{fill:#9aa6bc;text-anchor:middle;font-size:9px;font-weight:600}.jt-chip.is-real+.jt-chip-text{fill:#6ee7a8}.jt-panel-level{fill:#e7ecf5;font-size:11px;font-weight:500}.jt-panel-meta{fill:#8a96ad;text-anchor:end;font-variant-numeric:tabular-nums;font-size:10px}.jt-panel-lane{fill:#8a96ad;font-size:10px;font-weight:600}.jt-bar-track{fill:#1a2436}.jt-bar-fill{transition:width .5s}.jt-panel-count{fill:#c9d2e0;font-variant-numeric:tabular-nums;font-size:10px}.jt-panel-foot{fill:#6f7d97;font-size:9.5px}.jt-panel-anomaly{fill:#fbbf5a;text-anchor:end;font-size:9.5px}.jt-title{pointer-events:none}.jt-title-name{fill:#e7ecf5;letter-spacing:.02em;font-size:15px;font-weight:700}.jt-title-sub{fill:#8a96ad;font-variant-numeric:tabular-nums;font-size:11px}.jt-legend{pointer-events:none}.jt-legend-bg{fill:#0f1726;fill-opacity:.92;stroke:#22304a}.jt-legend text{fill:#aab4c6;font-size:10.5px}.jt-legend .jt-legend-note{fill:#6f7d97;font-size:9.5px}@keyframes jt-blink{to{opacity:.15}}@keyframes jt-ring{0%{opacity:.9;transform:scale(.85)}to{opacity:0;transform:scale(1.35)}}@keyframes jt-select-pulse{0%,to{stroke-opacity:.45}50%{stroke-opacity:.85}}@keyframes jt-fade-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.jt-hazard,.jt-camera-pulse,.jt-arm-hl.is-selected,.jt-callout{animation:none}.jt-block-zone,.jt-bar-fill{transition:none}}.kpi-cards{box-sizing:border-box;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%;display:grid}.kpi-card{box-sizing:border-box;background:#0d1725;border:1px solid #223149;border-radius:8px;min-width:0;padding:14px 16px}.kpi-card-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.kpi-card-title{color:#7d8ca2;letter-spacing:.08em;text-transform:uppercase;font-size:8px;font-weight:800}.kpi-card-value{color:#edf2f7;margin-top:8px;font-size:26px;font-weight:800;line-height:1}.kpi-card-value.loading{color:#66768b}.kpi-card.los .kpi-card-value{color:#f59e0b}.kpi-card.vehicles .kpi-card-value{color:#edf2f7}@media (width<=700px){.kpi-cards{grid-template-columns:1fr}.kpi-card{padding:12px 14px}.kpi-card-value{font-size:23px}}@property --sa-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.selected-approach-section{--sa-ink:#f5f9ff;--sa-ink-2:#d3deec;--sa-muted:#a3b3c9;--sa-glass:#101b2e8c;--sa-glass-strong:#121e34b8;--sa-glass-line:#adcdff1f;--sa-glass-line-strong:#adcdff42;--sa-blue:#7cc4ff;--sa-cyan:#38bdf8;--sa-violet:#a78bfa;--sa-green:#34d399;--sa-amber:#fbbf24;--sa-orange:#fb923c;--sa-red:#f87171;--lane-left:#fb7185;--lane-middle:#fbbf24;--lane-right:#38bdf8;--sa-accent:var(--sa-blue);--sa-font:Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--sa-mono:"JetBrains Mono", "SFMono-Regular", ui-monospace, Menlo, Consolas, monospace;--sa-ease-out:cubic-bezier(.2, .75, .2, 1);--sa-spring:cubic-bezier(.34, 1.56, .64, 1);isolation:isolate;box-sizing:border-box;border:1px solid var(--sa-glass-line);width:100%;font-family:var(--sa-font);color:var(--sa-ink);background:linear-gradient(#ffffff09,#0000 30%),#080e1ad1;border-radius:16px;margin-top:16px;transition:border-color .4s,box-shadow .4s;position:relative;overflow:clip;box-shadow:inset 0 1px #ffffff0f,0 24px 60px -30px #000000e6;container:sa-panel/inline-size}.selected-approach-section:before{content:"";z-index:2;background:linear-gradient(90deg, transparent, var(--sa-accent) 18%, #fff 50%, var(--sa-accent) 82%, transparent);opacity:.9;pointer-events:none;background-size:200% 100%;height:2px;animation:6s linear infinite sa-shimmer;position:absolute;inset:0 0 auto}.selected-approach-section:after{content:"";z-index:-1;will-change:translate, rotate;pointer-events:none;background:radial-gradient(28% 34% at 18% 22%,#38bdf838,#0000 70%),radial-gradient(26% 32% at 82% 18%,#a78bfa33,#0000 70%),radial-gradient(30% 36% at 70% 82%,#34d39924,#0000 70%),radial-gradient(24% 30% at 26% 86%,#fb71851f,#0000 70%);animation:22s ease-in-out infinite alternate sa-drift;position:absolute;inset:-25%}.selected-approach-section:hover{border-color:var(--sa-glass-line-strong)}.selected-approach-section:has(.selected-approach-status.warning){--sa-accent:var(--sa-red);border-color:#f8717166;box-shadow:inset 0 1px #ffffff0f,0 0 0 1px #f871711a,0 24px 60px -26px #f8717173}.selected-approach-section:has(.selected-approach-status.warning):after{background:radial-gradient(30% 36% at 85% 15%,#f8717142,#0000 70%),radial-gradient(28% 34% at 18% 22%,#38bdf829,#0000 70%),radial-gradient(30% 36% at 70% 82%,#fb923c29,#0000 70%),radial-gradient(24% 30% at 26% 86%,#a78bfa1f,#0000 70%)}.selected-approach-header{border-bottom:1px solid var(--sa-glass-line);background:linear-gradient(#ffffff08,#0000);justify-content:space-between;align-items:flex-start;gap:20px;padding:22px 24px 18px;display:flex}.selected-approach-eyebrow{color:var(--sa-blue);letter-spacing:.18em;align-items:center;gap:9px;font-size:12px;font-weight:800;display:inline-flex}.selected-approach-eyebrow:before{content:"";background:var(--sa-accent);width:8px;height:8px;box-shadow:0 0 12px var(--sa-accent);transition:transform .6s var(--sa-spring);border-radius:2px;transform:rotate(45deg)}.selected-approach-header:hover .selected-approach-eyebrow:before{transform:rotate(225deg)scale(1.25)}.selected-approach-header h2{width:fit-content;color:var(--sa-ink);letter-spacing:-.015em;background:linear-gradient(100deg, var(--sa-ink) 0%, var(--sa-ink) 40%, var(--sa-blue) 50%, var(--sa-ink) 60%, var(--sa-ink) 100%) 0 0 / 250% 100%;-webkit-text-fill-color:transparent;transition:background-position .9s var(--sa-ease-out);-webkit-background-clip:text;background-clip:text;margin:8px 0 0;font-size:27px;font-weight:800;line-height:1.15}.selected-approach-header h2:hover{background-position:100% 0}.selected-approach-header p{color:var(--sa-ink-2);margin:8px 0 0;font-size:14px;line-height:1.45}.selected-approach-status{color:#a7f3d0;letter-spacing:.02em;white-space:nowrap;cursor:default;transition:transform .35s var(--sa-spring), background .3s ease, box-shadow .3s ease;background:#34d3991f;border:1px solid #34d39966;border-radius:999px;flex-shrink:0;align-items:center;gap:10px;padding:9px 16px;font-size:13.5px;font-weight:700;display:inline-flex}.selected-approach-status:hover{background:#34d39933;transform:translateY(-2px)scale(1.05);box-shadow:0 0 0 4px #34d3991a,0 8px 24px -8px #34d39999}.selected-approach-status span{background:var(--sa-green);width:9px;height:9px;color:var(--sa-green);border-radius:50%;animation:2s ease-out infinite sa-ping}.selected-approach-status.warning:hover{background:#ef444442;box-shadow:0 0 0 4px #ef44441f,0 8px 24px -8px #ef4444b3}.selected-approach-status.warning span{color:#ef4444;background:#ef4444;animation-duration:1s}.approach-kpi-grid{perspective:900px;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:20px 24px;display:grid}.approach-kpi-card{--accent:var(--sa-blue);--bar-inset:16px;box-sizing:border-box;border:1px solid var(--sa-glass-line);background: linear-gradient(110deg, transparent 35%, #ffffff1a 50%, transparent 65%) 150% 0 / 250% 100% no-repeat,  linear-gradient(var(--accent), var(--accent)) 0 var(--bar-inset) / 3px calc(100% - var(--bar-inset) * 2) no-repeat,  radial-gradient(120% 90% at 0% 0%, color-mix(in srgb, var(--accent) 16%, transparent), transparent 60%), var(--sa-glass);min-width:0;min-height:120px;transition:transform .45s var(--sa-spring), background-position .9s var(--sa-ease-out), background-size .35s ease, box-shadow .35s ease, border-color .35s ease, opacity .3s ease, filter .3s ease;cursor:default;border-radius:14px;flex-direction:column;padding:16px 18px 15px 20px;display:flex;position:relative;overflow:clip;box-shadow:inset 0 1px #ffffff0f}.approach-kpi-card:before{content:"";border-radius:inherit;background:conic-gradient(from var(--sa-angle), transparent 0deg, transparent 200deg, var(--accent) 270deg, #fff 300deg, var(--accent) 330deg, transparent 360deg);-webkit-mask-composite:xor;opacity:0;pointer-events:none;padding:1.5px;transition:opacity .35s;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.approach-kpi-card:after{content:"";background:var(--accent);opacity:.7;width:26px;height:26px;-webkit-mask:var(--icon) center / contain no-repeat;-webkit-mask:var(--icon) center / contain no-repeat;mask:var(--icon) center / contain no-repeat;filter:drop-shadow(0 0 6px var(--accent));transition:opacity .3s ease, transform .5s var(--sa-spring);position:absolute;top:14px;right:14px}.approach-kpi-card:hover{--bar-inset:8px;background-position:-60% 0, 0 var(--bar-inset), 0 0;box-shadow:inset 0 1px 0 #ffffff1a, 0 18px 40px -18px color-mix(in srgb, var(--accent) 70%, transparent), 0 0 0 1px color-mix(in srgb, var(--accent) 20%, transparent);border-color:#0000;transform:translateY(-6px)rotateX(5deg)scale(1.025)}.approach-kpi-card:hover:before{opacity:1;animation:3.2s linear infinite sa-spin}.approach-kpi-card:hover:after{opacity:1;transform:scale(1.18)rotate(-8deg)translateY(-2px)}.approach-kpi-card:active{transition-duration:.12s;transform:translateY(-2px)scale(.985)}.approach-kpi-grid:has(.approach-kpi-card:hover) .approach-kpi-card:not(:hover){opacity:.55;filter:saturate(.6)blur(.4px)}.approach-kpi-card:first-child{--accent:var(--sa-cyan);--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 17H3v-5l2-5h14l2 5v5h-2'/%3E%3Cpath d='M3 12h18'/%3E%3Ccircle cx='7.5' cy='17' r='2'/%3E%3Ccircle cx='16.5' cy='17' r='2'/%3E%3Cpath d='M9.5 17h5'/%3E%3C/svg%3E")}.approach-kpi-card:nth-child(2){--accent:var(--sa-green);--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 17a9 9 0 1 1 17 0'/%3E%3Cpath d='M12 14l4.5-4.5'/%3E%3Ccircle cx='12' cy='14.5' r='1.3'/%3E%3C/svg%3E")}.approach-kpi-card:has(.density-medium){--accent:var(--sa-amber)}.approach-kpi-card:has(.density-high){--accent:var(--sa-red)}.approach-kpi-card:nth-child(3){--accent:var(--sa-green);--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='8' y='2.5' width='8' height='19' rx='2.5'/%3E%3Ccircle cx='12' cy='7' r='1.4'/%3E%3Ccircle cx='12' cy='12' r='1.4'/%3E%3Ccircle cx='12' cy='17' r='1.4'/%3E%3C/svg%3E")}.approach-kpi-card:has(.signal-red){--accent:var(--sa-red)}.approach-kpi-card:nth-child(4){--accent:var(--sa-green);--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l7.5 3v5.5c0 4.6-3.2 8-7.5 9.5-4.3-1.5-7.5-4.9-7.5-9.5V6z'/%3E%3Cpath d='M9 12l2 2 4-4'/%3E%3C/svg%3E")}.approach-kpi-card:has(.status-warning){--accent:var(--sa-orange);--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.5L2.5 20h19z'/%3E%3Cpath d='M12 10v4.5'/%3E%3Ccircle cx='12' cy='17.3' r='0.6'/%3E%3C/svg%3E");box-shadow:inset 0 1px #ffffff0f,0 0 0 1px #fb923c59,0 0 26px -8px #fb923c99}.approach-kpi-card:has(.status-warning):after{animation:2.4s ease-in-out infinite sa-wiggle}.approach-kpi-label{color:var(--sa-ink-2);letter-spacing:.08em;text-transform:uppercase;padding-right:32px;font-size:12.5px;font-weight:700;line-height:1.35}.approach-kpi-card strong{color:var(--sa-ink);font-family:var(--sa-mono);letter-spacing:-.02em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;text-shadow:0 0 22px color-mix(in srgb, var(--accent) 40%, transparent);transform-origin:0;transition:transform .4s var(--sa-spring), text-shadow .3s ease;align-items:center;gap:10px;margin-top:12px;font-size:clamp(26px,2.3vw,34px);font-weight:800;line-height:1.1;display:flex}.approach-kpi-card:hover strong{text-shadow:0 0 28px color-mix(in srgb, var(--accent) 70%, transparent);transform:scale(1.06)}.approach-kpi-card:nth-child(4) strong{font-family:var(--sa-font);letter-spacing:-.01em;font-size:clamp(20px,1.7vw,25px)}.approach-kpi-card small{color:var(--sa-muted);margin-top:auto;padding-top:10px;font-size:12.5px;line-height:1.35;transition:color .3s}.approach-kpi-card:hover small{color:var(--sa-ink-2)}.density-low,.signal-green{color:var(--sa-green)!important}.signal-green:before,.signal-red:before{content:"";width:13px;height:13px;box-shadow:0 0 0 4px color-mix(in srgb, currentColor 22%, transparent), 0 0 16px currentColor;background:currentColor;border-radius:50%;flex-shrink:0;animation:1.8s ease-in-out infinite sa-lamp}.approach-lower-grid{box-sizing:border-box;width:100%;padding:0 24px 24px;display:block}.approach-density-section{box-sizing:border-box;grid-column:1/-1;width:100%;min-width:0;padding:0}.approach-density-header{justify-content:space-between;align-items:center;gap:12px;padding:2px 2px 0;display:flex}.approach-density-header>div>span:first-child{color:var(--sa-ink);letter-spacing:-.01em;font-size:18px;font-weight:800;line-height:1.25}.approach-density-header>div>span:last-child{color:var(--sa-ink-2);align-items:center;gap:8px;font-size:13.5px;line-height:1.3;display:inline-flex}.approach-density-header>div>span:last-child:before{content:"";background:var(--sa-blue);width:7px;height:7px;color:var(--sa-blue);border-radius:50%;animation:2.2s ease-out infinite sa-ping}.approach-density-header>strong{--badge:var(--sa-green);border:1px solid color-mix(in srgb, var(--badge) 45%, transparent);background:color-mix(in srgb, var(--badge) 14%, transparent);color:var(--badge);letter-spacing:.06em;text-transform:uppercase;cursor:default;transition:transform .35s var(--sa-spring), box-shadow .3s ease, background .3s ease;border-radius:999px;align-items:center;gap:8px;padding:8px 15px;font-size:13.5px;font-weight:800;line-height:1.2;display:inline-flex}.approach-density-header>strong:before{content:"";background:currentColor;border-radius:50%;width:8px;height:8px;animation:1.8s ease-in-out infinite sa-lamp;box-shadow:0 0 10px}.approach-density-header>strong:hover{background:color-mix(in srgb, var(--badge) 24%, transparent);box-shadow:0 0 0 4px color-mix(in srgb, var(--badge) 12%, transparent), 0 8px 22px -8px var(--badge);transform:scale(1.08)}.selected-approach-section:has(.approach-kpi-grid .density-medium) .approach-density-header>strong{--badge:var(--sa-amber)}.selected-approach-section:has(.approach-kpi-grid .density-high) .approach-density-header>strong{--badge:var(--sa-red)}.approach-density-chart{box-sizing:border-box;border:1px solid var(--sa-glass-line);background: linear-gradient(90deg, transparent 0, #7cc4ff00 46%, #7cc4ff24 49.5%, #7cc4ff59 50%, transparent 50.4%) -100% 0 / 50% 100% no-repeat, linear-gradient(180deg, #7cc4ff0f, transparent 45%), var(--sa-glass-strong);border-radius:14px;width:100%;height:auto;margin:14px 0 0;padding:44px 16px 10px;transition:border-color .3s,box-shadow .3s;position:relative;overflow:clip;transform:none;box-shadow:inset 0 1px #ffffff0d;container:sa-chart/inline-size}.approach-density-chart:hover{border-color:var(--sa-glass-line-strong);animation:3.2s linear infinite sa-radar;box-shadow:inset 0 1px #ffffff12,0 18px 40px -24px #7cc4ff8c}.approach-density-chart:before{content:"Lane occupancy (%)";color:var(--sa-ink-2);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:700;position:absolute;top:15px;left:18px}.approach-density-chart:after{content:"";pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='330' height='20' viewBox='0 0 330 20'%3E%3Cg font-family='Inter,Segoe UI,Arial,sans-serif' font-size='13' font-weight='700' fill='%23e2e9f3'%3E%3Crect x='0' y='8.5' width='20' height='3' rx='1.5' fill='%23fb7185'/%3E%3Ccircle cx='10' cy='10' r='3.6' fill='%23fb7185'/%3E%3Ctext x='27' y='14.5'%3ELeft lane%3C/text%3E%3Crect x='110' y='8.5' width='20' height='3' rx='1.5' fill='%23fbbf24'/%3E%3Ccircle cx='120' cy='10' r='3.6' fill='%23fbbf24'/%3E%3Ctext x='137' y='14.5'%3EMiddle lane%3C/text%3E%3Crect x='234' y='8.5' width='20' height='3' rx='1.5' fill='%2338bdf8'/%3E%3Ccircle cx='244' cy='10' r='3.6' fill='%2338bdf8'/%3E%3Ctext x='261' y='14.5'%3ERight lane%3C/text%3E%3C/g%3E%3C/svg%3E") 100%/contain no-repeat;width:330px;height:20px;position:absolute;top:12px;right:16px}.approach-density-chart>svg{--sx:1;width:100%;height:220px;display:block;position:static;top:auto;overflow:visible}.density-grid-line{stroke:#adcdff1a;stroke-width:1px;stroke-dasharray:3 5;vector-effect:non-scaling-stroke;transition:stroke .3s}.approach-density-chart:hover .density-grid-line{stroke:#adcdff38}.density-axis-line,.density-axis-tick{stroke:#adcdff52;stroke-width:1.2px;vector-effect:non-scaling-stroke}.density-axis-label{fill:#e2e9f3;font-size:12.5px;font-weight:700;font-family:var(--sa-font);font-variant-numeric:tabular-nums}.density-grid-line,.density-axis-line,.density-axis-tick,.density-axis-label{pointer-events:none}.approach-density-chart>svg polyline{pointer-events:stroke}.approach-density-chart>svg>text.density-axis-label:first-of-type{display:none}.lane-trend-left,.lane-trend-middle,.lane-trend-right{stroke-width:3px;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke;transition:stroke-width .2s,opacity .25s,filter .25s}.lane-trend-left{stroke:var(--lane-left);filter:drop-shadow(0 0 4px #fb718599)}.lane-trend-middle{stroke:var(--lane-middle);filter:drop-shadow(0 0 4px #fbbf248c)}.lane-trend-right{stroke:var(--lane-right);filter:drop-shadow(0 0 4px #38bdf899)}.approach-density-chart>svg:has(polyline:hover) polyline{opacity:.22}.approach-density-chart>svg polyline:hover{opacity:1;stroke-width:5px;filter:drop-shadow(0 0 8px)brightness(1.2)}.approach-density-chart>svg:has(polyline:hover) circle{opacity:.25}.lane-trend-left-point,.lane-trend-middle-point,.lane-trend-right-point{opacity:.6;transform-box:fill-box;transform-origin:50%;cursor:crosshair;transition:opacity .2s,r .2s}.lane-trend-left-point{fill:var(--lane-left)}.lane-trend-middle-point{fill:var(--lane-middle)}.lane-trend-right-point{fill:var(--lane-right)}.approach-density-chart:hover .lane-trend-left-point,.approach-density-chart:hover .lane-trend-middle-point,.approach-density-chart:hover .lane-trend-right-point{opacity:1}.approach-density-chart>svg circle:hover{r:6px;stroke:#fff;stroke-width:1.5px;opacity:1!important}:is(.lane-trend-left-point:has(+polyline),.lane-trend-middle-point:has(+polyline),.lane-trend-right-point:has(+text)){opacity:1;stroke:#0a1422;stroke-width:1.5px;animation:1.6s ease-in-out infinite sa-now}.lane-trend-left-point:has(+polyline){filter:drop-shadow(0 0 6px var(--lane-left))}.lane-trend-middle-point:has(+polyline){filter:drop-shadow(0 0 6px var(--lane-middle))}.lane-trend-right-point:has(+text){filter:drop-shadow(0 0 6px var(--lane-right))}.approach-density-chart>svg text,.approach-density-chart>svg circle{transform-box:fill-box}.approach-density-chart>svg text{transform:scaleX(var(--sx))}.approach-density-chart>svg text[text-anchor=end]{transform-origin:100%}.approach-density-chart>svg text[text-anchor=start]{transform-origin:0}.approach-density-chart>svg text[text-anchor=middle]{transform-origin:50%}.approach-density-chart>svg circle{transform:scale(var(--sx), 1)}@container sa-chart (width<=519px){.approach-density-chart>svg{--sx:2.74}}@container sa-chart (width>=520px) and (width<=639px){.approach-density-chart>svg{--sx:2.29}}@container sa-chart (width>=640px) and (width<=759px){.approach-density-chart>svg{--sx:1.9}}@container sa-chart (width>=760px) and (width<=879px){.approach-density-chart>svg{--sx:1.62}}@container sa-chart (width>=880px) and (width<=1019px){.approach-density-chart>svg{--sx:1.4}}@container sa-chart (width>=1020px) and (width<=1179px){.approach-density-chart>svg{--sx:1.21}}@container sa-chart (width>=1180px) and (width<=1359px){.approach-density-chart>svg{--sx:1.05}}@container sa-chart (width>=1360px) and (width<=1599px){.approach-density-chart>svg{--sx:.9}}@container sa-chart (width>=1600px){.approach-density-chart>svg{--sx:.76}}[data-sa-reveal=out]{opacity:0}[data-sa-reveal=in]{animation:sa-drop .95s var(--sa-ease-out) var(--sa-delay,0s) backwards}.selected-approach-eyebrow{--sa-delay:0s}.selected-approach-header h2{--sa-delay:70ms}.selected-approach-header p{--sa-delay:.14s}.selected-approach-status{--sa-delay:.2s}.approach-kpi-card:first-child{--sa-delay:.16s}.approach-kpi-card:nth-child(2){--sa-delay:.26s}.approach-kpi-card:nth-child(3){--sa-delay:.36s}.approach-kpi-card:nth-child(4){--sa-delay:.46s}.approach-density-header{--sa-delay:.3s}.approach-density-chart{--sa-delay:.42s}.approach-density-chart[data-sa-reveal=in] polyline{animation:sa-scan 1.5s var(--sa-ease-out) .85s both}.approach-density-chart[data-sa-reveal=in] .lane-trend-middle{animation-delay:.97s}.approach-density-chart[data-sa-reveal=in] .lane-trend-right{animation-delay:1.09s}.approach-density-chart[data-sa-reveal=in] circle:not(:has(+polyline,+text)){animation:.6s 1.9s backwards sa-fade}:is(.approach-density-chart[data-sa-reveal=in] .lane-trend-left-point:has(+polyline),.approach-density-chart[data-sa-reveal=in] .lane-trend-middle-point:has(+polyline),.approach-density-chart[data-sa-reveal=in] .lane-trend-right-point:has(+text)){animation:sa-pop .5s var(--sa-spring) 2.1s backwards, sa-now 1.6s ease-in-out 2.6s infinite}.approach-density-chart[data-sa-reveal=out] circle{opacity:0}.approach-density-chart[data-sa-reveal=out] polyline{clip-path:inset(-12px 100% -12px -12px)}@keyframes sa-drop{0%{opacity:0;translate:0 -46px;scale:.97}45%{opacity:1;translate:0 9px;scale:1.01}65%{translate:0 -5px;scale:1}82%{translate:0 2px}to{opacity:1;translate:0;scale:1}}@keyframes sa-scan{0%{clip-path:inset(-12px 100% -12px -12px)}to{clip-path:inset(-12px)}}@keyframes sa-fade{0%{opacity:0}}@keyframes sa-pop{0%{opacity:0;transform:scale(0)}}@keyframes sa-spin{to{--sa-angle:360deg}}@keyframes sa-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes sa-drift{0%{translate:0;rotate:0deg}50%{translate:4% -3%;rotate:8deg}to{translate:-4% 3%;rotate:-6deg}}@keyframes sa-radar{0%{background-position:-100% 0,0 0}to{background-position:200% 0,0 0}}@keyframes sa-ping{0%{box-shadow:0 0 0 0 color-mix(in srgb, currentColor 65%, transparent)}to{box-shadow:0 0 0 9px #0000}}@keyframes sa-lamp{0%,to{opacity:1}50%{opacity:.5}}@keyframes sa-wiggle{0%,70%,to{rotate:0deg}76%{rotate:-12deg}82%{rotate:10deg}88%{rotate:-6deg}94%{rotate:3deg}}@keyframes sa-now{0%,to{transform:scale(calc(var(--sx) * 1.4), 1.4)}50%{transform:scale(calc(var(--sx) * 2), 2)}}@container sa-panel (width<=820px){.approach-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@container sa-panel (width<=460px){.approach-kpi-grid{grid-template-columns:1fr}}@container sa-panel (width<=620px){.selected-approach-header{flex-direction:column;padding:18px}.selected-approach-header h2{font-size:23px}.selected-approach-status{align-self:flex-start}.approach-kpi-grid{padding:16px 18px}.approach-lower-grid{padding:0 18px 18px}.approach-density-chart{padding-top:66px}.approach-density-chart:after{background-position:0;top:38px;left:16px;right:auto}.approach-density-chart>svg{height:200px}}@media (prefers-reduced-motion:reduce){.selected-approach-section,.selected-approach-section *,.selected-approach-section :before,.selected-approach-section :after{transition:none!important;animation:none!important}[data-sa-reveal]{opacity:1!important;translate:none!important}.approach-density-chart polyline{clip-path:none!important}}.live-page-eyebrow{letter-spacing:.14em;color:#718198;font-size:9px;font-weight:800}.selected-approach-section{box-sizing:border-box;background:#0d1725;border:1px solid #1e2c42;border-radius:9px;width:100%;margin-top:14px;overflow:hidden}.selected-approach-header{border-bottom:1px solid #1b293d;justify-content:space-between;align-items:flex-start;gap:20px;padding:16px 17px;display:flex}.selected-approach-title-block{min-width:0}.selected-approach-eyebrow{color:#718198;letter-spacing:.13em;font-size:9px;font-weight:800}.selected-approach-header h2{color:#e7edf4;margin:5px 0 0;font-size:17px;font-weight:700}.selected-approach-header p{color:#6d7d92;margin:5px 0 0;font-size:10px}.selected-approach-status{color:#86efac;background:#22c55e12;border:1px solid #22c55e40;border-radius:6px;flex-shrink:0;align-items:center;gap:7px;padding:6px 9px;font-size:9px;font-weight:700;display:flex}.selected-approach-status span{background:#22c55e;border-radius:50%;width:6px;height:6px}.selected-approach-status.warning{color:#fca5a5;background:#ef444414;border-color:#ef444459}.selected-approach-status.warning span{background:#ef4444}.approach-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:12px;display:grid}.approach-kpi-card{box-sizing:border-box;background:#0b1522;border:1px solid #1d2b3f;border-radius:7px;flex-direction:column;justify-content:center;min-width:0;min-height:82px;padding:11px 12px;display:flex}.approach-kpi-label{color:#718199;font-size:9px}.approach-kpi-card strong{color:#e7edf4;margin-top:6px;font-size:17px;font-weight:700;line-height:1.2}.approach-kpi-card small{color:#5e6e83;margin-top:4px;font-size:8px}.density-high{color:#ef5350!important}.density-medium{color:#eab308!important}.density-low,.signal-green{color:#22c55e!important}.signal-red{color:#ef5350!important}.status-warning{color:#f97316!important}.status-normal{color:#22c55e!important}.approach-lower-grid{box-sizing:border-box;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;width:100%;padding:0 12px 14px;display:grid}.approach-lanes-section{width:100%;min-width:0}.approach-subsection-title{color:#cbd5e1;font-size:10px;font-weight:700}.approach-lanes-list{box-sizing:border-box;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%;height:10.8vw;margin-top:8px;display:grid}.approach-lane-row{box-sizing:border-box;background:#0b1522;border:1px solid #1e2c42;border-radius:6px;justify-content:space-between;align-items:center;width:100%;min-height:58px;padding:10px 12px;display:flex}.approach-lane-row.blocked{background:#ef44440e;border-color:#ef444466}.approach-lane-left{flex-direction:column;gap:4px;min-width:0;display:flex}.approach-lane-name{color:#d8e1eb;font-size:10px;font-weight:600}.approach-lane-state{text-transform:uppercase;letter-spacing:.05em;font-size:8px;font-weight:700}.approach-lane-state.clear{color:#22c55e}.approach-lane-state.blocked{color:#ef5350}.approach-lane-queue{color:#e7edf4;font-size:13px;font-weight:700}.approach-lane-queue:after{content:" m";color:#718199;font-size:8px;font-weight:500}.approach-density-section{width:100%;min-width:0}.approach-density-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.approach-density-header>div{flex-direction:column;gap:3px;min-width:0;display:flex}.approach-density-header span{color:#5f7085;font-size:8px}.approach-density-header strong{color:#eab308;background:#eab30817;border-radius:5px;padding:4px 7px;font-size:9px;font-weight:700}.approach-density-chart{box-sizing:border-box;background:#0b1522;border:1px solid #182638;border-radius:6px;width:100%;height:150px;margin-top:8px;overflow:hidden}.approach-density-chart svg{width:100%;height:118px;display:block}.density-chart-labels{color:#53657b;justify-content:space-between;align-items:center;padding:4px 9px 0;font-size:7px;display:flex}@keyframes floating-alert-pop-in{0%{opacity:0;transform:translateY(28px)scale(.92)}60%{opacity:1;transform:translateY(-3px)scale(1.02)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=1000px){.monitoring-grid{grid-template-columns:1fr}.junction-viewport{height:500px}}@media (width<=800px){.approach-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.approach-lower-grid{grid-template-columns:1fr}}@media (width<=600px){.live-page{padding:12px}.live-page-header{align-items:flex-start}.live-page-header h1{font-size:17px}.selected-approach-header{flex-direction:column}.selected-approach-status{align-self:flex-start}.approach-kpi-grid{grid-template-columns:1fr}.junction-viewport{height:420px}.floating-live-alert-popup{width:auto;max-width:none;bottom:12px;left:12px;right:12px}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.ameerpet-twin,.ameerpet-twin *{box-sizing:border-box}.ameerpet-twin{--dt-bg:#111827;--dt-bg-2:#0d1422;--dt-line:#1f2a3f;--dt-line-2:#2a3852;--dt-text:#e7ecf5;--dt-muted:#8a96ad;width:100%;min-width:20px;min-height:600px;color:var(--dt-text);background:var(--dt-bg);border:1px solid var(--dt-line);-webkit-font-smoothing:antialiased;border-radius:15px;padding:20px;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;font-size:14px;transform:translateY(-10px)}.ameerpet-twin__head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:2px;display:flex}.ameerpet-twin__title{min-width:0}.ameerpet-twin__title h2{color:var(--dt-text);align-items:center;gap:8px;margin:0;font-size:15px;font-weight:600;line-height:1.35;display:flex}.ameerpet-twin__title p{color:var(--dt-muted);margin:3px 0 0;font-size:12px;line-height:1.5}.ameerpet-twin__status.is-alert{color:#fca5a5;background:#ef444424}.ameerpet-twin__frame{border:1px solid var(--dt-line);background:linear-gradient(#0d1422,#0c121e);border-radius:10px;padding:15px 4px;overflow:hidden}.ameerpet-twin__svg-inner{width:100%;max-width:860px;margin:0 auto}.ameerpet-twin .dt-svg{width:100%;height:auto;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;display:block;overflow:visible}.ameerpet-twin .dt-approach{cursor:pointer;outline:none}.ameerpet-twin .dt-approach-bg{fill:#121a2a;stroke:#2a3852;stroke-width:1px;transition:fill .12s,stroke .12s,stroke-width .12s}.ameerpet-twin .dt-approach.is-selected .dt-approach-bg{fill:#1b263b;stroke:#f59e0b;stroke-width:1.6px}.ameerpet-twin .dt-approach:hover .dt-approach-bg{stroke:#64748b}.ameerpet-twin .dt-approach.is-selected:hover .dt-approach-bg{stroke:#f59e0b}.ameerpet-twin .dt-approach:focus-visible .dt-approach-bg,.ameerpet-twin .dt-camera:focus-visible .dt-camera-ring{stroke:#fbbf24;stroke-width:2.4px}.ameerpet-twin .dt-camera{cursor:pointer;outline:none}.ameerpet-twin .dt-camera-ring{transition:stroke .12s,stroke-width .12s}.ameerpet-twin .dt-camera:hover .dt-camera-ring{stroke:#fbbf24;stroke-width:2px}.ameerpet-twin .dt-crosswalk{pointer-events:none}.ameerpet-twin .dt-pulse{transform-box:fill-box;transform-origin:50%;animation:1.6s ease-out infinite ameerpet-pulse}.ameerpet-twin .dt-pulse-orange{animation-delay:.35s}.ameerpet-twin__legend{color:var(--dt-muted);flex-wrap:wrap;align-items:center;gap:14px;margin-top:12px;font-size:12px;line-height:1.45;display:flex}.ameerpet-twin__legend-item{flex:none;align-items:center;gap:6px;display:inline-flex}.ameerpet-twin__legend-item i{border-radius:2px;width:18px;height:8px;display:inline-block}.ameerpet-twin__legend-note{margin-left:auto}@keyframes ameerpet-pulse{0%{opacity:.9;transform:scale(.6)}to{opacity:0;transform:scale(2.2)}}@media (width<=640px){.ameerpet-twin{padding:14px 12px}.ameerpet-twin__head{flex-wrap:wrap}.ameerpet-twin__status{margin-left:auto}.ameerpet-twin__legend{gap:10px 12px}.ameerpet-twin__legend-note{flex-basis:100%;margin-left:0}}@media (prefers-reduced-motion:reduce){.ameerpet-twin .dt-pulse,.floating-live-alert-popup{animation:none}}.live-page{box-sizing:border-box;width:100%;min-height:100%;padding:18px}.live-kpi-section{width:100%;margin-bottom:14px}.monitoring-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:14px;width:100%;display:grid}.junction-twin-column{min-width:0}.live-page-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:12px;display:flex}.live-page-eyebrow{color:#718198;letter-spacing:.14em;font-size:9px;font-weight:800}.live-page-header h1{color:#eef3f8;letter-spacing:-.02em;margin:5px 0 0;font-size:21px;font-weight:700}.live-page-header p{color:#66778e;margin:5px 0 0;font-size:10px}.live-page-state{color:#22c55e;align-items:center;gap:7px;font-size:9px;font-weight:700;display:flex}.live-page-state span{background:#22c55e;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #22c55e8c}.junction-twin-card{width:100%;min-width:0}.junction-viewport{box-sizing:border-box;background:radial-gradient(circle,#122230c7,#050c14);border:1px solid #1e2c42;border-radius:9px;width:100%;height:470px;overflow:hidden}.floating-live-alert-popup{z-index:2000;box-sizing:border-box;cursor:pointer;background:#0b1422;border:1px solid #2a3a53;border-radius:10px;align-items:flex-start;gap:11px;width:340px;max-width:calc(100vw - 32px);padding:14px 15px;transition:border-color .2s,box-shadow .2s,transform .2s;animation:.45s cubic-bezier(.22,1,.36,1) floating-alert-pop-in;display:flex;position:fixed;bottom:22px;right:22px;box-shadow:0 18px 45px #00000080,0 0 24px #ef444424}.floating-live-alert-popup:hover{border-color:#405673;transform:translateY(-2px);box-shadow:0 20px 48px #0000008c,0 0 28px #ef444433}.floating-live-alert-popup:focus-visible{outline-offset:2px;outline:2px solid #f59e0b}.floating-live-alert-popup.critical:before{content:"";background:#ef4444;border-radius:10px 0 0 10px;width:4px;position:absolute;top:0;bottom:0;left:0}.floating-live-alert-popup.warning{box-shadow:0 18px 45px #00000080,0 0 24px #eab30824}.floating-live-alert-popup.warning:hover{box-shadow:0 20px 48px #0000008c,0 0 28px #eab30833}.floating-live-alert-popup.warning:before{content:"";background:#eab308;border-radius:10px 0 0 10px;width:4px;position:absolute;top:0;bottom:0;left:0}.floating-live-alert-popup.info{box-shadow:0 18px 45px #00000080,0 0 24px #3b82f624}.floating-live-alert-popup.info:hover{box-shadow:0 20px 48px #0000008c,0 0 28px #3b82f633}.floating-live-alert-popup.info:before{content:"";background:#3b82f6;border-radius:10px 0 0 10px;width:4px;position:absolute;top:0;bottom:0;left:0}.floating-live-alert-icon{color:#ef4444;background:#ef444424;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.floating-live-alert-popup.warning .floating-live-alert-icon{color:#eab308;background:#eab30824}.floating-live-alert-popup.info .floating-live-alert-icon{color:#60a5fa;background:#3b82f624}.floating-live-alert-content{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.floating-live-alert-label{color:#ef4444;letter-spacing:.1em;font-size:9px;font-weight:800}.floating-live-alert-popup.warning .floating-live-alert-label{color:#eab308}.floating-live-alert-popup.info .floating-live-alert-label{color:#60a5fa}.floating-live-alert-content strong{color:#e7edf4;font-size:13px;font-weight:700;line-height:1.35}.floating-live-alert-content span{color:#aab7ca;font-size:11px}.floating-live-alert-content small{color:#64748b;font-size:9px;line-height:1.35}.floating-live-alert-link{margin-top:5px;font-weight:600;transition:color .2s;color:#60a5fa!important;font-size:10px!important}.floating-live-alert-popup:hover .floating-live-alert-link{color:#93c5fd!important}.floating-live-alert-close{color:#64748b;cursor:pointer;background:0 0;border:0;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:25px;height:25px;margin-left:auto;transition:color .2s,background .2s;display:flex}.floating-live-alert-close:hover{color:#e7edf4;background:#ffffff0f}.floating-live-alert-close:focus-visible{outline-offset:2px;outline:1px solid #f59e0b}@media (width<=1000px){.monitoring-grid{grid-template-columns:1fr}.junction-viewport{height:500px}}@media (width<=800px){.live-page{padding:14px}}@media (width<=600px){.live-page{padding:12px}.live-page-header{align-items:flex-start}.live-page-header h1{font-size:17px}.junction-viewport{height:420px}.floating-live-alert-popup{width:auto;max-width:none;bottom:12px;left:12px;right:12px}}@media (prefers-reduced-motion:reduce){.floating-live-alert-popup{animation:none}}.live-kpi-section{display:none}.alert-details-page{box-sizing:border-box;color:#e7ecf5;background:#0a0e16;width:100%;min-height:100%;padding:24px 28px 32px}.alert-details-header{align-items:flex-start;gap:14px;margin-bottom:20px;display:flex}.alert-details-back{color:#cbd5e1;cursor:pointer;background:#111827;border:1px solid #263247;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.alert-details-back:hover{color:#fff;background:#182235;border-color:#35445d}.alert-details-eyebrow{color:#71819b;letter-spacing:.12em;text-transform:uppercase;font-size:9px;font-weight:700}.alert-details-header h1{color:#eef2ff;margin:3px 0 4px;font-size:24px;font-weight:700;line-height:1.15}.alert-details-header p{color:#71819b;margin:0;font-size:12px}.alert-tabs{background:#0d1420;border:1px solid #202b3e;border-radius:9px;gap:5px;width:fit-content;margin-bottom:18px;padding:4px;display:flex}.alert-tabs button{color:#7f8da8;cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-width:145px;height:36px;padding:0 14px;font-size:11px;font-weight:600;transition:background .15s,color .15s;display:inline-flex}.alert-tabs button:hover{color:#dbe4f2}.alert-tabs button.active{color:#eef2ff;background:#192337}.alert-tabs button span{box-sizing:border-box;color:#8c9ab0;background:#182235;border-radius:999px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:9px;display:inline-flex}.alert-tabs button.active span{color:#dce7f7;background:#273650}.alert-tab-panel{width:100%}.active-panel,.history-panel{flex-direction:column;gap:18px;display:flex}.alert-tab-section{width:100%}.alert-tab-section-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:10px;display:flex}.alert-tab-section-heading h2{color:#eef2ff;margin:3px 0 0;font-size:15px;font-weight:650}.alert-history-count{box-sizing:border-box;color:#9eabc0;background:#172033;border-radius:999px;justify-content:center;align-items:center;min-width:26px;height:24px;padding:0 8px;font-size:9px;font-weight:600;display:inline-flex}.alert-details-card{box-sizing:border-box;background:#111827;border:1px solid #263247;border-radius:12px;width:100%;overflow:hidden}.alert-details-card.critical{border-color:#ef444461}.alert-details-card.warning{border-color:#f59e0b61}.alert-details-card.info{border-color:#3b82f652}.alert-details-card-header{border-bottom:1px solid #202b3e;align-items:center;gap:12px;padding:14px 16px;display:flex}.alert-details-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.alert-details-icon.critical{color:#f87171;background:#ef44441f}.alert-details-icon.warning{color:#fbbf24;background:#f59e0b1f}.alert-details-icon.info{color:#60a5fa;background:#3b82f61f}.alert-details-title-block{min-width:0}.alert-details-label{color:#71819b;letter-spacing:.1em;text-transform:uppercase;font-size:8px;font-weight:700;display:block}.alert-details-card-header h2{color:#eef2ff;margin:3px 0 0;font-size:15px;font-weight:650;line-height:1.25}.alert-details-status{letter-spacing:.08em;border-radius:999px;flex-shrink:0;margin-left:auto;padding:4px 9px;font-size:8px;font-weight:700}.alert-details-status.active{color:#f87171;background:#ef44441f}.alert-details-status.resolved{color:#4ade80;background:#22c55e1a}.alert-details-split{grid-template-columns:minmax(0,1fr) 320px;min-height:220px;display:grid}.alert-details-content{box-sizing:border-box;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:14px;padding:18px;display:grid}.alert-details-field{min-width:0}.alert-details-field span{color:#6f7e98;letter-spacing:.06em;text-transform:uppercase;margin-bottom:4px;font-size:9px;font-weight:600;line-height:1.2;display:block}.alert-details-field strong{color:#dce4f2;overflow-wrap:anywhere;font-size:11px;font-weight:600;line-height:1.5;display:block}.alert-details-message-field{grid-column:1/-1}.alert-selected-snapshot-panel{box-sizing:border-box;background:#0d1420;border-left:1px solid #202b3e;flex-direction:column;min-width:0;padding:14px;display:flex}.alert-selected-snapshot-header{align-items:center;margin-bottom:9px;display:flex}.alert-selected-snapshot-header>span{color:#6f7e98;letter-spacing:.08em;text-transform:uppercase;font-size:8px;font-weight:700}.alert-selected-snapshot{cursor:pointer;background:#080d15;border:1px solid #263247;border-radius:8px;flex:1;width:100%;min-height:175px;padding:0;display:block;position:relative;overflow:hidden}.alert-selected-snapshot img{object-fit:cover;width:100%;height:100%;min-height:175px;transition:transform .2s;display:block}.alert-selected-snapshot:hover img{transform:scale(1.02)}.alert-selected-no-snapshot{color:#55647c;justify-content:center;align-items:center;width:100%;height:100%;min-height:175px;font-size:9px;display:flex}.alert-active-list{flex-direction:column;gap:8px;display:flex}.alert-active-item{box-sizing:border-box;cursor:pointer;text-align:left;background:#0f1724;border:1px solid #202b3e;border-left-width:3px;border-radius:9px;align-items:center;gap:11px;width:100%;min-height:82px;padding:10px 12px;transition:background .15s,border-color .15s;display:flex}.alert-active-item:hover,.alert-active-item.selected{background:#121d2d;border-color:#31415c}.alert-active-item.critical{border-left-color:#ef4444}.alert-active-item.warning{border-left-color:#f59e0b}.alert-active-item.info{border-left-color:#3b82f6}.alert-active-icon{border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.alert-active-icon.critical{color:#f87171;background:#ef44441a}.alert-active-icon.warning{color:#fbbf24;background:#f59e0b1a}.alert-active-icon.info{color:#60a5fa;background:#3b82f61a}.alert-active-content{flex:1;min-width:0}.alert-active-title-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.alert-active-title-row strong{color:#e7ecf5;min-width:0;font-size:11px;font-weight:600}.alert-active-title-row>span{color:#66758e;flex-shrink:0;font-size:8px}.alert-active-content p{color:#71819b;margin:4px 0 7px;font-size:9px}.alert-active-meta{align-items:center;gap:7px;display:flex}.alert-active-status,.alert-active-severity{border-radius:999px;align-items:center;gap:4px;padding:3px 7px;font-size:7px;font-weight:600;display:inline-flex}.alert-active-status{color:#f87171;background:#ef444414}.alert-active-status i{background:currentColor;border-radius:50%;width:4px;height:4px}.alert-active-severity.critical{color:#f87171;background:#ef444414}.alert-active-severity.warning{color:#fbbf24;background:#f59e0b14}.alert-active-severity.info{color:#60a5fa;background:#3b82f614}.alert-active-snapshot{cursor:pointer;background:#0b111b;border:1px solid #263247;border-radius:7px;flex:0 0 112px;width:112px;height:68px;padding:0;display:block;position:relative;overflow:hidden}.alert-active-snapshot img{object-fit:cover;width:100%;height:100%;transition:transform .2s;display:block}.alert-active-snapshot:hover img{transform:scale(1.04)}.alert-active-snapshot:not(:disabled):after{content:"View";color:#fff;opacity:0;background:#000000b8;border-radius:4px;padding:3px 6px;font-size:7px;font-weight:600;transition:opacity .15s;position:absolute;bottom:5px;right:5px}.alert-active-snapshot:not(:disabled):hover:after{opacity:1}.alert-active-snapshot:disabled{cursor:default}.alert-active-no-snapshot{color:#55647c;justify-content:center;align-items:center;width:100%;height:100%;font-size:8px;display:flex}.alert-history-list{flex-direction:column;gap:8px;display:flex}.alert-history-item{box-sizing:border-box;cursor:pointer;text-align:left;background:#0f1724;border:1px solid #202b3e;border-left-width:3px;border-radius:9px;align-items:center;gap:11px;width:100%;min-height:78px;padding:10px 11px;transition:background .15s,border-color .15s;display:flex}.alert-history-item:hover,.alert-history-item.selected{background:#121d2d;border-color:#31415c}.alert-history-item.critical{border-left-color:#ef4444}.alert-history-item.warning{border-left-color:#f59e0b}.alert-history-item.info{border-left-color:#3b82f6}.alert-history-icon{border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.alert-history-icon.critical{color:#f87171;background:#ef44441a}.alert-history-icon.warning{color:#fbbf24;background:#f59e0b1a}.alert-history-icon.info{color:#60a5fa;background:#3b82f61a}.alert-history-content{flex:1;min-width:0}.alert-history-title-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.alert-history-title-row strong{color:#e7ecf5;min-width:0;font-size:11px;font-weight:600}.alert-history-title-row span{color:#66758e;flex-shrink:0;font-size:8px}.alert-history-content p{color:#71819b;margin:4px 0 7px;font-size:9px}.alert-history-meta{align-items:center;gap:7px;display:flex}.alert-history-status,.alert-history-severity{border-radius:999px;align-items:center;gap:4px;padding:3px 7px;font-size:7px;font-weight:600;display:inline-flex}.alert-history-status.resolved{color:#4ade80;background:#22c55e14}.alert-history-status i{background:currentColor;border-radius:50%;width:4px;height:4px}.alert-history-severity.critical{color:#f87171;background:#ef444414}.alert-history-severity.warning{color:#fbbf24;background:#f59e0b14}.alert-history-severity.info{color:#60a5fa;background:#3b82f614}.alert-history-item-snapshot{cursor:pointer;background:#0b111b;border:1px solid #263247;border-radius:7px;flex:0 0 110px;width:110px;height:66px;padding:0;display:block;position:relative;overflow:hidden}.alert-history-item-snapshot img{object-fit:cover;width:100%;height:100%;transition:transform .18s;display:block}.alert-history-item-snapshot:hover img{transform:scale(1.04)}.alert-history-item-snapshot:not(:disabled):after{content:"View";color:#fff;opacity:0;background:#000000b8;border-radius:4px;padding:3px 6px;font-size:7px;font-weight:600;transition:opacity .15s;position:absolute;bottom:5px;right:5px}.alert-history-item-snapshot:not(:disabled):hover:after{opacity:1}.alert-history-item-snapshot:disabled{cursor:default}.alert-history-item-no-snapshot{color:#55647c;justify-content:center;align-items:center;width:100%;height:100%;font-size:8px;display:flex}.alert-tab-empty,.alert-details-empty{color:#64748b;background:#0d1420;border:1px dashed #2a3850;border-radius:10px;align-items:center;gap:11px;padding:18px;display:flex}.alert-tab-empty strong,.alert-details-empty strong{color:#cbd5e1;margin-bottom:3px;font-size:11px;display:block}.alert-tab-empty span,.alert-details-empty span{color:#65748d;font-size:9px;display:block}.alert-snapshot-preview-overlay{z-index:9999;box-sizing:border-box;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#030712d1;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.alert-snapshot-preview{box-sizing:border-box;background:#0d1420;border:1px solid #2a3850;border-radius:12px;flex-direction:column;width:min(900px,92vw);max-height:90vh;display:flex;overflow:hidden;box-shadow:0 24px 80px #0000008c}.alert-snapshot-preview-header{box-sizing:border-box;border-bottom:1px solid #202b3e;justify-content:space-between;align-items:center;gap:14px;min-height:54px;padding:10px 14px;display:flex}.alert-snapshot-preview-header span{color:#70809a;letter-spacing:.1em;margin-bottom:2px;font-size:8px;font-weight:700;display:block}.alert-snapshot-preview-header strong{color:#e7ecf5;font-size:12px;font-weight:600;display:block}.alert-snapshot-preview-header button{color:#94a3b8;cursor:pointer;background:#111827;border:1px solid #263247;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.alert-snapshot-preview-header button:hover{color:#fff;background:#182235}.alert-snapshot-preview-image{box-sizing:border-box;text-align:center;padding:14px;overflow:auto}.alert-snapshot-preview-image img{object-fit:contain;border-radius:8px;max-width:100%;max-height:calc(90vh - 100px);margin:0 auto;display:block}@media (width<=900px){.alert-details-split{grid-template-columns:minmax(0,1fr) 270px}}@media (width<=760px){.alert-details-page{padding:18px 14px 24px}.alert-tabs{width:100%}.alert-tabs button{flex:1;min-width:0}.alert-details-split{grid-template-columns:1fr}.alert-selected-snapshot-panel{border-top:1px solid #202b3e;border-left:none}.alert-details-content{grid-template-columns:1fr}.alert-details-message-field{grid-column:auto}}@media (width<=560px){.alert-active-item,.alert-history-item{align-items:flex-start}.alert-active-snapshot,.alert-history-item-snapshot{flex-basis:82px;width:82px;height:56px}.alert-active-title-row,.alert-history-title-row{flex-direction:column;align-items:flex-start;gap:3px}.alert-snapshot-preview-overlay{padding:12px}.alert-snapshot-preview{width:96vw}}