:root{color:#eaf4ff;font-synthesis:none;text-rendering:optimizelegibility;--bg:#07111f;--panel:#0b1929;--line:#1b3850;--text:#eaf4ff;--muted:#8faabc;--cyan:#42d9ff;--green:#35e3a1;background:#07111f;font-family:Inter,Microsoft YaHei,PingFang SC,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}html,body,#root{width:100%;min-height:100%;margin:0}body{background:var(--bg);min-width:320px;font-size:15px;line-height:1.55;overflow:auto}html:fullscreen{overflow-y:auto}html:fullscreen body{overflow-y:auto}button,input,select{font:inherit}button,select{color:inherit}button:focus-visible,select:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline-offset:3px;outline:3px solid #fff29a}.app-shell{background:radial-gradient(circle at top, #0e2940, var(--bg) 38rem);min-height:100vh}.app-header{z-index:50;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#07111ff0;position:sticky;top:0}.app-header__content{align-items:center;gap:20px;width:min(1760px,100% - 48px);min-height:92px;margin:0 auto;display:flex}.app-brand,.app-navigation__link{color:var(--text);text-decoration:none}.app-brand{color:var(--cyan);letter-spacing:-.02em;white-space:nowrap;align-items:center;gap:10px;font-size:clamp(28px,1.8vw,34px);font-weight:700;display:inline-flex}.app-navigation{align-self:stretch;align-items:stretch;gap:4px;display:flex}.app-navigation__link{color:var(--muted);white-space:nowrap;border-bottom:2px solid #0000;align-items:center;gap:7px;padding:0 9px;font-size:15px;display:inline-flex}.app-navigation__link:hover,.app-navigation__link.is-active{color:var(--text);border-bottom-color:var(--cyan)}.app-header__controls{min-width:0;color:var(--muted);align-items:center;gap:9px;margin-left:auto;font-size:12px;display:flex}.scenario-control{align-items:center;gap:5px;display:inline-flex}.scenario-control select,.header-button,.icon-button{border:1px solid var(--line);background:#0c2032;min-height:32px}.scenario-control select{max-width:112px;padding:0 7px}.header-button,.icon-button{cursor:pointer;justify-content:center;align-items:center;gap:5px;padding:0 8px;display:inline-flex}.icon-button{width:32px;padding:0}.header-button:hover,.icon-button:hover,.scenario-control select:hover{border-color:var(--cyan);color:var(--text)}.header-time{font-variant-numeric:tabular-nums;white-space:nowrap}.header-clocks{gap:2px;display:grid}.header-time{gap:6px;display:flex}.header-time span{color:#78a8c5;font-weight:700}.gateway-status{color:#a9f5d5;white-space:nowrap;align-items:center;gap:4px;display:inline-flex}.gateway-status svg{color:var(--green)}.demo-badge{color:#ffd695;letter-spacing:.08em;white-space:nowrap;background:#241d13;border:1px solid #805f2e;padding:5px 8px}.page-shell{width:min(1680px,100% - 48px);margin:0 auto;padding:28px 0 80px}.route-placeholder{border:1px solid var(--line);background:#0b1929e0;min-height:360px;padding:36px;box-shadow:0 16px 36px #0000002e}.section-title{margin:8px 0;font-size:clamp(18px,1.2vw,22px)}.supporting-copy{color:var(--muted);margin:0;font-size:clamp(15px,1vw,18px)}.micro-label{color:#6c91aa;letter-spacing:.08em;margin:0;font-size:12px}@media (width<=1600px){.app-header__content{flex-wrap:wrap;gap:8px 18px;padding:10px 0}.app-brand{flex:none;font-size:clamp(28px,2vw,32px)}.app-header__controls{flex-wrap:wrap;flex:auto;justify-content:flex-end;margin-left:0}.app-navigation{order:3;justify-content:center;align-self:auto;width:100%;min-height:42px;overflow-x:auto}.app-navigation__link{min-height:42px}}@media (width<=1180px){.app-header__content{flex-wrap:wrap;gap:0 18px;padding:10px 0}.app-navigation{order:3;width:100%;overflow-x:auto}.app-navigation__link{min-height:34px}.app-header__controls{margin-left:auto}.header-time,.gateway-status{display:none}}@media (width<=700px){.app-header__content,.page-shell{width:min(100% - 24px,1680px)}.app-brand span,.scenario-control .micro-label,.header-button{display:none}.route-placeholder{min-height:260px;padding:24px}}.page-shell>.overview-page{grid-template-rows:none;align-content:start;gap:16px;height:auto;min-height:100%;padding-bottom:10px}.overview-page .panel,.runtime-status-strip,.system-flow-summary,.overview-demo-grid>section{background:radial-gradient(circle at 50% 0,#3785a314,#0000 42%),linear-gradient(145deg,#081925f7,#04101afa);border:1px solid #68daf529;border-radius:18px;box-shadow:inset 0 1px #ffffff06}.runtime-status-strip{grid-template-columns:1.1fr 1.15fr .8fr .8fr 2fr;min-width:0;display:grid;overflow:hidden}.runtime-status-strip>div{border-right:1px solid #68daf51c;gap:6px;min-width:0;padding:14px 18px;display:grid}.runtime-status-strip>div:last-child{border-right:0}.runtime-status-strip span{color:#7696a8;font-size:12px}.runtime-status-strip strong{color:#ddecf3;overflow-wrap:anywhere;min-width:0;font-size:15px;line-height:1.45}.runtime-status-strip>div:first-child strong{color:#4ce0b3;font-size:18px}.runtime-status-strip[data-status=warning]>div:first-child strong,.runtime-status-strip[data-status=critical]>div:first-child strong{color:#ffb86c}.overview-page .kpi-strip{gap:14px;min-height:108px}.overview-page .kpi-card{min-height:108px;padding:18px 20px;overflow:hidden}.overview-page .kpi-card:after,[data-specular]:after{content:"";pointer-events:none;opacity:0;border-radius:inherit;background:radial-gradient(110px circle at var(--shine-x,50%) var(--shine-y,0%), #70e0ff40, transparent 68%);transition:opacity .18s;position:absolute;inset:-1px}.overview-page .kpi-card:hover:after,[data-specular]:hover:after,[data-specular]:focus-visible:after{opacity:1}.overview-page .kpi-card strong{font-size:clamp(27px,1.75vw,36px)}.overview-cockpit{grid-template-columns:minmax(0,1fr) minmax(280px,330px);min-height:clamp(620px,66vh,760px)}.overview-page .process-topology{min-height:620px}.overview-page .industrial-process-stage__viewport{border-radius:12px}.overview-page .decision-summary{min-height:620px}.analytics-heading{justify-content:space-between;align-items:flex-end;gap:18px;display:flex}.analytics-heading span,.micro-label{color:#43d5ef;letter-spacing:.14em;font-size:12px}.analytics-heading h2,.overview-page .panel__heading h2{margin:5px 0 0;font-size:clamp(21px,1.4vw,28px);line-height:1.2}.analytics-heading>p{color:#7696a8;margin:0;font-size:13px}.system-flow-summary{gap:13px;padding:18px;display:grid}.system-flow-summary__heading p{color:#7192a4;margin:0}.system-flow-summary__track{grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr) 24px minmax(0,1fr);align-items:center;gap:0;display:grid}.system-flow-summary__track article{background:#081a27b8;border:1px solid #68daf529;border-radius:14px;align-content:center;gap:7px;min-width:0;min-height:88px;padding:14px 17px;display:grid}.system-flow-summary__track article span{color:#43d5ef;font-size:12px}.system-flow-summary__track article strong{font-size:15px;line-height:1.45}.system-flow-summary__track>i{background:linear-gradient(90deg,#0000,#48cee6,#0000);height:2px;box-shadow:0 0 9px #48cee680}.overview-analytics{gap:16px;min-width:0;display:grid}.overview-monitoring{grid-template-columns:minmax(0,1.52fr) minmax(290px,.48fr);gap:16px;min-width:0;display:grid}.overview-monitoring__chart,.overview-forecast,.health-panel--overview,.diagnosis-panel--overview,.gateway-panel--overview{min-width:0;padding:20px}.overview-monitoring__side{grid-template-rows:repeat(2,minmax(0,1fr));gap:16px;min-width:0;display:grid}.overview-monitoring__side>article{min-height:0}.overview-monitoring__chart .pressure-chart-figure{grid-template-rows:auto minmax(360px,1fr);margin-top:16px}.overview-monitoring__summary{border-top:1px solid #68daf526;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin:10px 0 0;display:grid}.overview-monitoring__summary>div{padding:13px 10px 2px}.overview-monitoring__summary dt{color:#7495a6;font-size:12px}.overview-monitoring__summary dd{margin:4px 0 0;font-size:15px;font-weight:700}.diagnosis-panel--overview{align-content:start}.diagnosis-panel--overview .diagnosis-panel__summary{color:#45ddb0;gap:8px;margin:24px 0 18px;font-size:clamp(18px,1.3vw,25px);font-weight:720;display:grid}.diagnosis-panel--overview .diagnosis-panel__summary>strong{color:#ffbd72;background:#ffbd7212;border:1px solid #ffbd724d;border-radius:999px;width:max-content;padding:4px 9px;font-size:12px}.diagnosis-panel__rules{display:grid}.diagnosis-panel__rules p{color:#bcd1dc;border-top:1px solid #68daf524;grid-template-columns:12px minmax(0,1fr) auto;align-items:center;gap:8px;margin:0;padding:13px 0;font-size:13px;display:grid}.diagnosis-panel__rules i{background:#45ddb0;border-radius:50%;width:8px;height:8px;box-shadow:0 0 12px #45ddb0a6}.diagnosis-panel__rules strong{color:#45ddb0}.diagnosis-panel--overview .selected-event-context{font-size:12px}.gateway-panel--overview .gateway-panel__state{color:#45ddb0;margin:20px 0 16px;font-size:24px;display:block}.gateway-panel--overview .metric-list{gap:0}.gateway-panel--overview .metric-list div{padding:9px 0}.overview-prediction-grid{grid-template-columns:minmax(340px,.92fr) minmax(0,1.38fr);gap:16px;min-width:0;display:grid}.health-panel--overview{align-content:start;gap:18px}.health-panel__overview{grid-template-columns:144px minmax(0,1fr);align-items:center;gap:22px;display:grid}.health-ring{aspect-ratio:1;text-align:center;background:radial-gradient(circle at center, #071824 0 59%, transparent 60%), conic-gradient(#45ddb0 var(--health), #45ddb01f 0);border-radius:50%;place-content:center;width:136px;display:grid;position:relative;box-shadow:inset 0 0 20px #45ddb014}.health-ring strong{font-size:38px;line-height:1}.health-ring span{color:#7fa1b3;margin-top:5px;font-size:11px}.health-panel__overview>div:last-child{gap:6px;display:grid}.health-panel__overview>div:last-child>span,.health-panel__overview small{color:#7394a6;font-size:12px}.health-panel__overview>div:last-child>strong{color:#45ddb0;font-size:28px}.health-panel__factors{gap:10px;margin:0;display:grid}.health-panel__factors>div{grid-template-columns:72px minmax(0,1fr);align-items:center;gap:10px;display:grid}.health-panel__factors dt{color:#7899aa;font-size:12px}.health-panel__factors dd{background:#68daf51f;border-radius:99px;height:5px;margin:0 26px 0 0;position:relative}.health-panel__factors i{border-radius:inherit;background:linear-gradient(90deg,#25bfc8,#45ddb0);position:absolute;inset:0 auto 0 0}.health-panel__factors strong{font-size:12px;position:absolute;top:-6px;left:calc(100% + 8px)}.health-panel--overview .health-panel__action,.health-panel--overview .health-panel__rul-reason{font-size:12px}.overview-forecast .pressure-chart-figure{grid-template-rows:auto minmax(310px,1fr) auto;margin-top:14px}.overview-forecast .chart-text-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-forecast .chart-text-summary>div:nth-child(-n+2){display:none}.future-risk-summary{align-content:start;gap:18px;min-width:0;padding:20px;display:grid}.future-risk-summary .analytics-heading a{color:#72ddef;font-size:13px;text-decoration:none}.future-risk-summary__body{grid-template-columns:minmax(240px,.78fr) minmax(0,1.22fr);align-items:center;gap:22px;min-width:0;display:grid}.future-risk-summary__conclusion{gap:10px;display:grid}.future-risk-summary__conclusion>span{color:#45ddb0;border:1px solid #45ddb040;border-radius:999px;width:max-content;padding:5px 10px;font-size:12px}.future-risk-summary[data-risk=warning] .future-risk-summary__conclusion>span,.future-risk-summary[data-risk=critical] .future-risk-summary__conclusion>span{color:#ffbd72;border-color:#ffbd7252}.future-risk-summary__conclusion strong{font-size:clamp(20px,1.45vw,28px);line-height:1.4}.future-risk-summary__conclusion p{color:#789aac;margin:0;font-size:13px;line-height:1.65}.future-risk-summary__chart{width:100%;height:190px;overflow:visible}.future-risk-summary__line{fill:none;stroke:#a78bfa;stroke-width:2.3px;vector-effect:non-scaling-stroke}.future-risk-summary__threshold{stroke:#f0ad4e;stroke-width:1px;stroke-dasharray:4 4;vector-effect:non-scaling-stroke}.future-risk-summary__metrics{border-top:1px solid #68daf524;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin:0;display:grid}.future-risk-summary__metrics>div{padding:14px 12px 2px}.future-risk-summary__metrics dt{color:#789aac;font-size:12px}.future-risk-summary__metrics dd{margin:5px 0 0;font-size:15px;font-weight:700}.future-risk-summary__metrics dd.is-warning{color:#ffbd72}.overview-demo-grid{grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);gap:16px;min-width:0;display:grid}.overview-scenarios,.overview-events{min-width:0;padding:20px}.overview-scenarios__buttons{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:20px;display:grid}.overview-scenarios__buttons button,.overview-events__toggle{color:#bcd3dd;cursor:pointer;background:#091b28;border:1px solid #173d53;border-radius:13px;min-height:46px;position:relative;overflow:hidden}.overview-scenarios__buttons button[aria-pressed=true]{color:#e9fbff;border-color:#4dc9df;box-shadow:0 0 18px #4dc9df29}.overview-scenarios>p{color:#7192a4;font-size:12px;line-height:1.6}.overview-events .event-timeline__list{margin-top:10px}.overview-events__toggle{width:100%;margin-top:12px}.overview-page :is(button,a):focus-visible{outline-offset:3px;outline:2px solid #74def1}@media (width<=1279px){.runtime-status-strip{grid-template-columns:repeat(4,minmax(0,1fr))}.runtime-status-strip>div:last-child{border-top:1px solid #68daf51c;grid-column:1/-1}.overview-monitoring{grid-template-columns:minmax(0,1fr)}.overview-monitoring__side{grid-template-rows:auto;grid-template-columns:repeat(2,minmax(0,1fr))}.overview-monitoring__side>article{min-height:300px}.overview-prediction-grid{grid-template-columns:minmax(320px,.85fr) minmax(0,1.15fr)}}@media (width<=900px){.runtime-status-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.runtime-status-strip>div:last-child{grid-column:1/-1}.system-flow-summary__track{grid-template-columns:minmax(0,1fr);gap:8px}.system-flow-summary__track>i{justify-self:center;width:2px;height:18px}.overview-monitoring__side,.overview-prediction-grid,.overview-demo-grid{grid-template-columns:minmax(0,1fr)}.overview-monitoring__summary{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-scenarios__buttons,.future-risk-summary__body{grid-template-columns:minmax(0,1fr)}.future-risk-summary__metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=540px){.page-shell{padding:12px}.runtime-status-strip{grid-template-columns:minmax(0,1fr)}.runtime-status-strip>div,.runtime-status-strip>div:last-child{border-bottom:1px solid #68daf51a;border-right:0;grid-column:auto}.overview-page .kpi-strip{grid-template-columns:minmax(0,1fr)}.overview-page .kpi-card{min-height:96px}.overview-cockpit{min-height:0}.overview-page .process-topology{min-height:430px}.overview-page .decision-summary{min-height:520px}.overview-monitoring__chart,.overview-forecast,.health-panel--overview,.diagnosis-panel--overview,.gateway-panel--overview{padding:15px}.overview-monitoring__chart .pressure-chart-canvas{min-height:310px}.chart-static-legend{font-size:11px}.health-panel__overview{text-align:center;grid-template-columns:minmax(0,1fr);justify-items:center}.overview-forecast .chart-text-summary,.future-risk-summary__metrics{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){[data-motion],[data-specular]:after{transition:none!important}}.app-shell{background:radial-gradient(circle at 56% 0,#2b829e1a,#0000 34rem),#050b12;grid-template-columns:clamp(240px,13.8vw,280px) minmax(0,1fr);min-height:100dvh;display:grid}.app-workspace{grid-template-rows:104px minmax(0,1fr);min-width:0;min-height:100dvh;display:grid}.app-sidebar{background:#07111bfa;border-right:1px solid #77a4bb29;grid-template-rows:150px 1fr auto;height:100dvh;min-height:100dvh;display:grid;position:sticky;top:0;overflow:hidden}.sidebar-brand{color:var(--text);border-bottom:1px solid #77a4bb24;align-content:center;gap:5px;padding:0 22px;text-decoration:none;display:grid}.sidebar-brand strong{letter-spacing:-.03em;font-size:22px}.sidebar-brand span{color:#6f92a7;letter-spacing:.13em;font-size:11px}.app-sidebar .app-navigation{order:0;align-content:start;gap:8px;width:auto;min-height:0;padding:34px 12px;display:grid}.app-sidebar .app-navigation__link{color:#9bb7c7;background:linear-gradient(145deg,#0b1c29eb,#07141feb);border:1px solid #2a526a8f;border-radius:13px;align-items:center;gap:16px;min-height:66px;padding:0 20px;font-size:15px;font-weight:650;text-decoration:none;transition:transform .18s,color .18s,border-color .18s,box-shadow .18s;display:flex}.app-sidebar .app-navigation__link:hover{color:#ecfbff;border-color:#5bd6e98c;transform:translate(2px)}.app-sidebar .app-navigation__link.is-active{color:#f2fcff;background:linear-gradient(105deg,#17415a,#4ba8bf);border-color:#55cbe0;box-shadow:0 10px 28px #329db833}.app-navigation__icon{opacity:.85;border:1px solid;border-radius:6px;place-items:center;width:34px;height:34px;display:grid}.app-sidebar .app-navigation__link.is-disabled{cursor:default;opacity:.72}.app-sidebar__status{color:#7e9aaa;border-top:1px solid #77a4bb21;align-items:flex-start;gap:10px;margin:0 18px;padding:20px 4px 26px;font-size:12px;display:flex}.app-sidebar__status span,.app-sidebar__status small{display:grid}.app-sidebar__status small{color:#5f8194;margin-top:4px}.app-header{z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#060f18f5;border-bottom:1px solid #77a4bb29;justify-content:space-between;align-items:center;gap:24px;min-width:0;padding:0 30px;display:flex;position:relative;top:auto}.app-header__title{gap:4px;min-width:0;display:grid}.app-header__title strong{letter-spacing:-.03em;font-size:24px;line-height:1.2}.app-header__title span{color:#6f92a7;font-size:12px}.app-header__controls{color:#93adbb;justify-content:flex-end;align-items:center;gap:10px;min-width:0;margin:0;font-size:12px;display:flex}.header-time{color:#7899aa;font-variant-numeric:tabular-nums;white-space:nowrap;gap:8px;display:flex}.header-time span{color:#5f8194}.live-state{color:#60dfbc;white-space:nowrap;border:1px solid #60dfbc33;border-radius:999px;align-items:center;gap:7px;min-height:38px;padding:0 13px;display:inline-flex}.live-state i{background:#60dfbc;border-radius:50%;width:7px;height:7px;box-shadow:0 0 12px #60dfbc}.scenario-control,.header-button{border-radius:12px;min-height:40px}.header-button--icon{width:40px;padding:0}.scenario-control{color:#a8bfca;align-items:center;gap:7px;padding-left:12px;display:flex}.scenario-control select{color:#d9ebf3;cursor:pointer;background:0 0;border:0;width:94px;min-height:38px;padding:0 8px}.scenario-control option{color:#eaf4ff;background:#0b1929}.header-button{color:#c1d8e2;cursor:pointer;justify-content:center;align-items:center;gap:7px;padding:0 14px;display:inline-flex}.specular-surface{background:linear-gradient(#091925,#091925) padding-box padding-box,radial-gradient(circle at 50% 0,#68daf5bd,#173a50 42%,#102a3d 100%) border-box;border:1px solid #0000;position:relative;box-shadow:inset 0 1px #ffffff06}.specular-surface:hover,.specular-surface:focus-visible{box-shadow:inset 0 1px #ffffff0d,0 0 20px #3497bf24}.page-shell{width:100%;min-width:0;height:calc(100dvh - 104px);margin:0;padding:24px 30px 18px;overflow:auto}.overview-page{grid-template-rows:150px minmax(0,1fr) 38px;gap:16px;min-width:0;height:100%;min-height:0;display:grid}.page-shell>.overview-page{gap:16px}.overview-page .kpi-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;min-height:0;display:grid}.overview-page .kpi-card{background:linear-gradient(145deg,#0e202df7,#081520f7) padding-box padding-box,radial-gradient(circle at 50% 0,#68daf59e,#173a50 46%,#102a3d 100%) border-box;border-radius:18px;justify-content:space-between;align-items:center;gap:12px;min-width:0;min-height:0;padding:22px 24px;display:flex;box-shadow:inset 0 1px #ffffff06,0 12px 28px #0000001f}.overview-page .kpi-card>div>span{color:#86a2b1;font-size:15px;display:block}.overview-page .kpi-card strong{white-space:nowrap;margin-top:8px;font-size:clamp(28px,2vw,38px);line-height:1;display:block}.overview-page .kpi-card small{color:#9cb9c8;margin-left:7px;font-size:.55em}.overview-page .kpi-card em{color:#60dfbc;background:#60dfbc14;border-radius:999px;padding:5px 10px;font-size:12px;font-style:normal}.overview-cockpit{grid-template-columns:minmax(0,1fr) 330px;gap:18px;min-width:0;min-height:0;display:grid}.overview-page .process-topology{background:radial-gradient(at 52% 48%,#30859f21,#0000 54%),#050d15;border-radius:18px;grid-template-rows:auto minmax(0,1fr) auto;align-content:stretch;gap:10px;min-width:0;height:100%;min-height:0;padding:18px 22px 14px;display:grid;overflow:hidden}.overview-page .industrial-process-stage__heading h2{margin-top:2px;font-size:19px}.overview-page .industrial-process-stage__status{border-radius:999px}.overview-page .industrial-process-stage__viewport{aspect-ratio:auto;background:#02070d;border:0;width:100%;height:100%;min-height:0}.overview-page .industrial-process-stage__image{object-fit:cover;object-position:center;filter:saturate(1.03)contrast(1.02)}.overview-page .industrial-hotspot--inlet{top:45%;left:25%}.overview-page .industrial-hotspot--filter{top:60%;left:39%}.overview-page .industrial-hotspot--valve{top:50%;left:58%}.overview-page .industrial-hotspot--outlet{top:45%;left:78%}.overview-page .industrial-process-stage__footer{justify-content:center;font-size:11px}.decision-summary{background:linear-gradient(160deg,#0e202de6,#07121cf0);border:1px solid #77a4bb2b;border-radius:18px;grid-template-rows:auto repeat(3,minmax(0,1fr)) auto;min-width:0;min-height:0;display:grid;overflow:hidden}.decision-summary__heading{border-bottom:1px solid #77a4bb24;padding:28px 28px 22px}.decision-summary__heading>span{color:#5bd6e9;letter-spacing:.14em;font-size:11px}.decision-summary__heading h2{margin:5px 0 0;font-size:19px}.decision-summary__item{border-bottom:1px solid #7eb0c61c;align-content:center;gap:7px;padding:20px 28px;display:grid}.decision-summary__item span{color:#7897a8;font-size:12px}.decision-summary__item strong{font-size:15px;line-height:1.5}.decision-summary__item.is-primary strong{color:#60dfbc;font-size:21px}.decision-summary__action{color:#a9c1cd;border-radius:13px;justify-content:center;align-items:center;gap:8px;min-height:58px;margin:20px;text-decoration:none;display:flex}.overview-event-strip{color:#6f8e9f;justify-content:space-between;align-items:center;gap:14px;min-width:0;padding:0 14px;font-size:11px;display:flex}.overview-event-strip strong{color:#9bb7c4}.overview-event-strip a{color:#5bd6e9;text-decoration:none}@media (width<=1400px){.app-shell{grid-template-columns:210px minmax(0,1fr)}.app-sidebar .app-navigation__link{min-height:58px;padding:0 14px}.overview-cockpit{grid-template-columns:minmax(0,1fr) 280px}.overview-page .kpi-card{padding:18px}.overview-page .kpi-card strong{font-size:28px}.app-header__title strong{font-size:21px}.header-time span{display:none}}@media (width<=1100px){.app-shell{display:block}.app-sidebar{border-bottom:1px solid #77a4bb29;border-right:0;width:100%;height:auto;min-height:auto;display:block;position:relative}.sidebar-brand{min-height:76px}.app-sidebar .app-navigation{gap:8px;padding:10px 12px;display:flex;overflow-x:auto}.app-sidebar .app-navigation__link{min-width:150px;min-height:52px}.app-sidebar__status{display:none}.app-workspace{grid-template-rows:auto auto;min-height:auto}.app-header{min-height:84px;padding:14px 18px}.page-shell{height:auto;min-height:calc(100dvh - 160px);padding:18px;overflow:visible}.overview-page{grid-template-rows:auto auto auto;height:auto;min-height:100%}.overview-page .kpi-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-page .kpi-card{min-height:118px}.overview-cockpit{grid-template-columns:minmax(0,1fr)}.overview-page .process-topology{min-height:650px}.decision-summary{grid-template-rows:auto auto auto;grid-template-columns:repeat(3,minmax(0,1fr))}.decision-summary__heading,.decision-summary__action{grid-column:1/-1}}@media (width<=700px){.app-header{flex-direction:column;align-items:flex-start}.app-header__controls{flex-wrap:wrap;justify-content:flex-start;width:100%}.overview-page .kpi-strip{grid-template-columns:1fr}.overview-page .process-topology{min-height:440px;padding:14px}.decision-summary{grid-template-columns:1fr}.decision-summary__heading,.decision-summary__action{grid-column:auto}.overview-event-strip{flex-direction:column;align-items:flex-start;padding:10px 0}}.overview-page{gap:30px;display:grid}.overview-section{gap:16px;scroll-margin-top:92px;display:grid}.overview-section--summary{gap:14px}.section-heading h2,.panel__heading h2,.executive-summary h1{margin:5px 0 0;font-size:clamp(18px,1.2vw,22px)}.panel,.executive-summary,.kpi-card{border:1px solid var(--line);background:linear-gradient(145deg,#0d2335f5,#081725eb);box-shadow:0 16px 36px #00000029}.panel{min-width:0;padding:22px}.panel__heading{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.executive-summary{border-left:4px solid var(--cyan);padding:clamp(22px,2vw,32px)}.executive-summary__eyebrow{color:var(--muted);letter-spacing:.06em;flex-wrap:wrap;align-items:center;gap:10px;font-size:12px;display:flex}.status-pill{letter-spacing:.05em;border:1px solid;width:fit-content;padding:4px 8px;font-size:12px;font-weight:700;display:inline-flex}.status-pill--normal{color:var(--green);background:#35e3a11a}.status-pill--attention{color:#ffcc75;background:#ffbf691a}.status-pill--warning{color:#ffae5b;background:#ffae5b1f}.status-pill--critical{color:#ff7b86;background:#ff7b861f}.executive-summary__status{color:var(--green);margin-top:10px;font-size:clamp(34px,2.2vw,36px);line-height:1.1;display:block}.executive-summary__status--attention,.executive-summary__status--warning{color:#ffcc75}.executive-summary__status--critical{color:#ff7b86}.executive-summary__conclusion{max-width:1100px;margin:8px 0 18px;font-size:clamp(15px,1.1vw,18px);font-weight:600;line-height:1.5}.executive-summary__details{grid-template-columns:1.2fr 1.5fr 2fr 1fr 1fr;gap:10px;display:grid}.executive-summary__details div{background:#040f1b47;border:1px solid #46b8ff29;gap:6px;min-width:0;padding:12px 14px;display:grid}.executive-summary__details span,.kpi-card>span,.health-panel__scores span,.health-panel__action span{color:var(--muted);font-size:12px}.executive-summary__details strong{font-size:15px;line-height:1.45}.kpi-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.kpi-card{gap:8px;min-height:130px;padding:20px;display:grid}.kpi-card strong{font-variant-numeric:tabular-nums;font-size:clamp(36px,2.4vw,48px);line-height:1}.kpi-card small,.health-panel small{color:var(--muted);margin-left:6px;font-size:15px;font-weight:500}.evidence-grid{grid-template-columns:minmax(360px,5fr) minmax(480px,7fr);align-items:stretch;gap:16px;display:grid}.process-topology{align-content:start;gap:16px;min-height:480px;display:grid;overflow:hidden}.industrial-process-stage__heading{align-items:center}.industrial-process-stage__status{border:1px solid color-mix(in srgb, currentColor 40%, transparent);color:#63e4d2;text-transform:uppercase;padding:6px 10px;font-size:13px;line-height:1}.industrial-process-stage--attention .industrial-process-stage__status{color:#8fd9e8}.industrial-process-stage--warning .industrial-process-stage__status{color:#f4c86a}.industrial-process-stage--critical .industrial-process-stage__status{color:#ff7d72}.industrial-process-stage__viewport{aspect-ratio:3/2;isolation:isolate;background:#020a12;border:1px solid #75b7d32e;width:100%;position:relative;overflow:hidden}.industrial-process-stage__viewport:after{z-index:1;content:"";pointer-events:none;background:linear-gradient(90deg,#04152159,#0000 18% 82%,#04152159),linear-gradient(#0000 65%,#020a1252);position:absolute;inset:0}.industrial-process-stage__image{object-fit:contain;object-position:center;pointer-events:none;width:100%;height:100%;display:block}.steam-flow-overlay{z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.steam-flow-overlay__guide{fill:none;stroke:currentColor;stroke-width:3px;stroke-dasharray:14 25;opacity:.58;filter:drop-shadow(0 0 7px)}.steam-flow-overlay__segment{opacity:.95;filter:drop-shadow(0 0 10px);will-change:transform}.industrial-hotspot{z-index:3;color:#dff7ff;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:0;display:flex;position:absolute;transform:translate(-50%,-50%)}.industrial-hotspot--inlet{top:51%;left:25%}.industrial-hotspot--filter{top:67%;left:39%}.industrial-hotspot--filter .industrial-hotspot__content{transform:translateY(28px)}.industrial-hotspot--valve{top:57%;left:58%}.industrial-hotspot--outlet{top:52%;left:78%}.industrial-hotspot__pulse{background:var(--cyan);border:4px solid #07151f;border-radius:50%;flex:0 0 18px;width:18px;height:18px;transition:transform .18s,box-shadow .18s;box-shadow:0 0 0 1px #8eeaffe6,0 0 0 9px #42d9ff21,0 0 20px #42d9ff99}.industrial-hotspot__content{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#03121de0;border:1px solid #63e4d240;min-width:max-content;padding:7px 9px;display:grid;box-shadow:0 8px 24px #00000052}.industrial-hotspot__content strong{font-size:13px;line-height:1.25}.industrial-hotspot__content span{color:#8eb5c7;font-size:12px;line-height:1.25}.industrial-hotspot:hover .industrial-hotspot__pulse,.industrial-hotspot:focus-visible .industrial-hotspot__pulse{transform:scale(1.2);box-shadow:0 0 0 1px #dffaff,0 0 0 12px #42d9ff2e,0 0 28px #42d9ffc7}.industrial-hotspot:focus-visible{outline-offset:6px;outline:2px solid #fff}.industrial-hotspot.is-selected .industrial-hotspot__content{color:#fff7bd;border-color:#fff29a;box-shadow:0 0 24px #fff29a3d}.industrial-hotspot.is-selected .industrial-hotspot__pulse{background:#fff29a;box-shadow:0 0 0 1px #fff,0 0 0 10px #fff29a29,0 0 28px #fff29a99}.industrial-hotspot.is-forecast-risk .industrial-hotspot__content{color:#ffe6a4;border-color:#ffbe5ca6;box-shadow:0 0 24px #ffae4038}.industrial-hotspot.is-forecast-risk .industrial-hotspot__pulse{background:#ffb84f;box-shadow:0 0 0 1px #ffe0a0,0 0 0 11px #ffb84f33,0 0 30px #ff9b2cc7}.industrial-hotspot.is-risk-linked .industrial-hotspot__pulse{background:#e9a94a;box-shadow:0 0 0 1px #ffe0a0cc,0 0 0 8px #ffb84f1f,0 0 20px #ff9b2c6b}.industrial-hotspot.is-current-critical .industrial-hotspot__content{color:#ffd5d0;border-color:#ff5c53bf;box-shadow:0 0 26px #ff483f4d}.industrial-hotspot.is-current-critical .industrial-hotspot__pulse{background:#ff5c53;box-shadow:0 0 0 1px #ffd5d0,0 0 0 12px #ff5c5338,0 0 32px #ff483fd1}.industrial-equipment-detail{box-sizing:border-box;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#04141ff5;border:1px solid #63e4d275;width:100%;padding:16px;position:relative;box-shadow:0 18px 45px #00000070}.industrial-equipment-detail h3{margin:5px 0 10px;font-size:18px}.industrial-equipment-detail>strong{color:var(--green);font-size:24px}.industrial-equipment-detail>p:not(.micro-label){color:var(--muted);margin:10px 0 0;font-size:13px;line-height:1.5}.industrial-equipment-detail__close{color:#dff7ff;cursor:pointer;background:#63e4d214;border:1px solid #63e4d257;padding:7px 12px;position:absolute;top:12px;right:12px}.industrial-process-stage__footer{color:var(--muted);justify-content:space-between;gap:12px;font-size:12px;line-height:1.4;display:flex}.industrial-process-stage__footer strong{color:#fff29a;font-weight:600}.forecast-panel{grid-template-rows:1fr auto;gap:14px;min-height:480px;display:grid}.pressure-forecast-chart{min-height:480px}.pressure-chart-figure{grid-template-rows:auto minmax(300px,1fr) auto;gap:10px;width:100%;min-width:0;margin:0;display:grid}.pressure-chart-canvas{width:100%;min-width:0;min-height:360px}.chart-static-legend{color:#b8d6e6;flex-wrap:wrap;gap:10px 18px;margin:0;padding:0;font-size:12px;list-style:none;display:flex}.chart-static-legend li{align-items:center;gap:7px;display:inline-flex}.chart-key{background:#46b8ff;width:24px;height:3px}.chart-key--outlet{background:#45d39c}.chart-key--forecast{background:repeating-linear-gradient(90deg,#a78bfa 0 6px,#0000 6px 10px)}.chart-key--marker{background:0 0;border-left:2px dotted #fff29a;height:12px}.chart-canvas-fallback{color:#ffe4b0;border:1px dashed #805f2e;place-items:center;min-height:300px;display:grid}.chart-text-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0;display:grid}.chart-text-summary div{background:#040f1b66;min-width:0;padding:9px 10px}.chart-text-summary dt{color:var(--muted);font-size:12px}.chart-text-summary dd{margin:4px 0 0;font-size:15px;font-weight:650}.chart-text-summary__event{border-left:3px solid #fff29a;grid-column:1/-1}.forecast-panel__summary{grid-template-columns:1fr 2fr;gap:12px;margin:0;display:grid}.forecast-panel__summary div{background:#040f1b57;gap:5px;padding:10px 12px;display:grid}.forecast-panel__summary dt,.metric-list dt{color:var(--muted);font-size:12px}.forecast-panel__summary dd,.metric-list dd{margin:0;font-size:15px;font-weight:650}.two-panel-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.diagnosis-panel__summary{color:#d6e8f3;margin:20px 0;font-size:15px;line-height:1.7}.metric-list{gap:10px;margin:0;display:grid}.metric-list div{border-top:1px solid #8faabc2b;justify-content:space-between;gap:16px;padding-top:10px;display:flex}.metric-list dd{text-align:right}.health-panel{gap:24px;display:grid}.health-panel__scores{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.health-panel__scores div{background:#35e3a10a;border:1px solid #35e3a12e;gap:6px;padding:17px;display:grid}.health-panel__scores strong{font-size:clamp(36px,3vw,50px);line-height:1}.health-panel__rul-reason,.health-panel__action{border-top:1px solid #8faabc2b;gap:6px;margin:0;padding-top:15px;font-size:15px;line-height:1.6;display:grid}.health-panel__rul-reason span{color:var(--muted);font-size:12px}.operations-grid{grid-template-columns:1fr 1.25fr 1fr;gap:16px;display:grid}.event-timeline__list{gap:12px;margin:18px 0 0;padding:0;list-style:none;display:grid}.event-timeline__item{border-top:1px solid #8faabc2b;border-left:2px solid #ffcc75;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:10px;padding:10px 0 0 12px;display:grid}.event-timeline__item--warning,.event-timeline__item--critical{border-left-color:#ff7b86}.event-timeline__item.is-selected{background:#fff29a0f;border:1px solid #fff29a;padding:10px}.event-timeline__item time,.event-timeline__item>span{color:var(--muted);font-size:12px}.event-timeline__button{color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;gap:5px;padding:0;display:grid}.event-timeline__button span{color:#c4d9e5;font-size:15px;line-height:1.5}.event-timeline__lifecycle{color:var(--muted);grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0;padding:8px 0 0;font-size:12px;list-style:none;display:grid}.event-timeline__lifecycle li{overflow-wrap:anywhere;min-width:0}.alarm-lifecycle-detail{color:var(--muted);background:#42d9ff0d;gap:5px;margin:12px 0;padding:10px 12px;font-size:15px;list-style:none;display:grid}.fullscreen-status{color:#ffcc75;white-space:nowrap}.empty-state{color:var(--muted);margin:22px 0 0;font-size:15px}.selected-event-context{color:#fff6bd;background:#fff29a0f;border-left:3px solid #fff29a;margin:16px 0 0;padding:10px 12px;font-size:15px}.scenario-dock__controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:18px;display:grid}.scenario-dock__controls button{color:#bdd2df;border:1px solid var(--line);cursor:pointer;background:#0b2031;min-height:42px;padding:8px;font-size:15px}.scenario-dock__controls button:hover,.scenario-dock__controls button.is-active{color:#eaf4ff;border-color:var(--cyan);background:#42d9ff1f}.data-state-banner{color:#ffe4b0;background:#4e3516bf;border:1px solid #805f2e;flex-wrap:wrap;align-items:center;gap:12px;padding:11px 14px;font-size:15px;display:flex}.data-state-banner span{color:#f4c77b}.alarm-row-button{color:#c9efff;border:1px solid var(--line);cursor:pointer;background:#0b2031;min-height:36px;padding:5px 8px}.detail-page__table-wrap tr.is-selected{background:#fff29a14;outline:1px solid #fff29a}.detail-page__table-wrap th,.detail-page__table-wrap td{padding:10px 8px}@media (width<=1199px){.evidence-grid{grid-template-columns:1fr}.process-topology,.forecast-panel,.pressure-forecast-chart{min-height:480px}.operations-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.scenario-dock{grid-column:span 2}}@media (width<=800px){.page-shell{padding-top:28px}.overview-page{gap:22px}.executive-summary__details,.kpi-strip,.two-panel-grid,.operations-grid,.chart-text-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.executive-summary__details div:nth-child(2){grid-column:span 2}.scenario-dock{grid-column:auto}}@media (width<=560px){.panel,.executive-summary{padding:18px}.executive-summary__conclusion{font-size:30px}.kpi-strip,.two-panel-grid,.operations-grid,.health-panel__scores,.executive-summary__details,.forecast-panel__summary{grid-template-columns:1fr}.executive-summary__details div:nth-child(2){grid-column:auto}.kpi-card{min-height:118px}.process-topology,.forecast-panel,.pressure-forecast-chart{min-height:360px}.industrial-process-stage__viewport{aspect-ratio:4/3}.industrial-hotspot__content{min-width:0;padding:5px 7px}.industrial-hotspot__content span{display:none}.industrial-process-stage__footer{flex-direction:column}.event-timeline__item{grid-template-columns:minmax(0,1fr) auto}.chart-text-summary{grid-template-columns:1fr}}.detail-page{min-width:0}.detail-page__panel{min-width:0;margin-top:20px}.detail-page__summary-grid,.detail-page__device-grid,.detail-page__severity-grid,.detail-page__report-summary{gap:12px;display:grid}.detail-page__summary-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-top:24px}.detail-page__device-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.detail-page__severity-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-top:12px}.detail-page__report-summary{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:24px}.detail-page__two-column{gap:20px;margin-top:20px;display:grid}.detail-page__two-column>*{min-width:0}.detail-page__two-column--analysis{grid-template-columns:minmax(0,1.4fr) minmax(260px,.9fr)}.detail-page__two-column--alarms{grid-template-columns:minmax(0,1.5fr) minmax(260px,.8fr)}.detail-page__two-column--reports{grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr)}.detail-page__coverage{margin:10px 0 0}.detail-page__chart{width:100%;min-width:0;min-height:400px;margin-top:12px;padding:0}.detail-page__table-wrap{overscroll-behavior-inline:contain;width:100%;min-width:0;overflow-x:auto}.detail-page__table-wrap table{min-width:520px}.detail-page__topology{grid-template-columns:repeat(7,minmax(72px,1fr));align-items:center;gap:8px;min-width:0;min-height:108px;font-size:15px;display:grid}.detail-page__topology-step{text-align:center;overflow-wrap:anywhere;background:#42d9ff0d;border:1px solid #42d9ff40;min-width:0;padding:12px 8px}.detail-page__topology-arrow{color:var(--cyan);text-align:center}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=860px){.detail-page__two-column{grid-template-columns:minmax(0,1fr)}}@media (width<=700px){.detail-page .header-button{display:inline-flex}.detail-page__device-grid,.detail-page__report-summary{grid-template-columns:minmax(0,1fr)}.detail-page__topology{grid-template-columns:minmax(0,1fr);gap:7px}.detail-page__topology-arrow{transform:rotate(90deg)}.detail-page__chart{min-height:320px}}.page-shell>.overview-page{grid-template-rows:none;align-content:start;gap:16px;height:auto;min-height:100%}.overview-page .kpi-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;min-height:108px}.overview-page .kpi-card{border-radius:18px;min-height:108px;padding:18px 20px}.overview-cockpit{grid-template-columns:minmax(0,1fr) minmax(280px,330px);gap:18px;min-height:clamp(620px,66vh,760px)}.overview-page .process-topology,.overview-page .decision-summary{min-height:620px}.overview-page .process-topology{grid-template-rows:auto minmax(0,1fr) auto;height:auto;padding:18px 22px 14px}.overview-page .industrial-process-stage__viewport{aspect-ratio:auto;height:100%;min-height:0}.overview-page .industrial-process-stage__image{object-fit:cover;object-position:center}.overview-monitoring__chart .pressure-chart-figure{grid-template-rows:auto minmax(360px,1fr)}.overview-monitoring__chart .pressure-chart-canvas{min-height:390px}.overview-monitoring__chart .chart-text-summary{display:none}.overview-forecast .pressure-chart-figure{grid-template-rows:auto minmax(310px,1fr) auto}.overview-forecast .pressure-chart-canvas{min-height:330px}@media (width<=1279px){.overview-page .kpi-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-cockpit,.overview-monitoring{grid-template-columns:minmax(0,1fr)}.overview-monitoring__side{grid-template-rows:auto;grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.overview-monitoring__side,.overview-prediction-grid,.overview-demo-grid{grid-template-columns:minmax(0,1fr)}}@media (width<=540px){.overview-page .kpi-strip{grid-template-columns:minmax(0,1fr)}.overview-cockpit{min-height:0}.overview-page .process-topology{min-height:430px;padding:14px}.overview-page .decision-summary{min-height:520px}}