:root{color-scheme:dark;--bg: #060b14;--bg-panel: rgba(13, 20, 35, .82);--bg-soft: rgba(17, 27, 46, .8);--border: #22324b;--border-strong: #2b4162;--text-main: #e2e8f0;--text-muted: #93a4bc;--text-faint: #64748b;--accent: #22d3ee;--accent-soft: rgba(34, 211, 238, .18)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:radial-gradient(circle at top right,#132033,#060b14 45%);color:var(--text-main);font-family:IBM Plex Sans,Segoe UI,sans-serif}.app-shell{min-height:100%}.layout-root{min-height:100vh;max-width:1800px;margin:0 auto;padding:16px;display:flex;flex-direction:column;gap:16px}.panel{border:1px solid var(--border);border-radius:14px;background:linear-gradient(180deg,#101829e0,#0b1220eb);box-shadow:inset 0 1px #94a3b80a,0 14px 30px #02061759;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.header-panel{padding:14px 18px}.header-title{font-size:20px;font-weight:600;letter-spacing:.02em}.header-subtitle{margin-top:6px;color:var(--text-muted);font-size:13px}.content-main{flex:1;display:flex}.main-grid{width:100%;display:grid;gap:16px;grid-template-columns:minmax(0,1.4fr) minmax(320px,.6fr)}.scene-panel,.side-panel{min-height:540px;display:flex;flex-direction:column;overflow:hidden}.panel-heading{padding:12px 14px;font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#d7e2f2;border-bottom:1px solid var(--border)}.panel-subtle{margin-top:4px;color:var(--text-faint);font-size:11px;font-weight:500}.scene-body{flex:1;padding:10px;display:flex;align-items:center;justify-content:center;overflow:auto}.scene-stage{position:relative;width:100%;max-width:1120px;transition:opacity .22s ease}.scene-stage.is-dimmed{opacity:.45}.scene-image{width:100%;height:auto;display:block;border-radius:10px;border:1px solid rgba(43,65,98,.8)}.scene-overlay{position:absolute;top:0;right:0;bottom:0;left:0}.scene-node{position:absolute;transform:translate(-50%,-50%);border:1px solid;border-radius:10px;background:#020710d1;color:var(--text-main);padding:7px 8px 6px;min-width:110px;text-align:left;transition:transform .16s ease,box-shadow .18s ease,border-color .18s ease;cursor:pointer}.scene-node:hover{transform:translate(-50%,-50%) scale(1.04)}.scene-node.is-selected{background:#081020f2}.scene-node-row{display:flex;align-items:center;gap:7px}.scene-node-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.scene-node-name{font-size:11px;font-weight:600}.scene-node-meta{margin-top:4px;color:var(--text-muted);font-size:10px}.side-panel-body{display:flex;flex-direction:column;gap:10px;padding:12px}.data-block{display:flex;flex-direction:column;gap:4px}.data-label{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint)}.data-card{border:1px solid var(--border);background:var(--bg-soft);border-radius:10px;padding:10px;font-size:13px;line-height:1.45;color:var(--text-main)}.node-title{font-weight:600}.node-meta{margin-top:4px;color:var(--text-muted)}.decision-caption{margin-bottom:8px;color:var(--text-muted);font-size:12px}.decision-actions{display:flex;flex-wrap:wrap;gap:8px}.btn{border:1px solid var(--border-strong);border-radius:8px;padding:8px 11px;font-size:12px;font-weight:500;cursor:pointer;transition:border-color .16s ease,background .16s ease,opacity .16s ease;color:var(--text-main)}.btn:hover:not(:disabled){border-color:#3d5e8d}.btn:disabled{cursor:not-allowed;opacity:.42}.btn-muted{background:#0f172ab8}.btn-primary{background:linear-gradient(180deg,#085971d9,#07485df2);border-color:#1f91ae}.split-grid{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.split-column{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:16px}.kpi-layout{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.kpi-card{padding:16px}.kpi-card.is-win{border-color:#1f6b5e;box-shadow:inset 0 1px #34d3991f,0 14px 30px #02061759}.kpi-title{margin-bottom:12px;font-size:18px;font-weight:600}.kpi-metrics{display:grid;gap:10px}.kpi-row{padding:9px;border:1px solid var(--border);border-radius:10px;background:#0c1320b3}.kpi-row-head{display:flex;justify-content:space-between;margin-bottom:8px;font-size:13px}.kpi-bar-track{height:8px;border-radius:999px;background:#334155b3;overflow:hidden}.kpi-bar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#64748b,#94a3b8);transition:width .32s ease}.kpi-card.is-win .kpi-bar-fill{background:linear-gradient(90deg,#0f766e,#34d399)}.timeline-panel{display:grid;grid-template-columns:1fr 2fr auto;gap:12px;align-items:center;padding:10px 12px}.timeline-status{display:flex;flex-direction:column;gap:3px}.timeline-title{font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.timeline-step{font-size:16px;font-weight:600}.timeline-track{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.timeline-tick{height:8px;border-radius:999px;background:#47556966;border:1px solid rgba(100,116,139,.4)}.timeline-tick.is-active{background:var(--accent-soft);border-color:#22d3eeb3}.timeline-actions{display:flex;gap:8px}@media (max-width: 1420px){.main-grid,.split-column{grid-template-columns:1fr}.scene-panel,.side-panel{min-height:unset}}@media (max-width: 980px){.split-grid,.kpi-layout,.timeline-panel{grid-template-columns:1fr}.timeline-actions{justify-content:flex-start;flex-wrap:wrap}}