:root{--bg-void: #04060a;--bg-app: #060911;--bg-panel: rgba(12, 19, 31, .78);--bg-panel-solid: #0a111c;--bg-panel-raised: rgba(19, 28, 44, .85);--border-soft: rgba(120, 160, 200, .14);--border-glow: rgba(64, 220, 255, .35);--accent-cyan: #3ddcff;--accent-cyan-dim: rgba(61, 220, 255, .16);--accent-teal: #2be5b8;--accent-amber: #ffb238;--accent-red: #ff4f63;--accent-violet: #9b7bff;--text-primary: #eaf3fb;--text-secondary: #93a8bd;--text-dim: #5b7086;--font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", "Inter", Roboto, Helvetica, Arial, sans-serif;--font-mono: "SF Mono", "JetBrains Mono", "Cascadia Code", Consolas, "Courier New", monospace;--radius-md: 10px;--radius-sm: 6px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg-app);color:var(--text-primary);font-family:var(--font-ui);font-size:13px;-webkit-font-smoothing:antialiased;overflow:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#78a0c840;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#78a0c866}button{font-family:inherit}.app-shell{position:relative;height:100vh;width:100vw;display:grid;grid-template-rows:56px 1fr 224px;background:radial-gradient(ellipse at 20% -10%,rgba(61,220,255,.08),transparent 55%),radial-gradient(ellipse at 85% 10%,rgba(155,123,255,.06),transparent 50%),var(--bg-app)}.main-grid{position:relative;display:grid;grid-template-columns:306px 1fr 320px;gap:10px;padding:10px;min-height:0}@media (max-width: 1439px){.main-grid{grid-template-columns:1fr;grid-template-rows:auto auto auto;overflow-y:auto}.app-shell{grid-template-rows:56px 1fr;height:auto;min-height:100vh}.bottom-panel{height:auto}}.topbar{display:flex;align-items:center;gap:22px;padding:0 16px;border-bottom:1px solid var(--border-soft);background:linear-gradient(180deg,#0a101af2,#060911e6);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:20}.topbar-brand{display:flex;align-items:center;gap:10px;white-space:nowrap}.topbar-brand-mark{width:20px;height:20px;border-radius:5px;background:conic-gradient(from 210deg,var(--accent-cyan),var(--accent-violet),var(--accent-cyan));box-shadow:0 0 14px #3ddcff8c;flex-shrink:0}.topbar-title{font-size:15px;font-weight:600;letter-spacing:.02em}.topbar-title-sub{font-size:10px;color:var(--text-dim);letter-spacing:.14em;text-transform:uppercase;margin-top:1px}.live-pill{display:flex;align-items:center;gap:6px;padding:4px 10px 4px 8px;border-radius:999px;background:#2be5b81a;border:1px solid rgba(43,229,184,.35);color:var(--accent-teal);font-size:10.5px;font-weight:600;letter-spacing:.08em;white-space:nowrap}.live-pill.is-paused{background:#ffb2381a;border-color:#ffb23859;color:var(--accent-amber)}.live-dot{width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor;animation:pulse-dot 1.6s ease-in-out infinite}.is-paused .live-dot{animation:none}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.8)}}.sim-clock{display:flex;align-items:baseline;gap:6px;font-family:var(--font-mono);white-space:nowrap}.sim-clock-time{font-size:17px;font-weight:600;color:var(--accent-cyan);letter-spacing:.03em}.sim-clock-day{font-size:10px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em}.topbar-spacer{flex:1}.scenario-selector{display:flex;gap:4px;padding:3px;background:#ffffff08;border:1px solid var(--border-soft);border-radius:var(--radius-sm)}.scenario-btn{border:none;background:transparent;color:var(--text-secondary);font-size:11.5px;font-weight:500;padding:6px 11px;border-radius:5px;cursor:pointer;transition:background .15s ease,color .15s ease;white-space:nowrap}.scenario-btn:hover{color:var(--text-primary);background:#ffffff0a}.scenario-btn.is-active{background:var(--accent-cyan-dim);color:var(--accent-cyan);box-shadow:inset 0 0 0 1px #3ddcff66}.scenario-btn.is-active[data-severity=warning]{background:#ffb23824;color:var(--accent-amber);box-shadow:inset 0 0 0 1px #ffb23866}.scenario-btn.is-active[data-severity=critical]{background:#ff4f6324;color:var(--accent-red);box-shadow:inset 0 0 0 1px #ff4f6366}.topbar-controls{display:flex;gap:8px}.icon-btn{display:flex;align-items:center;gap:6px;border:1px solid var(--border-soft);background:#ffffff08;color:var(--text-primary);padding:7px 12px;border-radius:var(--radius-sm);font-size:11.5px;font-weight:500;cursor:pointer;transition:border-color .15s ease,background .15s ease;white-space:nowrap}.icon-btn:hover{border-color:var(--border-glow);background:#3ddcff0f}.icon-btn.is-primary{background:var(--accent-cyan-dim);border-color:#3ddcff73;color:var(--accent-cyan)}.panel{background:var(--bg-panel);border:1px solid var(--border-soft);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;flex-direction:column;min-height:0;position:relative;overflow:hidden}.panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 1px #ffffff0a}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px 10px;border-bottom:1px solid var(--border-soft);flex-shrink:0}.panel-title{font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--text-primary);display:flex;align-items:center;gap:7px}.panel-title-bar{width:3px;height:13px;border-radius:2px;background:var(--accent-cyan);box-shadow:0 0 6px var(--accent-cyan)}.panel-subtext{font-size:10.5px;color:var(--text-dim)}.panel-body{flex:1;overflow-y:auto;padding:12px 14px 14px;min-height:0}.side-col{display:flex;flex-direction:column;gap:10px;min-height:0}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.stat-tile{background:#ffffff05;border:1px solid var(--border-soft);border-radius:var(--radius-sm);padding:8px 10px}.stat-tile-label{font-size:9.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);margin-bottom:4px}.stat-tile-value{font-family:var(--font-mono);font-size:17px;font-weight:600;color:var(--text-primary)}.stat-tile-value.accent-cyan{color:var(--accent-cyan)}.stat-tile-value.accent-amber{color:var(--accent-amber)}.stat-tile-value.accent-red{color:var(--accent-red)}.stat-tile-value.accent-teal{color:var(--accent-teal)}.stat-tile-unit{font-size:10px;color:var(--text-dim);margin-left:2px;font-weight:400}.section-label{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);margin:4px 0 8px;font-weight:600}.entity-list{display:flex;flex-direction:column;gap:6px}.entity-row{display:flex;align-items:center;gap:9px;padding:8px 9px;border-radius:var(--radius-sm);border:1px solid transparent;background:#ffffff04;cursor:pointer;transition:background .12s ease,border-color .12s ease}.entity-row:hover{background:#3ddcff0f;border-color:#3ddcff33}.entity-row.is-selected{background:#3ddcff1a;border-color:#3ddcff66}.status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;box-shadow:0 0 6px currentColor}.status-dot.status-normal,.status-dot.status-moving{color:var(--accent-teal);background:var(--accent-teal)}.status-dot.status-warning,.status-dot.status-waiting,.status-dot.status-delayed{color:var(--accent-amber);background:var(--accent-amber)}.status-dot.status-critical,.status-dot.status-service{color:var(--accent-red);background:var(--accent-red)}.entity-row-main{flex:1;min-width:0}.entity-row-title{font-size:11.5px;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.entity-row-sub{font-size:10px;color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.entity-row-value{font-family:var(--font-mono);font-size:12px;font-weight:600;color:var(--text-secondary);flex-shrink:0}.bar-track{height:4px;border-radius:2px;background:#ffffff12;overflow:hidden;margin-top:4px}.bar-fill{height:100%;border-radius:2px;background:var(--accent-teal)}.bar-fill.level-warning{background:var(--accent-amber)}.bar-fill.level-critical{background:var(--accent-red)}.center-col{position:relative;display:flex;flex-direction:column;gap:10px;min-height:0}.kpi-row{display:grid;grid-template-columns:repeat(10,1fr);gap:8px;flex-shrink:0}@media (max-width: 1439px){.kpi-row{grid-template-columns:repeat(5,1fr)}}.kpi-card{background:var(--bg-panel);border:1px solid var(--border-soft);border-radius:var(--radius-sm);padding:9px 10px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);min-width:0}.kpi-card-label{font-size:8.6px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-dim);margin-bottom:5px;line-height:1.3;min-height:22px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.kpi-card-value{font-family:var(--font-mono);font-size:18px;font-weight:700;color:var(--text-primary);display:flex;align-items:baseline;gap:3px}.kpi-card-unit{font-size:10px;font-weight:500;color:var(--text-dim)}.kpi-card-trend{font-size:9.5px;margin-top:3px;font-weight:600}.kpi-card.tone-good .kpi-card-value{color:var(--accent-teal)}.kpi-card.tone-warning .kpi-card-value{color:var(--accent-amber)}.kpi-card.tone-critical .kpi-card-value{color:var(--accent-red)}.kpi-card.tone-good .kpi-card-trend{color:var(--accent-teal)}.kpi-card.tone-warning .kpi-card-trend{color:var(--accent-amber)}.kpi-card.tone-critical .kpi-card-trend{color:var(--accent-red)}.map-panel{flex:1;position:relative;border-radius:var(--radius-md);border:1px solid var(--border-soft);overflow:hidden;background:radial-gradient(ellipse at 50% 40%,#0a1522,#050810 72%);min-height:0}.map-canvas-wrap{position:absolute;top:0;right:0;bottom:0;left:0}.map-overlay-topleft{position:absolute;top:12px;left:12px;z-index:5;display:flex;flex-direction:column;gap:8px;pointer-events:none}.map-overlay-topleft>*{pointer-events:auto}.layer-toggle{display:flex;flex-direction:column;gap:4px;background:var(--bg-panel);border:1px solid var(--border-soft);border-radius:var(--radius-sm);padding:8px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.layer-toggle-title{font-size:9px;text-transform:uppercase;letter-spacing:.07em;color:var(--text-dim);padding:0 4px 4px}.layer-toggle-item{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--text-secondary);padding:4px 6px;border-radius:4px;cursor:pointer;-webkit-user-select:none;user-select:none}.layer-toggle-item:hover{background:#ffffff0a}.layer-toggle-checkbox{width:12px;height:12px;border-radius:3px;border:1px solid var(--text-dim);display:flex;align-items:center;justify-content:center;flex-shrink:0}.layer-toggle-checkbox.is-on{background:var(--accent-cyan-dim);border-color:var(--accent-cyan)}.layer-toggle-checkbox.is-on:after{content:"";width:6px;height:6px;border-radius:1px;background:var(--accent-cyan)}.map-overlay-bottomleft{position:absolute;bottom:12px;left:12px;z-index:5;display:flex;gap:14px;background:var(--bg-panel);border:1px solid var(--border-soft);border-radius:var(--radius-sm);padding:8px 12px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:10px;color:var(--text-secondary)}.map-legend-item{display:flex;align-items:center;gap:5px;white-space:nowrap}.map-hint{position:absolute;bottom:12px;right:12px;z-index:5;font-size:9.5px;color:var(--text-dim);background:var(--bg-panel);border:1px solid var(--border-soft);border-radius:var(--radius-sm);padding:6px 10px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.map-attribution{position:absolute;bottom:12px;right:12px;transform:translateY(-32px);z-index:4;font-size:8.5px;color:var(--text-dim);opacity:.7;background:var(--bg-panel);border:1px solid var(--border-soft);border-radius:var(--radius-sm);padding:4px 9px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);white-space:nowrap}.entity-detail{position:absolute;top:12px;right:12px;width:268px;z-index:6;background:var(--bg-panel-solid);border:1px solid var(--border-glow);border-radius:var(--radius-md);box-shadow:0 0 24px #3ddcff1f,0 12px 30px #00000080;overflow:hidden}.entity-detail-header{display:flex;align-items:center;justify-content:space-between;padding:11px 13px;border-bottom:1px solid var(--border-soft);background:#3ddcff0d}.entity-detail-title{font-size:12.5px;font-weight:700;color:var(--text-primary)}.entity-detail-kind{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:var(--accent-cyan);margin-top:1px}.entity-detail-close{border:none;background:transparent;color:var(--text-dim);cursor:pointer;font-size:15px;line-height:1;padding:2px 4px}.entity-detail-close:hover{color:var(--text-primary)}.entity-detail-body{padding:12px 13px 14px;display:flex;flex-direction:column;gap:8px;max-height:46vh;overflow-y:auto}.detail-row{display:flex;align-items:center;justify-content:space-between;font-size:11.5px}.detail-row-label{color:var(--text-dim)}.detail-row-value{font-family:var(--font-mono);color:var(--text-primary);font-weight:600}.detail-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;width:fit-content}.detail-badge.status-normal,.detail-badge.status-moving{background:#2be5b824;color:var(--accent-teal)}.detail-badge.status-warning,.detail-badge.status-waiting,.detail-badge.status-delayed{background:#ffb23824;color:var(--accent-amber)}.detail-badge.status-critical,.detail-badge.status-service{background:#ff4f6324;color:var(--accent-red)}.bottom-panel{display:grid;grid-template-columns:1.1fr .95fr .8fr 1fr;gap:10px;padding:0 10px 10px;min-height:0}@media (max-width: 1439px){.bottom-panel{grid-template-columns:1fr;height:auto}}.alert-row{display:flex;gap:9px;padding:8px 9px;border-radius:var(--radius-sm);border:1px solid var(--border-soft);background:#ffffff04;cursor:pointer;margin-bottom:6px;transition:border-color .12s ease,background .12s ease}.alert-row:hover{border-color:var(--border-glow)}.alert-row.is-selected{background:#3ddcff1a;border-color:#3ddcff66}.alert-severity-bar{width:3px;border-radius:2px;flex-shrink:0}.alert-severity-bar.severity-info{background:var(--accent-cyan)}.alert-severity-bar.severity-warning{background:var(--accent-amber)}.alert-severity-bar.severity-critical{background:var(--accent-red);box-shadow:0 0 8px var(--accent-red)}.alert-row-body{flex:1;min-width:0}.alert-row-title{font-size:11.5px;font-weight:600;color:var(--text-primary)}.alert-row-message{font-size:10.5px;color:var(--text-dim);margin-top:2px;line-height:1.4}.alert-row-meta{display:flex;justify-content:space-between;margin-top:4px;font-size:9.5px;color:var(--text-dim);font-family:var(--font-mono)}.severity-chip{font-size:8.6px;text-transform:uppercase;letter-spacing:.06em;font-weight:700;padding:1px 6px;border-radius:999px}.severity-chip.severity-info{background:#3ddcff24;color:var(--accent-cyan)}.severity-chip.severity-warning{background:#ffb23824;color:var(--accent-amber)}.severity-chip.severity-critical{background:#ff4f6324;color:var(--accent-red)}.sla-metric-row{display:flex;align-items:center;justify-content:space-between;padding:7px 0;border-bottom:1px solid var(--border-soft)}.sla-metric-row:last-child{border-bottom:none}.sla-metric-label{font-size:11px;color:var(--text-secondary)}.sla-metric-value{font-family:var(--font-mono);font-size:13.5px;font-weight:700}.timeline-track{position:relative;height:34px;margin-top:6px;border-radius:4px;background:#ffffff08;border:1px solid var(--border-soft)}.timeline-marker{position:absolute;top:6px;width:3px;height:22px;border-radius:2px;cursor:pointer;transform:translate(-50%)}.timeline-marker.severity-info{background:var(--accent-cyan)}.timeline-marker.severity-warning{background:var(--accent-amber)}.timeline-marker.severity-critical{background:var(--accent-red);box-shadow:0 0 8px var(--accent-red)}.recommendation-item{display:flex;gap:9px;padding:9px 0;border-bottom:1px solid var(--border-soft);font-size:11.5px;line-height:1.45;color:var(--text-secondary)}.recommendation-item:last-child{border-bottom:none}.recommendation-icon{flex-shrink:0;width:16px;height:16px;border-radius:4px;background:var(--accent-cyan-dim);color:var(--accent-cyan);display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;margin-top:1px}.empty-hint{color:var(--text-dim);font-size:11px;padding:10px 2px}