*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{overflow:hidden;background:#020815;color:#e9fbff;font-family:Microsoft YaHei,PingFang SC,Arial,sans-serif}button{font:inherit}.app-shell{display:flex;align-items:center;justify-content:center;width:100vw;height:100vh;background:linear-gradient(rgba(9,40,75,.22) 1px,transparent 1px),linear-gradient(90deg,rgba(9,40,75,.22) 1px,transparent 1px),radial-gradient(circle at center,#061b38,#020815 58%,#01040b);background-size:48px 48px,48px 48px,auto}.dashboard-stage{position:relative;width:min(100vw,177.7778vh);aspect-ratio:16 / 9;min-width:1180px;overflow:hidden;padding:92px 14px 50px;background:linear-gradient(120deg,transparent 0 18%,rgba(0,213,255,.12) 18.2% 18.6%,transparent 18.8%),linear-gradient(300deg,transparent 0 22%,rgba(0,213,255,.1) 22.2% 22.6%,transparent 22.8%),#041125;border:1px solid rgba(38,215,255,.38);box-shadow:0 0 40px #00cbff2e inset}.dashboard-stage:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(rgba(16,109,181,.22) 1px,transparent 1px),linear-gradient(90deg,rgba(16,109,181,.2) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 14%,#000 86%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 14%,#000 86%,transparent)}.header-bar{position:absolute;top:0;left:0;right:0;height:86px;display:grid;grid-template-columns:420px 1fr 430px;align-items:start;padding:13px 30px 0;background:linear-gradient(180deg,#02132bf5,#0418348c);border-bottom:1px solid rgba(42,225,255,.28)}.header-meta,.header-weather{display:flex;align-items:center;gap:14px;color:#bfeeff;font-size:17px}.header-meta svg,.header-weather svg{color:#36c9ff}.header-weather{justify-content:flex-end}.header-weather .link{padding:3px 10px;border:1px solid rgba(54,201,255,.42);color:#8fb7cf}.header-weather .live{color:#5dff9a}.title-wrap{position:relative;text-align:center}.title-wrap:before,.title-wrap:after{content:"";position:absolute;top:63px;width:260px;height:1px;background:linear-gradient(90deg,transparent,#20d9ff,transparent)}.title-wrap:before{right:calc(50% + 160px)}.title-wrap:after{left:calc(50% + 160px)}.title-wrap h1{margin:0;font-size:42px;line-height:1;font-weight:800;color:#f4fbff;text-shadow:0 0 18px rgba(76,191,255,.95)}.title-wrap p{margin:16px 0 0;font-size:19px;font-weight:700;color:#d8f7ff}.scenario-switch{position:absolute;top:92px;left:756px;z-index:8;display:flex;gap:8px}.scenario{height:32px;padding:0 12px;border:1px solid rgba(29,190,255,.45);border-radius:4px;color:#a9dff2;background:#031f41b8;cursor:pointer}.scenario.active{color:#051429;background:linear-gradient(180deg,#57ecff,#16a9ff);box-shadow:0 0 14px #23dcff94}.dashboard-grid{position:relative;z-index:1;display:grid;grid-template-columns:705px 640px 1fr;grid-template-rows:758px;align-items:start;gap:14px;height:758px}.panel{position:relative;overflow:hidden;border:1px solid rgba(36,196,255,.45);border-radius:8px;background:linear-gradient(180deg,#041c3ceb,#021229bd);box-shadow:0 0 22px #00c8ff1f inset,0 0 18px #008cff1a}.panel:before{content:"";position:absolute;top:0;left:12px;right:12px;height:1px;background:linear-gradient(90deg,transparent,#36e7ff,transparent)}.panel-header{height:40px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;background:linear-gradient(90deg,rgba(0,159,245,.28),transparent);border-bottom:1px solid rgba(41,200,255,.18)}.panel-header h2{margin:0;font-size:18px;color:#effcff}.panel-header span{color:#83dfff;font-size:14px}.twin-panel{height:758px}.heat-legend{position:absolute;top:47px;left:18px;z-index:5;width:235px;font-size:12px;color:#d4f6ff}.legend-ramp{height:8px;margin:10px 0 8px;background:linear-gradient(90deg,#164bff,#20fff0,#7dff6c,#ffe345,#ff7a1c,#f22);border-radius:999px}.legend-values{display:flex;justify-content:space-between;color:#d8efff}.floor-tabs{position:absolute;top:145px;left:24px;z-index:5;display:grid;gap:9px}.floor-tabs button{width:48px;height:33px;border:1px solid rgba(48,190,255,.4);border-radius:5px;background:#083f77b8;color:#a3dfff;font-weight:700}.floor-tabs .active{color:#fff;border-color:#1eefff;box-shadow:0 0 14px #1eefff8c inset,0 0 12px #1eefff73}.twin-stage{position:absolute;top:42px;right:0;bottom:84px;left:0}.twin-canvas{position:absolute;top:0;right:0;bottom:0;left:0}.twin-fallback{display:block}.fallback-layout{position:absolute;top:44px;right:34px;bottom:20px;left:86px;transform:perspective(920px) rotateX(58deg) rotate(-38deg);transform-origin:center;filter:drop-shadow(0 0 22px rgba(23,207,255,.32))}.fallback-zone{position:absolute;display:flex;flex-direction:column;justify-content:center;width:220px;height:128px;padding:18px;border:2px solid rgba(74,224,255,.76);background:linear-gradient(135deg,#25e2ff38,#0f61b057),repeating-linear-gradient(90deg,rgba(255,255,255,.12) 0 1px,transparent 1px 34px);box-shadow:0 0 30px #00e2ff33 inset}.fallback-zone:after{content:"";position:absolute;top:12px;right:12px;bottom:12px;left:12px;border:1px solid rgba(214,250,255,.24)}.fallback-zone.warning{border-color:#ffd63fcc;background:linear-gradient(135deg,#ffd73a47,#26818f52),repeating-linear-gradient(90deg,rgba(255,255,255,.12) 0 1px,transparent 1px 34px)}.fallback-zone.critical{border-color:#ff5236e0;background:linear-gradient(135deg,#ff43306b,#741b2a70),repeating-linear-gradient(90deg,rgba(255,255,255,.12) 0 1px,transparent 1px 34px)}.fallback-zone span{color:#f2fcff;font-size:22px;font-weight:800;text-shadow:0 0 10px rgba(47,224,255,.7)}.fallback-zone strong{margin-top:12px;color:#fff;font-size:28px}.fallback-zone-1{top:8px;left:185px}.fallback-zone-2{top:18px;left:430px}.fallback-zone-3{top:156px;left:150px;width:250px;height:148px}.fallback-zone-4{top:160px;left:430px}.fallback-zone-5{top:316px;left:78px}.fallback-zone-6{top:318px;left:330px;width:245px}.fallback-pipe{position:absolute;height:5px;border-radius:999px;background:linear-gradient(90deg,transparent,#22ecff,#a36eff,transparent);box-shadow:0 0 14px #24ebffe6;animation:pipePulse 1.8s linear infinite}.pipe-a{top:145px;left:175px;width:505px}.pipe-b{top:304px;left:110px;width:520px}.pipe-c{top:252px;left:60px;width:390px;transform:rotate(90deg)}@keyframes pipePulse{0%{opacity:.42}50%{opacity:1}to{opacity:.42}}.zone-card{position:absolute;width:150px;padding:10px 12px 12px;border:1px solid rgba(85,219,255,.42);border-radius:5px;background:#031326c2;box-shadow:0 0 18px #00cdff2e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.zone-card.critical{border-color:#ff4636b8;box-shadow:0 0 20px #ff38233d}.zone-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.zone-title strong{font-size:17px}.zone-title span{width:9px;height:9px;border-radius:50%;background:#4eff84;box-shadow:0 0 10px #4eff84}.zone-card.critical .zone-title span{background:#ff3d2e;box-shadow:0 0 10px #ff3d2e}.zone-card dl{display:grid;gap:7px;margin:0}.zone-card dl div{display:flex;justify-content:space-between}.zone-card dt{color:#c2e6f5;font-size:12px}.zone-card dd{margin:0;font-size:13px;font-weight:800;color:#fff}.zone-card.critical dd:first-of-type,.zone-card.critical dl div:first-child dd{color:#ff4c32}.zone-1{top:70px;left:320px}.zone-2{top:99px;right:40px}.zone-3{top:260px;left:120px}.zone-4{top:300px;right:80px}.zone-5{bottom:54px;left:28px}.zone-6{bottom:43px;left:420px}.device-legend{position:absolute;left:18px;right:18px;bottom:18px;display:flex;align-items:center;gap:26px;min-height:58px;padding:0 24px;border:1px solid rgba(47,201,255,.36);border-radius:6px;background:#021834cc}.device-legend span{display:flex;align-items:center;gap:8px;color:#d6f4ff;font-size:14px}.device-legend svg{color:#69dcff}.ai-column{position:relative;height:758px;padding-top:78px}.ai-title{position:absolute;top:37px;left:50%;width:240px;height:36px;transform:translate(-50%);display:flex;align-items:center;justify-content:center;border:1px solid rgba(42,209,255,.42);border-radius:6px;color:#8df4ff;font-size:19px;font-weight:800;background:#042046c7}.ai-layout{display:grid;grid-template-columns:140px 1fr 154px;gap:12px;height:566px}.sensing-panel,.control-panel{height:100%}.sensor-list,.control-list{display:grid;gap:8px;padding:12px}.sensor-item,.control-item{height:58px;display:flex;align-items:center;gap:10px;padding:8px;border:1px solid rgba(36,180,255,.28);border-radius:6px;background:#032248a3}.sensor-item svg,.control-item svg{flex:0 0 auto;color:#45dcff}.sensor-item span,.control-item span{display:block;color:#b4e5f4;font-size:12px}.sensor-item strong,.control-item strong{display:block;margin-top:3px;color:#55ff96;font-size:14px}.strategy-core{position:relative;display:grid;grid-template-rows:120px 1fr 64px 70px;gap:13px}.forecast-card,.anomaly-card{border:1px solid rgba(42,207,255,.42);border-radius:6px;background:#031c3fc7;box-shadow:0 0 20px #00d2ff26 inset}.forecast-card{padding:14px;text-align:center}.forecast-card h3{margin:0 0 6px;font-size:17px}.forecast-card span{color:#aee8f9;font-size:12px}.forecast-card svg{width:100%;height:55px;margin-top:8px}.forecast-card path{fill:none;stroke:#21e2ff;stroke-width:3}.brain-ring{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:250px}.brain-ring svg{color:#55dfff;filter:drop-shadow(0 0 18px rgba(46,222,255,.9))}.brain-ring strong{position:absolute;top:55px;font-size:28px;text-shadow:0 0 14px rgba(86,217,255,.95)}.orbit{position:absolute;border:2px solid rgba(41,216,255,.52);border-radius:50%;transform:rotateX(68deg)}.orbit-a{width:230px;height:230px;animation:spin 7s linear infinite}.orbit-b{width:300px;height:300px;border-color:#187cff6b;animation:spin 11s linear infinite reverse}@keyframes spin{0%{rotate:0deg}to{rotate:360deg}}.anomaly-card{display:flex;align-items:center;justify-content:center;gap:12px}.anomaly-card svg{color:#5ddcff}.anomaly-card strong,.anomaly-card span{display:block}.anomaly-card span{color:#9ad9ee;font-size:12px}.mini-alerts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mini-alerts span{display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(52,172,255,.28);border-radius:6px;background:#041f46b8;color:#c8edfb;font-size:13px}.mini-alerts b{margin-top:4px;color:#ff6d4e;font-size:27px}.analytics-column{display:grid;grid-template-rows:585px 190px 150px;gap:10px}.analysis-panel{padding-bottom:8px}.analysis-panel h3{margin:12px 18px 0;color:#dffaff;font-size:15px}.echart{width:100%}.line-chart{height:176px}.chart-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0 14px}.small-chart{height:150px}.saving-row{display:grid;grid-template-columns:1fr 52px 1fr 1fr;gap:10px;padding:8px 14px 0;align-items:stretch}.saving-card{min-height:114px;padding:12px;border:1px solid rgba(46,205,255,.46);border-radius:6px;background:#03224cbf}.saving-card span,.saving-card em,.saving-card b{display:block}.saving-card span{color:#b4e5f4;font-size:13px}.saving-card strong{display:inline-block;margin-top:12px;color:#5fe4ff;font-size:26px}.saving-card em{margin-left:8px;display:inline-block;color:#d8f6ff;font-style:normal}.saving-card b{margin-top:7px;color:#8adfff;font-size:20px}.saving-card.result{border-color:#4aff9a99}.saving-card.result strong{color:#52ff97}.saving-card.result svg{float:right;color:#4dff93;margin-top:14px}.versus{display:flex;align-items:center;justify-content:center;color:#effcff;font-size:32px;font-weight:900;text-shadow:0 0 16px rgba(75,213,255,.8)}.alert-list{list-style:none;margin:0;padding:10px 16px 12px;display:grid;gap:7px}.alert-list li{display:grid;grid-template-columns:22px 1fr 74px;align-items:center;gap:8px;color:#d8f6ff;font-size:13px}.alert-list .critical{color:#ff574a}.alert-list .warning{color:#ffc63f}.alert-list .info{color:#48c8ff}.alert-list time{color:#8cc9e6;text-align:right}.status-rings{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;padding:12px}.status-ring{height:100px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(50,221,255,.26);border-radius:6px;background:#052248a3}.status-ring svg{color:#4cff91}.status-ring strong{margin-top:4px;color:#66f5ff;font-size:20px}.status-ring span{margin-top:5px;color:#b4e5f4;font-size:12px}.kpi-strip{position:absolute;left:14px;right:540px;bottom:50px;height:164px;display:grid;grid-template-columns:repeat(6,1fr);border:1px solid rgba(42,211,255,.44);border-radius:8px;background:linear-gradient(180deg,#041d40eb,#031227d6);box-shadow:0 0 26px #00c4ff26 inset}.kpi{position:relative;display:flex;align-items:center;gap:18px;padding:20px 16px;border-right:1px solid rgba(69,205,255,.28)}.kpi:last-child{border-right:0}.kpi svg{flex:0 0 auto;filter:drop-shadow(0 0 10px currentColor)}.kpi.cyan svg,.kpi.cyan strong{color:#54dfff}.kpi.green svg,.kpi.green strong{color:#58f784}.kpi.blue svg,.kpi.blue strong{color:#67b9ff}.kpi.lime svg,.kpi.lime strong{color:#a2f46c}.kpi.red svg,.kpi.red strong{color:#ff6767}.kpi.sky svg,.kpi.sky strong{color:#66caff}.kpi span{display:block;color:#dcefff;font-size:17px;font-weight:700}.kpi strong{display:block;margin-top:12px;font-size:34px}.kpi em{margin-left:8px;color:#c8f4ff;font-size:16px;font-style:normal}.kpi small{display:block;margin-top:12px;color:#b7d8e7;font-size:13px}.status-ticker{position:absolute;left:14px;right:14px;bottom:0;height:38px;display:flex;align-items:center;justify-content:space-between;padding:0 26px;border-top:1px solid rgba(44,205,255,.36);background:#02132be6;color:#9fd8ee}.status-ticker div{display:flex;align-items:center;gap:14px}.status-ticker svg,.status-ticker strong{color:#37d8ff}.status-ticker time{color:#72c9ff}.code-shell{position:relative;display:flex;align-items:center;justify-content:center;width:100vw;height:100vh;overflow:hidden;background:radial-gradient(ellipse at 50% 35%,rgba(8,100,170,.28),transparent 42%),radial-gradient(ellipse at 18% 74%,rgba(78,255,167,.1),transparent 28%),radial-gradient(ellipse at 84% 18%,rgba(255,80,118,.08),transparent 26%),linear-gradient(rgba(7,60,109,.22) 1px,transparent 1px),linear-gradient(90deg,rgba(7,60,109,.2) 1px,transparent 1px),#020713;background-size:auto,46px 46px,46px 46px,auto}.code-shell:before{content:"";position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;pointer-events:none;background:repeating-linear-gradient(115deg,transparent 0 78px,rgba(37,232,255,.08) 79px 80px,transparent 81px 150px),repeating-linear-gradient(18deg,transparent 0 132px,rgba(101,255,177,.07) 133px 134px,transparent 135px 220px);filter:blur(.5px);opacity:.75;animation:shellDrift 18s linear infinite}@keyframes shellDrift{0%{transform:translate3d(-2%,-1%,0)}to{transform:translate3d(2%,1%,0)}}.code-dashboard{position:relative;width:100vw;height:100vh;overflow:hidden;isolation:isolate;color:#effcff;font-size:clamp(9px,.84vmin,15px);-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision;background:linear-gradient(118deg,transparent 0 18%,rgba(28,219,255,.18) 18.1% 18.4%,transparent 18.6%),linear-gradient(242deg,transparent 0 17%,rgba(24,170,255,.18) 17.1% 17.35%,transparent 17.55%),radial-gradient(circle at 53% 52%,rgba(0,128,255,.17),transparent 32%),linear-gradient(180deg,#03162f,#020812 72%,#01050c);border:1px solid rgba(28,206,255,.38);box-shadow:inset 0 0 42px #00b7ff2e,0 0 42px #00c4ff33}.cosmic-grid,.scanline-wash,.data-rain,.cinematic-beams,.tactical-depth-lines{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.cosmic-grid{background:radial-gradient(circle at 8% 13%,rgba(255,255,255,.86) 0 1px,transparent 1.5px),radial-gradient(circle at 74% 18%,rgba(86,247,255,.88) 0 1px,transparent 1.5px),radial-gradient(circle at 34% 78%,rgba(116,255,178,.72) 0 1px,transparent 1.5px),radial-gradient(circle at 91% 72%,rgba(255,98,129,.62) 0 1px,transparent 1.5px),linear-gradient(135deg,transparent 0 46%,rgba(85,236,255,.11) 46.1% 46.35%,transparent 46.5%),linear-gradient(45deg,transparent 0 66%,rgba(101,255,177,.09) 66.1% 66.3%,transparent 66.5%);background-size:210px 170px,280px 220px,260px 210px,330px 260px,auto,auto;mix-blend-mode:screen;opacity:.78;animation:starTwinkle 3.4s ease-in-out infinite}.scanline-wash{z-index:0;background:linear-gradient(180deg,transparent 0 48%,rgba(122,248,255,.22) 50%,transparent 52%),repeating-linear-gradient(180deg,rgba(255,255,255,.035) 0 1px,transparent 1px 7px);mix-blend-mode:screen;opacity:.58;animation:scanSweep 4.8s linear infinite}.data-rain{top:8.4%;right:0;bottom:4%;left:0;background:linear-gradient(180deg,rgba(89,249,255,.32),transparent 52%) 9% 0 / 1px 110px repeat-y,linear-gradient(180deg,rgba(102,255,173,.26),transparent 48%) 27% 0 / 1px 150px repeat-y,linear-gradient(180deg,rgba(111,186,255,.22),transparent 56%) 61% 0 / 1px 128px repeat-y,linear-gradient(180deg,rgba(255,95,132,.18),transparent 46%) 86% 0 / 1px 140px repeat-y;opacity:.55;animation:dataRain 3.8s linear infinite}.ai-command-matrix{position:absolute;z-index:5;top:37px;left:50%;width:44%;min-height:21px;transform:translate(-50%);display:grid;grid-template-columns:repeat(3,1fr);align-items:center;border:1px solid rgba(99,255,201,.38);border-radius:5px;background:linear-gradient(90deg,#042c581f,#23ebff33,#042c581f),repeating-linear-gradient(90deg,transparent 0 22px,rgba(255,255,255,.08) 23px,transparent 24px 44px);box-shadow:inset 0 0 18px #5bffc61f,0 0 18px #26e1ff24;clip-path:polygon(14px 0,calc(100% - 14px) 0,100% 50%,calc(100% - 14px) 100%,14px 100%,0 50%);pointer-events:none}.ai-command-matrix span{min-width:0;color:#dffeff;font-size:.54em;font-weight:900;text-align:center;white-space:nowrap;text-shadow:0 0 8px rgba(80,240,255,.82)}.ai-command-matrix span:nth-child(3){color:#6dffb7}.cinematic-beams{z-index:0;background:linear-gradient(112deg,transparent 0 11%,rgba(50,229,255,.2) 11.2% 11.75%,transparent 12.2% 44%,rgba(255,77,126,.16) 44.2% 44.8%,transparent 45.2%),linear-gradient(68deg,transparent 0 24%,rgba(104,255,178,.15) 24.2% 24.8%,transparent 25.2% 78%,rgba(72,155,255,.17) 78.2% 78.8%,transparent 79.2%),radial-gradient(ellipse at 50% 46%,rgba(42,235,255,.18),transparent 34%);mix-blend-mode:screen;opacity:.92}.tactical-depth-lines{z-index:0;top:9%;right:3%;bottom:5%;left:3%;border:1px solid rgba(91,240,255,.16);background:linear-gradient(90deg,rgba(88,240,255,.18),transparent 12%,transparent 88%,rgba(88,240,255,.18)),linear-gradient(180deg,rgba(88,240,255,.14),transparent 13%,transparent 86%,rgba(88,240,255,.14));clip-path:polygon(3% 0,97% 0,100% 7%,100% 93%,97% 100%,3% 100%,0 93%,0 7%);box-shadow:inset 0 0 42px #25e1ff14,0 0 28px #25e1ff14}@keyframes starTwinkle{0%,to{opacity:.5;filter:brightness(.9)}50%{opacity:.9;filter:brightness(1.4)}}@keyframes scanSweep{0%{transform:translateY(-52%)}to{transform:translateY(52%)}}@keyframes dataRain{to{background-position:9% 110px,27% 150px,61% 128px,86% 140px}}.code-dashboard:before,.code-dashboard:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:-1}.code-dashboard:before{background:linear-gradient(rgba(29,157,255,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(29,157,255,.13) 1px,transparent 1px),repeating-linear-gradient(120deg,transparent 0 94px,rgba(33,211,255,.09) 95px,transparent 97px);background-size:53px 53px,53px 53px,auto;-webkit-mask-image:radial-gradient(circle at 51% 48%,#000 0 55%,transparent 86%);mask-image:radial-gradient(circle at 51% 48%,#000 0 55%,transparent 86%)}.code-dashboard:after{background:radial-gradient(circle at 22% 42%,rgba(35,205,255,.2),transparent 24%),radial-gradient(circle at 83% 36%,rgba(24,176,255,.14),transparent 22%),linear-gradient(90deg,rgba(0,231,255,.08),transparent 17%,transparent 83%,rgba(0,231,255,.07));mix-blend-mode:screen}.hud-frame{position:absolute;z-index:2;width:25.5%;height:7.8%;pointer-events:none;border-color:#27dbff8f;filter:drop-shadow(0 0 10px rgba(28,213,255,.45))}.hud-frame:before,.hud-frame:after{content:"";position:absolute;background:linear-gradient(90deg,transparent,rgba(36,226,255,.95),transparent)}.hud-frame:before{top:0;left:12%;right:0;height:1px}.hud-frame:after{left:0;bottom:0;width:42%;height:2px}.hud-frame.top-left{top:1.1%;left:1.2%;border-top:1px solid;border-left:1px solid;clip-path:polygon(0 0,78% 0,100% 58%,66% 58%,57% 100%,0 100%);background:linear-gradient(112deg,rgba(9,78,136,.28),transparent 60%)}.hud-frame.top-right{top:1.1%;right:1.2%;border-top:1px solid;border-right:1px solid;clip-path:polygon(22% 0,100% 0,100% 100%,43% 100%,34% 58%,0 58%);background:linear-gradient(248deg,rgba(9,78,136,.28),transparent 60%)}.hud-frame.bottom-left{left:1%;bottom:5%;height:4.2%;border-left:1px solid;border-bottom:1px solid;opacity:.62}.hud-frame.bottom-right{right:1%;bottom:5%;height:4.2%;border-right:1px solid;border-bottom:1px solid;opacity:.62}.code-panel{position:relative;overflow:hidden;border:1px solid rgba(32,195,255,.58);border-radius:7px;background:linear-gradient(180deg,#04234be6,#021127c7),linear-gradient(90deg,rgba(0,220,255,.08),transparent);box-shadow:inset 0 0 22px #00bcff29,0 0 16px #00a0ff24;clip-path:polygon(0 10px,10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px))}.code-panel:before{content:"";position:absolute;top:0;left:16px;right:16px;height:1px;background:linear-gradient(90deg,transparent,rgba(80,239,255,.95),transparent)}.code-panel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(110deg,transparent 0 32%,rgba(109,247,255,.16) 44%,transparent 56%),repeating-linear-gradient(180deg,transparent 0 24px,rgba(89,228,255,.035) 25px,transparent 26px 52px);transform:translate(-58%);opacity:.55;animation:panelSheen 7s ease-in-out infinite}.code-panel-corners{position:absolute;top:7px;right:7px;bottom:7px;left:7px;z-index:3;pointer-events:none;background:linear-gradient(#69f6ff,#69f6ff) left top / 34px 2px no-repeat,linear-gradient(#69f6ff,#69f6ff) left top / 2px 34px no-repeat,linear-gradient(#69f6ff,#69f6ff) right top / 34px 2px no-repeat,linear-gradient(#69f6ff,#69f6ff) right top / 2px 34px no-repeat,linear-gradient(#68ffb2,#68ffb2) left bottom / 26px 2px no-repeat,linear-gradient(#68ffb2,#68ffb2) left bottom / 2px 26px no-repeat,linear-gradient(#ff6b8e,#ff6b8e) right bottom / 26px 2px no-repeat,linear-gradient(#ff6b8e,#ff6b8e) right bottom / 2px 26px no-repeat;filter:drop-shadow(0 0 7px rgba(95,242,255,.82));opacity:.86}@keyframes panelSheen{0%,45%{transform:translate(-62%);opacity:0}58%{opacity:.58}78%,to{transform:translate(62%);opacity:0}}.code-panel-title{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;height:31px;padding:0 15px;color:#f2fdff;background:linear-gradient(90deg,rgba(0,168,255,.34),rgba(0,80,160,.1) 62%,transparent);border-bottom:1px solid rgba(54,215,255,.18);font-size:1em}.code-panel-title strong{font-size:1.12em;letter-spacing:0}.code-panel-title span{color:#9cecff;font-size:.78em}.code-header{position:absolute;z-index:8;top:0;left:0;right:0;height:8.7%;display:grid;grid-template-columns:22% 1fr 22%;align-items:start;padding:1.1% 1.6% 0;background:linear-gradient(180deg,rgba(3,19,42,.98),rgba(3,25,58,.72) 62%,transparent),linear-gradient(90deg,transparent 0 24%,rgba(25,226,255,.36) 25%,transparent 29% 71%,rgba(25,226,255,.28) 75%,transparent 80%);border-bottom:1px solid rgba(42,211,255,.32)}.mission-strip{position:absolute;z-index:8;top:8.75%;left:37.4%;width:33.2%;min-height:3.6%;display:grid;grid-template-columns:repeat(4,1fr);align-items:center;gap:0;padding:0 .6%;color:#dfffff;background:linear-gradient(90deg,transparent,rgba(33,205,255,.32) 12%,rgba(4,27,62,.84) 50%,rgba(114,255,183,.26) 88%,transparent),repeating-linear-gradient(90deg,transparent 0 42px,rgba(255,255,255,.08) 43px,transparent 44px 86px);border-top:1px solid rgba(90,242,255,.48);border-bottom:1px solid rgba(90,242,255,.34);box-shadow:0 0 24px #23e1ff38;clip-path:polygon(6% 0,94% 0,100% 50%,94% 100%,6% 100%,0 50%)}.mission-strip span{min-width:0;color:#c9fbff;font-size:.62em;font-weight:900;text-align:center;white-space:nowrap;text-shadow:0 0 9px rgba(65,231,255,.78)}.mission-strip span:first-child{color:#62ffad}.mission-strip span:nth-child(3){color:#ff7394}.command-spine{position:absolute;z-index:7;top:12%;bottom:7%;width:3.2%;display:grid;grid-template-rows:repeat(4,1fr);gap:1.2%;pointer-events:none}.command-spine.left{left:.42%}.command-spine.right{right:.42%}.command-spine span{position:relative;display:flex;align-items:center;justify-content:center;color:#bffbff;font-size:.58em;font-weight:900;writing-mode:vertical-rl;letter-spacing:0;background:linear-gradient(180deg,#2ae7ff29,#07204cb8,#67ffb51f),repeating-linear-gradient(180deg,transparent 0 16px,rgba(255,255,255,.08) 17px,transparent 18px 34px);border:1px solid rgba(84,233,255,.42);box-shadow:inset 0 0 18px #2fe2ff2e,0 0 18px #2fe2ff29;text-shadow:0 0 8px rgba(75,234,255,.88)}.command-spine.left span{clip-path:polygon(0 0,100% 8%,100% 92%,0 100%)}.command-spine.right span{clip-path:polygon(0 8%,100% 0,100% 100%,0 92%)}.command-spine span:before{content:"";position:absolute;top:8px;right:35%;bottom:8px;left:35%;background:linear-gradient(180deg,transparent,rgba(101,255,181,.9),transparent);filter:blur(1px);opacity:.58;animation:commandPulse 2.6s ease-in-out infinite}@keyframes commandPulse{0%,to{transform:translateY(-8%);opacity:.34}50%{transform:translateY(8%);opacity:.88}}.code-header:before{content:"";position:absolute;left:23%;right:23%;bottom:7px;height:24px;border:1px solid rgba(36,221,255,.35);border-top:0;transform:skew(28deg);box-shadow:0 0 18px #16ddff47}.header-left,.header-right{display:flex;align-items:center;gap:.55em;min-width:0;color:#bdeeff;font-size:.95em;white-space:nowrap}.header-left svg{color:#27cfff;filter:drop-shadow(0 0 6px rgba(39,207,255,.8))}.header-right{justify-content:flex-end;color:#d4f4ff}.header-title{position:relative;text-align:center;line-height:1}.header-title h1{margin:0;color:#fff;font-size:2.65em;font-weight:900;letter-spacing:0;white-space:nowrap;text-shadow:0 0 18px rgba(105,202,255,.88),0 0 4px rgba(255,255,255,.72)}.header-title p{margin:1.1em 0 0;color:#dff9ff;font-size:1.22em;font-weight:800;text-shadow:0 0 12px rgba(50,214,255,.72)}.twin-code-panel{position:absolute;z-index:4;left:.72%;top:8.65%;width:36.05%;height:69.8%;background:radial-gradient(ellipse at 48% 43%,rgba(34,196,222,.32),transparent 46%),radial-gradient(ellipse at 28% 46%,rgba(255,75,50,.14),transparent 30%),linear-gradient(180deg,#042246f5,#031226e6)}.ai-code{position:absolute;z-index:4;left:38.9%;top:15.8%;width:31%;height:56.7%}.decision-link-field{position:absolute;z-index:2;top:48px;right:0;bottom:0;left:0;width:100%;height:calc(100% - 48px);overflow:visible;pointer-events:none}.decision-link{fill:none;stroke-width:3.5;stroke-linecap:round;stroke-dasharray:12 16;opacity:.92;animation:decisionDash 1.25s linear infinite}.decision-link.sensing{stroke:#46e4fff2;filter:drop-shadow(0 0 9px rgba(70,228,255,.9))}.decision-link.control{stroke:#6cffb1f2;filter:drop-shadow(0 0 10px rgba(108,255,177,.9));animation-direction:reverse}.decision-packet{fill:#fff;stroke:#75ffdcf2;stroke-width:2;filter:drop-shadow(0 0 10px rgba(99,245,255,.98))}.decision-packet.packet-a{offset-path:path("M104 108 C184 118 226 173 301 249");animation:decisionPacket 2.6s linear infinite}.decision-packet.packet-b{offset-path:path("M104 326 C178 314 222 280 300 260");animation:decisionPacket 2.6s .7s linear infinite}.decision-packet.packet-c{offset-path:path("M316 248 C392 172 438 118 516 108");animation:decisionPacket 2.6s .35s linear infinite}.decision-packet.packet-d{offset-path:path("M316 260 C394 282 442 314 516 326");animation:decisionPacket 2.6s 1s linear infinite}.decision-label{position:absolute;z-index:6;top:63px;height:24px;display:inline-flex;align-items:center;padding:0 12px;color:#eaffff;font-size:.68em;font-weight:900;background:#042148c7;border:1px solid rgba(89,232,255,.42);box-shadow:0 0 13px #30e0ff2e;clip-path:polygon(9px 0,100% 0,calc(100% - 9px) 100%,0 100%);text-shadow:0 0 7px rgba(44,225,255,.72)}.decision-label.sensing{left:14%}.decision-label.control{right:11%;color:#cffff0;border-color:#6cffb175}@keyframes decisionDash{to{stroke-dashoffset:-28}}@keyframes decisionPacket{0%{offset-distance:0%;opacity:0}12%{opacity:1}88%{opacity:1}to{offset-distance:100%;opacity:0}}.analytics-code{position:absolute;z-index:4;top:8.65%;right:.72%;width:26.45%;height:87.5%;display:grid;grid-template-rows:60.5% 20.5% 18%;gap:.9%}.analytics-scan-orbit{position:absolute;z-index:3;right:2.4%;top:1.8%;width:26%;aspect-ratio:1;pointer-events:none;border:1px solid rgba(86,239,255,.34);border-left-color:#56efff0f;border-radius:50%;box-shadow:0 0 18px #3ae0ff38,inset 0 0 24px #3ae0ff1f;animation:analyticsOrbit 6.5s linear infinite}.intelligence-ribbon{position:absolute;z-index:5;top:34px;left:3.2%;right:3.2%;height:25px;display:grid;grid-template-columns:1fr 1.2fr 1fr;align-items:center;border:1px solid rgba(93,229,255,.32);background:linear-gradient(90deg,#22e3ff05,#67ffb129,#ff568414),repeating-linear-gradient(90deg,transparent 0 28px,rgba(255,255,255,.08) 29px,transparent 30px 58px);box-shadow:0 0 16px #26e1ff29;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);pointer-events:none}.intelligence-ribbon span{min-width:0;color:#d9ffff;font-size:.56em;font-weight:900;text-align:center;white-space:nowrap;text-shadow:0 0 7px rgba(71,233,255,.8)}.intelligence-ribbon span:first-child{color:#63ffb0}.analytics-scan-orbit:before,.analytics-scan-orbit:after{content:"";position:absolute;top:16%;right:16%;bottom:16%;left:16%;border:1px dashed rgba(103,255,177,.42);border-radius:50%}.analytics-scan-orbit:after{top:40%;right:40%;bottom:40%;left:40%;background:#66ffb1c7;border:0;box-shadow:0 0 14px #66ffb1e0}@keyframes analyticsOrbit{to{rotate:360deg}}.kpi-code-strip{position:absolute;z-index:4;left:.72%;bottom:5.2%;width:71.2%;height:15.1%;display:grid;grid-template-columns:repeat(6,1fr);border:1px solid rgba(42,211,255,.5);border-radius:8px;background:linear-gradient(180deg,#041e43f0,#021127db);box-shadow:inset 0 0 28px #00c4ff2e}.ticker-code{position:absolute;z-index:8;left:.72%;right:.72%;bottom:0;height:3.9%;display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;gap:14px;padding:0 32px;border-top:1px solid rgba(44,205,255,.38);background:#02132beb;color:#9fd8ee;font-size:.86em}.temperature-code{position:absolute;z-index:5;top:5.8%;left:2.1%;width:33%;color:#d9f7ff;font-size:.72em}.temperature-code span{display:block;margin-bottom:7px}.temperature-code i{display:block;height:7px;margin-bottom:4px;border-radius:999px;background:linear-gradient(90deg,#0c4eff,#19e8ff,#87ff64,#fff159,#ff821c,#ff1e1e);box-shadow:0 0 10px #35deff80}.temperature-code b{margin-right:9.7%;color:#dbeeff;font-weight:800}.factory-twin{position:absolute;top:8.6%;right:1.5%;bottom:.6%;left:1.5%}.factory-base-map{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;border-radius:5px;background:#020b17;box-shadow:inset 0 0 42px #0000007a,0 0 24px #22d8ff47}.factory-base-map img{width:100%;height:100%;object-fit:cover;object-position:39% 48%;opacity:.93;filter:saturate(1.18) contrast(1.08) brightness(.9)}.factory-map-glow{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,#020b190a,#020a162e),radial-gradient(ellipse at 36% 44%,rgba(255,70,42,.14),transparent 28%),radial-gradient(ellipse at 54% 27%,rgba(83,255,128,.13),transparent 24%),radial-gradient(ellipse at 66% 45%,rgba(255,224,54,.12),transparent 23%),radial-gradient(ellipse at 50% 75%,rgba(43,195,255,.18),transparent 31%);mix-blend-mode:screen}.holo-vignette{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;background:linear-gradient(90deg,rgba(20,240,255,.18),transparent 14%,transparent 86%,rgba(94,255,177,.12)),repeating-linear-gradient(180deg,rgba(181,255,255,.08) 0 1px,transparent 1px 10px),radial-gradient(ellipse at 50% 52%,transparent 0 56%,rgba(0,0,0,.42) 100%);mix-blend-mode:screen;animation:holoFlicker 2.8s ease-in-out infinite}@keyframes holoFlicker{0%,to{opacity:.42}50%{opacity:.72}}.twin-command-burst{position:absolute;z-index:4;right:10%;top:15%;width:28%;aspect-ratio:1;pointer-events:none;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.7) 0 2%,rgba(99,255,185,.42) 3% 10%,transparent 44%),repeating-radial-gradient(circle,rgba(82,244,255,.32) 0 1px,transparent 2px 18px);filter:drop-shadow(0 0 18px rgba(83,245,255,.62));mix-blend-mode:screen;opacity:.7;animation:twinCommandPulse 2.8s ease-in-out infinite}.thermal-target-lock{position:absolute;z-index:5;left:34%;top:37%;width:23%;aspect-ratio:1;pointer-events:none;border:2px solid rgba(255,91,64,.72);border-radius:50%;background:radial-gradient(circle,rgba(255,77,54,.24) 0 12%,transparent 13% 45%,rgba(255,77,54,.12) 46% 48%,transparent 49%),conic-gradient(from 0deg,transparent 0 12%,rgba(255,106,72,.86) 13% 16%,transparent 17% 50%,rgba(255,226,72,.64) 51% 54%,transparent 55%);box-shadow:0 0 22px #ff4f345c,inset 0 0 24px #ff4f3438;mix-blend-mode:screen;animation:targetLockPulse 1.9s ease-in-out infinite}.thermal-target-lock:before,.thermal-target-lock:after{content:"";position:absolute;background:#ffeebecc;box-shadow:0 0 10px #ff5b40e6}.thermal-target-lock:before{left:50%;top:-13%;bottom:-13%;width:2px;transform:translate(-50%)}.thermal-target-lock:after{left:-13%;right:-13%;top:50%;height:2px;transform:translateY(-50%)}.cooling-command-vector{position:absolute;z-index:5;left:14%;top:56%;width:60%;height:17%;pointer-events:none;background:linear-gradient(101deg,transparent 0 8%,rgba(80,246,255,.16) 9% 46%,rgba(106,255,177,.52) 47% 52%,transparent 53%),linear-gradient(101deg,transparent 0 36%,rgba(106,255,177,.72) 37% 39%,transparent 40%);clip-path:polygon(0 44%,86% 44%,86% 24%,100% 50%,86% 76%,86% 56%,0 56%);filter:drop-shadow(0 0 14px rgba(77,238,255,.8));mix-blend-mode:screen;opacity:.9;animation:commandVector 2.2s linear infinite}@keyframes targetLockPulse{0%,to{transform:scale(.94) rotate(0);opacity:.5}50%{transform:scale(1.08) rotate(7deg);opacity:.92}}@keyframes commandVector{0%{transform:translate(-4%);opacity:.42}50%{opacity:.96}to{transform:translate(6%);opacity:.42}}@keyframes twinCommandPulse{0%,to{transform:scale(.7);opacity:.28}52%{transform:scale(1.08);opacity:.78}}.factory-twin:before,.factory-twin:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.factory-twin:before{background:radial-gradient(ellipse at 34% 43%,rgba(255,82,50,.2),transparent 26%),radial-gradient(ellipse at 52% 27%,rgba(104,255,124,.16),transparent 23%),radial-gradient(ellipse at 65% 43%,rgba(255,224,54,.16),transparent 23%),radial-gradient(ellipse at 48% 75%,rgba(43,195,255,.22),transparent 31%);mix-blend-mode:screen;filter:blur(6px)}.factory-twin:after{box-shadow:inset 0 0 54px #0000006b,inset 0 0 34px #25e2ff24}.factory-map-overlay,.factory-svg{position:absolute;z-index:2;top:-1.5%;right:-1.5%;bottom:5%;left:-1.5%;width:100%;height:94%;transform:scale(1.08) translate(-2%);transform-origin:48% 44%;pointer-events:none;filter:drop-shadow(0 0 18px rgba(29,206,255,.56))}.factory-depth-shell{filter:drop-shadow(0 18px 26px rgba(0,0,0,.34))}.factory-shadow{fill:#044b728a;stroke:#5ce9ffcc;stroke-width:2.8}.factory-floor-grid{fill:#1286ad2e;stroke:#4fe0ff57;stroke-width:1.5}.factory-wall{fill:#34cfff29;stroke:#7eeeffdb;stroke-width:2}.factory-glass-wall{fill:#21c1ff1f;stroke:#5ee3ff94;stroke-width:2.1}.factory-corner-line{fill:none;stroke:#87f2ffad;stroke-width:2.2;stroke-linecap:round}.room-divider{fill:none;stroke:#a4faffb3;stroke-width:2.8;stroke-dasharray:0;filter:drop-shadow(0 0 11px rgba(39,226,255,.9))}.zone-status-marker{filter:drop-shadow(0 0 12px rgba(52,226,255,.8))}.zone-status-marker .marker-pulse{fill:#2ae2ff21;stroke:#74f8ffb8;stroke-width:2.4}.zone-status-marker .marker-core{fill:#dfffff;stroke:#6ff4fff2;stroke-width:2}.zone-status-marker path{fill:none;stroke:#7ef2ffc2;stroke-width:2;stroke-linecap:round}.zone-status-marker.green .marker-pulse{fill:#60ff7e24;stroke:#5eff89c7}.zone-status-marker.red .marker-pulse{fill:#ff402b29;stroke:#ff6048db}.zone-status-marker.yellow .marker-pulse{fill:#ffe32f24;stroke:#ffec49d1}.zone-status-marker.cyan .marker-pulse{fill:#20d8ff21}.zone-status-marker.blue .marker-pulse{fill:#40b2ff24;stroke:#5bbeffc7}.zone-status-marker text{fill:#effcff;font-size:17px;font-weight:900;text-shadow:0 0 9px rgba(0,0,0,.9)}.zone-status-marker .zone-temp{fill:#fff;font-size:14px}.factory-cuboid-layer,.machine-cluster-layer{filter:drop-shadow(0 12px 16px rgba(0,0,0,.35))}.factory-cuboid .cuboid-top,.factory-cuboid .cuboid-front,.factory-cuboid .cuboid-side{stroke:#bdfcffeb;stroke-width:1.7}.factory-cuboid .cuboid-top{fill:#c8faff99}.factory-cuboid .cuboid-front{fill:#2897cab3;filter:drop-shadow(0 0 10px rgba(91,230,255,.36))}.factory-cuboid .cuboid-side{fill:#0e4a80b8}.factory-cuboid.green .cuboid-front{fill:#59c474b8}.factory-cuboid.red .cuboid-front{fill:#dc4d3dc2}.factory-cuboid.yellow .cuboid-front{fill:#ddc546bd}.factory-cuboid.blue .cuboid-front{fill:#3e8bdabd}.factory-cuboid.cyan .cuboid-front{fill:#2abcdcbd}.factory-cuboid .cuboid-screen{fill:#dfffffe6;filter:drop-shadow(0 0 8px rgba(87,240,255,.95))}.machine-cluster polygon{stroke:#7af0ffad;stroke-width:1.3}.machine-cluster polygon:first-child{fill:#defcffad}.machine-cluster polygon:nth-child(2){fill:#2596cdbf}.machine-cluster polygon:nth-child(3){fill:#12548ec7}.machine-cluster rect{fill:#e6fffff2;filter:drop-shadow(0 0 8px rgba(91,240,255,.95))}.machine-cluster.green polygon:nth-child(2){fill:#4ab469c7}.machine-cluster.red polygon:nth-child(2){fill:#dd483ac7}.machine-cluster.yellow polygon:nth-child(2){fill:#dabe3cc7}.machine-cluster.blue polygon:nth-child(2){fill:#3888dac7}.machine-cluster.cyan polygon:nth-child(2){fill:#2ab9dcc7}.micro-equipment rect{fill:#d8fcff70;stroke:#95f4ffe6;stroke-width:1;filter:drop-shadow(0 0 9px rgba(65,225,255,.72))}.micro-equipment path{fill:none;stroke:#e6fdffb3;stroke-width:1}.micro-equipment circle{fill:#5dff9ae0;filter:drop-shadow(0 0 6px rgba(93,255,154,.9))}.machine rect{fill:#d7faffd1;stroke:#92f7fffa;stroke-width:1;filter:drop-shadow(0 0 10px rgba(95,237,255,.78))}.machine .machine-light{fill:#fffffff2;stroke:#75f4ffe6;filter:drop-shadow(0 0 9px rgba(113,243,255,.95))}.fan-node circle{fill:#1874b094;stroke:#5be8fff2;stroke-width:3}.fan-node path{fill:#d9fbff;filter:drop-shadow(0 0 8px rgba(53,229,255,.86))}.sensor-beacon{filter:drop-shadow(0 0 11px rgba(50,226,255,.8))}.sensor-beacon circle:first-child{fill:#26e2ff29;stroke:#62efffdb;stroke-width:3}.sensor-beacon circle:nth-child(2){fill:#dfffff}.sensor-beacon path{fill:none;stroke:#69efffb8;stroke-width:2;stroke-linecap:round}.pipe{fill:none;stroke-width:6;stroke-linecap:round;stroke-dasharray:12 12;animation:pipeDash 1.2s linear infinite;filter:drop-shadow(0 0 10px currentColor)}.pipe.hot{stroke:#ff4b3c}.pipe.cold{stroke:#28e7ff}.pipe.data{stroke:#b064ff}.pipe-flow{fill:none;stroke:#37f7fff2;stroke-width:4;stroke-linecap:round;stroke-dasharray:18 20;filter:drop-shadow(0 0 11px rgba(55,247,255,.92));animation:pipeDash .9s linear infinite}.control-wave{fill:none;stroke:#66ffb3f5;stroke-width:5;stroke-linecap:round;stroke-dasharray:20 22;filter:drop-shadow(0 0 13px rgba(102,255,179,.95));animation:controlWave 1.05s linear infinite}@keyframes controlWave{to{stroke-dashoffset:-42}}.cooling-pipe-network{fill:none;stroke:#34eeffe6;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:10 12;filter:drop-shadow(0 0 12px rgba(52,238,255,.95));animation:pipeDash 1.35s linear infinite}.cooling-pipe-network .return{stroke:#bd56ffe6}@keyframes pipeDash{to{stroke-dashoffset:-24}}.floor-tabs-code{position:absolute;top:13.5%;left:1.2%;z-index:6;display:grid;gap:8px}.floor-tabs-code button{width:42px;height:29px;border:1px solid rgba(52,202,255,.48);border-radius:5px;background:#053466d1;color:#aee9ff;font-weight:800}.floor-tabs-code .active{color:#fff;border-color:#1ff0ff;box-shadow:inset 0 0 13px #1ff0ff8c,0 0 11px #1ff0ff73}.zone-card-code{position:absolute;z-index:6;width:25%;padding:10px 12px;border:1px solid rgba(78,224,255,.42);border-radius:4px;background:#021022c4;box-shadow:0 0 18px #00caff2e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.zone-card-code.machining{top:8.5%;left:44%}.zone-card-code.assembly{top:13.5%;right:.5%}.zone-card-code.injection{top:34%;left:17%}.zone-card-code.storage{top:38.5%;right:7.5%}.zone-card-code.inspection{bottom:20%;left:.5%}.zone-card-code.office{bottom:10%;left:49%}.zone-card-code div{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px}.zone-card-code strong{font-size:1.04em}.zone-card-code i{width:9px;height:9px;border-radius:50%;background:#48ff86;box-shadow:0 0 10px #48ff86}.zone-card-code.red i{background:#ff372f;box-shadow:0 0 10px #ff372f}.zone-card-code p{display:flex;justify-content:space-between;margin:6px 0 0;color:#c9eafa;font-size:.75em}.zone-card-code b{color:#fff;font-size:1.05em}.zone-card-code.red p:first-of-type b{color:#ff3f31}.legend-code{position:absolute;left:1.7%;right:1.5%;bottom:1.7%;z-index:7;display:flex;align-items:center;gap:18px;min-height:54px;padding:0 20px;border:1px solid rgba(42,202,255,.44);border-radius:6px;background:#021530eb;box-shadow:0 0 18px #00c4ff2e}.legend-code span{display:flex;align-items:center;gap:6px;color:#d9f6ff;font-size:.82em;white-space:nowrap}.legend-code svg{color:#73e5ff}.legend-code em{flex:1}.legend-code b{color:#c8edff;font-size:.78em;font-weight:700;white-space:nowrap}.legend-code b:before{content:"";display:inline-block;width:48px;height:3px;margin-right:7px;vertical-align:middle;background:linear-gradient(90deg,transparent,#24e7ff,transparent);box-shadow:0 0 9px #24e7ffb3}.ai-code-title{position:absolute;top:0;left:50%;width:38%;height:36px;transform:translate(-50%);display:flex;align-items:center;justify-content:center;border:1px solid rgba(45,215,255,.44);border-radius:6px;color:#9af4ff;background:#041f46c7;font-size:1.08em;font-weight:900;box-shadow:inset 0 0 16px #00d2ff29}.ai-flow-node{position:absolute;z-index:3;width:19%;height:19%;pointer-events:none}.ai-flow-node:before,.ai-flow-node:after{content:"";position:absolute;border-color:#20e5ffc7;filter:drop-shadow(0 0 8px rgba(32,229,255,.72))}.ai-flow-node:before{top:18%;right:0;bottom:18%;left:0;border-top:3px solid}.ai-flow-node:after{top:50%;right:-2px;width:9px;height:9px;border-top:3px solid;border-right:3px solid;transform:translateY(-50%) rotate(45deg)}.ai-flow-node.node-a{top:24%;left:21%;transform:rotate(26deg)}.ai-flow-node.node-b{top:51%;left:20%;transform:rotate(-14deg)}.ai-flow-node.node-c{top:24%;right:21%;transform:scaleX(-1) rotate(26deg)}.ai-flow-node.node-d{top:51%;right:20%;transform:scaleX(-1) rotate(-14deg)}.sensor-code-panel,.control-code-panel{position:absolute;top:78px;width:23%;height:380px}.sensor-code-panel{left:0}.control-code-panel{right:0}.sensor-code,.control-code{height:54px;margin:8px 8px 0;display:grid;grid-template-columns:32px 1fr;grid-template-rows:1fr 1fr;align-items:center;column-gap:8px;padding:6px 8px;border:1px solid rgba(36,183,255,.28);border-radius:6px;background:#032148a3}.sensor-code svg,.control-code svg{grid-row:1 / 3;color:#4de1ff;filter:drop-shadow(0 0 8px rgba(77,225,255,.62))}.sensor-code span,.control-code span{color:#beeafa;font-size:.72em;white-space:nowrap}.sensor-code strong,.control-code strong{color:#56ff99;font-size:.82em}.ai-core-code{position:absolute;top:78px;left:26%;width:48%;height:430px}.forecast-code,.anomaly-code{position:absolute;left:0;right:0;height:103px}.forecast-code{top:0}.anomaly-code{bottom:0}.forecast-code span,.anomaly-code span{display:block;margin-top:8px;color:#a8e6f8;text-align:center;font-size:.75em}.forecast-code svg{display:block;width:84%;height:54px;margin:2px auto 0}.forecast-code path{fill:none;stroke:#20e1ff;stroke-width:4;filter:drop-shadow(0 0 8px rgba(32,225,255,.8))}.forecast-ghost-line{fill:none;stroke:#ff7098c7;stroke-width:3;stroke-dasharray:7 9;stroke-linecap:round;filter:drop-shadow(0 0 7px rgba(255,112,152,.78));animation:forecastGhost 2.6s linear infinite}.predictive-horizon path{fill:none;stroke:#ff70989e;stroke-width:2;stroke-dasharray:4 6}.predictive-horizon text{fill:#ffd5df;font-size:10px;font-weight:900;text-shadow:0 0 8px rgba(255,112,152,.7)}@keyframes forecastGhost{to{stroke-dashoffset:-32}}.ai-brain{position:absolute;left:50%;top:52%;width:245px;height:245px;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center}.cognition-stream{position:absolute;z-index:3;pointer-events:none;height:2px;background:linear-gradient(90deg,transparent,rgba(124,255,218,.92),rgba(39,226,255,.86),transparent);box-shadow:0 0 13px #4bedffdb;opacity:.82}.cognition-stream:before,.cognition-stream:after{content:"";position:absolute;top:50%;width:7px;height:7px;transform:translateY(-50%) rotate(45deg);background:azure;box-shadow:0 0 12px #63ffdaf5}.cognition-stream:before{left:24%}.cognition-stream:after{right:18%}.cognition-stream.stream-a{left:13%;right:13%;top:41.5%;transform:rotate(18deg);animation:cognitionStreamA 2.7s ease-in-out infinite}.cognition-stream.stream-b{left:13%;right:13%;top:59.5%;transform:rotate(-18deg);animation:cognitionStreamB 2.7s .55s ease-in-out infinite}.autonomy-gauge{position:absolute;z-index:6;left:50%;bottom:0;width:168px;min-height:52px;transform:translate(-50%);display:grid;place-items:center;padding:7px 12px;border:1px solid rgba(109,255,183,.48);border-radius:6px;background:radial-gradient(ellipse at 50% 0,rgba(103,255,177,.22),transparent 68%),#03193ad6;box-shadow:inset 0 0 18px #67ffb11f,0 0 18px #2ae4ff2e;clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% 100%,0 100%,0 8px)}.autonomy-gauge:before{content:"";position:absolute;left:14px;right:14px;bottom:7px;height:4px;border-radius:999px;background:linear-gradient(90deg,#ff5f84b8,#25e1ffdb,#67ffb1f2 92%,#ffffff2e 93%);box-shadow:0 0 10px #67ffb1b8}.autonomy-gauge strong{color:#75ffbd;font-size:1.35em;line-height:1;text-shadow:0 0 12px rgba(103,255,177,.8)}.autonomy-gauge span{color:#d9ffff;font-size:.66em;font-weight:800;white-space:nowrap}@keyframes cognitionStreamA{0%,to{transform:rotate(18deg) translate(-4%);opacity:.34}50%{transform:rotate(18deg) translate(4%);opacity:.95}}@keyframes cognitionStreamB{0%,to{transform:rotate(-18deg) translate(4%);opacity:.34}50%{transform:rotate(-18deg) translate(-4%);opacity:.95}}.quantum-sun{position:absolute;top:7%;right:7%;bottom:7%;left:7%;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.84) 0 4%,rgba(76,243,255,.72) 5% 14%,rgba(96,255,183,.24) 15% 32%,transparent 52%),conic-gradient(from 12deg,#22dfff00,#22dfff9e,#ff618770,#5cffad8c,#22dfff00);filter:blur(1px) drop-shadow(0 0 28px rgba(48,230,255,.76));opacity:.74;animation:quantumSpin 9s linear infinite}.core-shockwave{position:absolute;top:-4%;right:-4%;bottom:-4%;left:-4%;border:2px solid rgba(92,245,255,.46);border-left-color:#ff598466;border-right-color:#66ffb37a;border-radius:50%;box-shadow:0 0 24px #37e6ff57,inset 0 0 32px #37e6ff2e;animation:shockwavePulse 2.2s ease-in-out infinite}@keyframes quantumSpin{to{rotate:360deg}}@keyframes shockwavePulse{0%,to{transform:scale(.92);opacity:.32}50%{transform:scale(1.12);opacity:.86}}.strategy-platform{position:absolute;left:50%;bottom:14%;width:190px;height:82px;transform:translate(-50%) perspective(420px) rotateX(68deg);border:2px solid rgba(45,221,255,.72);border-radius:50%;background:radial-gradient(circle,rgba(61,241,255,.52),rgba(0,143,255,.16) 38%,transparent 64%),repeating-radial-gradient(circle,rgba(79,229,255,.36) 0 2px,transparent 3px 14px);box-shadow:inset 0 0 34px #27ddff57,0 0 24px #27ddff6b}.strategy-beam{position:absolute;left:50%;top:48%;width:22px;height:96px;transform:translate(-50%);background:linear-gradient(180deg,rgba(100,247,255,.88),rgba(34,202,255,.16),transparent);filter:blur(1px);opacity:.84}.strategy-glass-dome{position:absolute;left:50%;top:44%;width:172px;height:116px;transform:translate(-50%,-50%);border:2px solid rgba(78,232,255,.44);border-bottom-color:transparent;border-radius:90px 90px 22px 22px;background:radial-gradient(ellipse at 50% 28%,rgba(143,252,255,.22),transparent 48%),linear-gradient(180deg,#2aceff24,#0b3e8c0a);box-shadow:inset 0 0 28px #2fdcff33,0 0 24px #2fdcff42}.neural-core-layers{position:absolute;left:50%;top:56%;width:190px;height:128px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 50% 36%,rgba(255,255,255,.95) 0 4%,rgba(59,233,255,.78) 5% 11%,transparent 12%),repeating-radial-gradient(ellipse at center,transparent 0 18px,rgba(38,227,255,.38) 19px 21px,transparent 22px 30px);filter:drop-shadow(0 0 18px rgba(43,227,255,.75));animation:neuralPulse 2.4s ease-in-out infinite}.neural-core-layers:before,.neural-core-layers:after{content:"";position:absolute;left:50%;top:50%;border:2px solid rgba(52,226,255,.45);border-radius:50%;transform:translate(-50%,-50%) rotateX(68deg)}.neural-core-layers:before{width:210px;height:92px}.neural-core-layers:after{width:150px;height:64px;border-color:#53ffca6b}@keyframes neuralPulse{0%,to{opacity:.72}50%{opacity:1}}.ai-brain:before,.ai-brain:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(45,221,255,.52);box-shadow:0 0 24px #20ccff52}.ai-brain:before{top:15%;right:15%;bottom:15%;left:15%;transform:rotateX(66deg)}.ai-brain:after{top:4%;right:4%;bottom:4%;left:4%;transform:rotateX(70deg) rotate(48deg)}.ai-brain svg{color:#41e1ff;filter:drop-shadow(0 0 18px rgba(62,226,255,.92))}.ai-brain strong{position:absolute;top:33%;left:50%;width:160px;transform:translate(-50%);text-align:center;color:#fff;font-size:1.42em;text-shadow:0 0 15px rgba(78,219,255,.96)}.ai-brain .orbit{position:absolute;border:1px solid rgba(32,229,255,.48);border-radius:50%;animation:spin 7s linear infinite}.ai-brain .orbit.a{top:19%;right:19%;bottom:19%;left:19%;transform:rotateX(65deg)}.ai-brain .orbit.b{top:8%;right:8%;bottom:8%;left:8%;animation-direction:reverse}.ai-brain .orbit.c{top:0;right:0;bottom:0;left:0;border-color:#2979ff6b;animation-duration:12s}.brain-ray{position:absolute;left:50%;top:50%;width:118px;height:2px;transform-origin:left center;background:linear-gradient(90deg,rgba(29,230,255,.95),transparent);box-shadow:0 0 10px #1de6ffd9;animation:rayPulse 1.8s ease-in-out infinite}.brain-ray.r0{transform:rotate(0)}.brain-ray.r1{transform:rotate(45deg)}.brain-ray.r2{transform:rotate(90deg)}.brain-ray.r3{transform:rotate(135deg)}.brain-ray.r4{transform:rotate(180deg)}.brain-ray.r5{transform:rotate(225deg)}.brain-ray.r6{transform:rotate(270deg)}.brain-ray.r7{transform:rotate(315deg)}@keyframes rayPulse{0%,to{opacity:.25}50%{opacity:1}}.anomaly-code>div{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:9px 9px 0}.anomaly-code b{display:flex;align-items:center;justify-content:center;height:45px;border:1px solid rgba(44,164,255,.34);border-radius:6px;color:#68bdff;background:#041c41b8;font-size:1.55em}.anomaly-code b:first-child,.anomaly-code b:nth-child(2){color:#ff644e}.energy-code-panel{position:relative;min-height:0}.energy-code-panel h3{margin:10px 18px 0;color:#e6fbff;font-size:.92em}.mini-line{display:block;width:calc(100% - 28px);height:154px;margin:2px auto 0}.chart-sweep{position:absolute;z-index:4;top:56px;left:38px;width:2px;height:138px;pointer-events:none;background:linear-gradient(180deg,transparent,rgba(107,255,213,.92),transparent);box-shadow:0 0 14px #56f4ffd6;animation:chartSweep 3.2s ease-in-out infinite}@keyframes chartSweep{0%,to{transform:translate(0);opacity:0}10%,86%{opacity:.9}92%{transform:translate(390px);opacity:0}}.chart-grid{stroke:#59b0df2b;stroke-width:1}.chart-legend line{stroke:#22e6ff;stroke-width:3;stroke-linecap:round}.chart-legend line.sub{stroke:#3dff8d}.chart-legend text,.chart-axis-label{fill:#a8dcf2;font-size:10px}.chart-axis-label.y{text-anchor:end;transform:translate(30px)}.chart-axis-label.x{text-anchor:middle}.energy-path{fill:none;stroke-linecap:round;stroke-width:4}.energy-path.main{stroke:#22e6ff;filter:drop-shadow(0 0 7px rgba(34,230,255,.82))}.energy-path.sub{stroke:#3dff8d;stroke-width:3}.chart-point{fill:#20f3ff;stroke:#d8ffff;stroke-width:1;filter:drop-shadow(0 0 7px rgba(32,243,255,.92))}.analytics-row{display:grid;grid-template-columns:1fr 1fr;gap:11px;height:150px;padding:3px 15px 0}.analytics-row>div{min-width:0;border-top:1px solid rgba(56,203,255,.14)}.analytics-row>div:nth-child(2){position:relative}.bar-code{display:grid;grid-template-columns:repeat(5,1fr);align-items:end;gap:12px;height:105px;padding:12px 10px 0}.bar-code span{position:relative;display:block;min-height:48px;overflow:hidden;border:1px solid rgba(86,235,255,.38);background:linear-gradient(180deg,#6bffbec7,#26e5ffb8 42%,#2877d4b8),repeating-linear-gradient(180deg,rgba(255,255,255,.12) 0 2px,transparent 3px 9px);box-shadow:0 0 12px #26e5ff59,inset 0 0 14px #ffffff24}.bar-spark{position:absolute;left:0;right:0;height:18px;top:-20px;background:linear-gradient(180deg,transparent,rgba(255,255,255,.92),transparent);filter:blur(1px);animation:barSpark 2.3s ease-in-out infinite}.bar-code span:nth-child(2) .bar-spark{animation-delay:.18s}.bar-code span:nth-child(3) .bar-spark{animation-delay:.36s}.bar-code span:nth-child(4) .bar-spark{animation-delay:.54s}.bar-code span:nth-child(5) .bar-spark{animation-delay:.72s}@keyframes barSpark{0%,26%{transform:translateY(0);opacity:0}42%{opacity:.95}to{transform:translateY(128px);opacity:0}}.bar-code b{position:absolute;top:-18px;left:50%;transform:translate(-50%);color:#eaffff;font-size:.72em}.donut-code{position:relative;width:96px;height:96px;margin:12px auto 0 18px;border-radius:50%;background:radial-gradient(circle,#04152e 0 42%,transparent 43%),conic-gradient(#1fbaff 0,#1fbaff 48%,#25e7ff 48%,#25e7ff 80%,#ffdb44 80%,#ffdb44 92%,#67d96d 92%,#67d96d);box-shadow:0 0 18px #2ed6ff52}.donut-radar{position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 72%,rgba(123,255,210,.72) 83%,transparent 100%),repeating-radial-gradient(circle,transparent 0 18px,rgba(119,240,255,.16) 19px 20px);mix-blend-mode:screen;animation:donutRadar 3.1s linear infinite}@keyframes donutRadar{to{rotate:360deg}}.donut-legend{list-style:none;position:absolute;top:40px;left:118px;display:grid;gap:5px;margin:0;padding:0;color:#cfeeff;font-size:.62em}.donut-legend li{display:flex;align-items:center;gap:6px;white-space:nowrap}.donut-legend i{width:8px;height:8px;border-radius:2px;background:#1fbaff;box-shadow:0 0 7px #1fbaffa6}.donut-legend li:nth-child(2) i{background:#25e7ff}.donut-legend li:nth-child(3) i{background:#ffdb44}.donut-legend li:nth-child(4) i{background:#67d96d}.saving-code{position:relative;overflow:hidden;display:grid;grid-template-columns:1fr 45px 1fr 1fr;gap:10px;align-items:stretch;padding:12px 15px 0}.saving-flow{position:absolute;z-index:0;left:0;right:0;top:40%;height:2px;background:linear-gradient(90deg,transparent,rgba(255,96,112,.42),rgba(103,255,177,.92),transparent);box-shadow:0 0 16px #67ffb1b8;animation:savingFlow 2.4s ease-in-out infinite}@keyframes savingFlow{0%,to{transform:translate(-35%);opacity:.28}50%{transform:translate(35%);opacity:.9}}.saving-code article{position:relative;z-index:1;min-height:90px;padding:10px 11px;border:1px solid rgba(45,205,255,.56);border-radius:6px;background:#04224cc7;box-shadow:inset 0 0 16px #00c4ff1f}.saving-code>b{align-self:center;justify-self:center;color:#fff;font-size:2em;text-shadow:0 0 16px rgba(72,213,255,.84)}.saving-code span,.saving-code em{display:block;color:#bfefff;font-style:normal;font-size:.78em}.saving-code strong{display:block;margin:7px 0;color:#5fe6ff;font-size:1.08em}.saving-code .result{border-color:#42ff979e}.saving-code .result strong{color:#52ff97;font-size:1.68em}.alerts-code-panel p{position:relative;display:grid;grid-template-columns:16px 1fr 70px;align-items:center;gap:8px;margin:0;padding:5px 12px;border-bottom:1px solid rgba(48,189,255,.12);color:#d8f6ff;font-size:.78em;line-height:1.2}.alert-pulse{grid-column:1;width:14px;height:14px;border-radius:50%;background:#ffb830c2;box-shadow:0 0 11px #ffb830b3;animation:alertPulse 1.8s ease-in-out infinite}.alerts-code-panel p.warn:first-of-type .alert-pulse{background:#ff563fdb;box-shadow:0 0 14px #ff563fdb}@keyframes alertPulse{0%,to{transform:scale(.74);opacity:.46}50%{transform:scale(1.12);opacity:1}}.alerts-code-panel p:before{content:"!";display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;border-radius:50%;color:#03172f;background:#ffb830;font-weight:900;display:none}.alerts-code-panel p span{grid-column:2;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.alerts-code-panel p.warn span{color:#ffc544}.alerts-code-panel p.warn:first-of-type span{color:#ff563f}.alerts-code-panel time{grid-column:3;color:#8ccfec;text-align:right}.status-code-panel{display:grid;grid-template-columns:repeat(5,1fr);align-content:start;gap:9px;padding:38px 10px 8px}.status-code-panel .code-panel-title{position:absolute;top:0;left:0;right:0}.status-label{min-width:0;text-align:center}.status-label>span{display:block;margin-bottom:5px;color:#d6f4ff;font-size:.68em;font-weight:800;white-space:nowrap}.ring-code{display:flex;flex-direction:column;align-items:center;justify-content:center;aspect-ratio:1;border:5px solid rgba(44,228,151,.88);border-left-color:#2ce49738;border-radius:50%;color:#c8fbff;background:#031f44a3;box-shadow:0 0 14px #2ce49742}.ring-code strong{color:#8df8ff;font-size:1em}.ring-code span{margin-top:4px;color:#5dff98;font-size:.7em}.ring-code em{margin-top:4px;color:#5dff98;font-size:.7em;font-style:normal}.kpi-code{position:relative;display:flex;align-items:center;gap:16px;min-width:0;padding:15px 16px;border-right:1px solid rgba(68,206,255,.28)}.kpi-energy-orbit{position:absolute;left:11px;top:50%;width:4.75em;height:4.75em;transform:translateY(-50%) rotateX(62deg);border:1px solid rgba(104,247,255,.38);border-top-color:#65ffb1c7;border-radius:50%;box-shadow:0 0 15px #41e5ff4d;animation:kpiOrbit 4.6s linear infinite}.kpi-code.green .kpi-energy-orbit,.kpi-code.lime .kpi-energy-orbit{border-top-color:#75ff97e6}.kpi-code.red .kpi-energy-orbit{border-top-color:#ff6565eb}@keyframes kpiOrbit{0%{rotate:0deg}to{rotate:360deg}}.kpi-code:last-child{border-right:0}.kpi-code:after{content:"";position:absolute;top:14%;right:-1px;width:1px;height:72%;background:linear-gradient(transparent,rgba(72,229,255,.9),transparent)}.kpi-code:last-child:after{display:none}.kpi-code svg{flex:0 0 auto;width:3.75em;height:3.75em;filter:drop-shadow(0 0 10px currentColor)}.kpi-code span{display:block;color:#ddf5ff;font-size:.96em;font-weight:800;white-space:nowrap}.kpi-code strong{display:block;margin-top:9px;font-size:2.05em;line-height:1}.kpi-code em{margin-left:7px;color:#c9f2ff;font-size:.48em;font-style:normal}.kpi-code small{display:block;margin-top:13px;color:#b8d9e7;font-size:.76em}.kpi-code.cyan svg,.kpi-code.cyan strong{color:#55e2ff}.kpi-code.green svg,.kpi-code.green strong{color:#58f786}.kpi-code.blue svg,.kpi-code.blue strong{color:#68baff}.kpi-code.lime svg,.kpi-code.lime strong{color:#a1f46f}.kpi-code.red svg,.kpi-code.red strong{color:#ff6767}.kpi-code.sky svg,.kpi-code.sky strong{color:#67cbff}.ticker-code strong{color:#37d8ff}.ticker-code time{color:#72c9ff}.ticker-code span,.ticker-code em{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ticker-code em{color:#6f9ebb;font-style:normal}@media (max-aspect-ratio: 1/1){.code-dashboard{font-size:9px}.header-title h1{font-size:2em}}