:root{font-family:PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:#e7f5ef;background:#07110f;font-synthesis:none;--green: #47e6a1;--muted: #76958a}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 52% -10%,#17382e 0,#091813 37%,#050c0a 80%)}button,select{font:inherit}button{color:inherit}.app-shell{width:min(1800px,100%);min-height:100vh;margin:auto;padding:0 28px 20px}.topbar{height:88px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid #1b342c}.brand{display:flex;align-items:center;gap:13px}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border:1px solid #48e6a266;background:#47e6a112;color:var(--green);font-size:20px;transform:rotate(45deg);border-radius:12px}.brand-mark:first-letter{transform:rotate(-45deg)}.brand strong,.brand small{display:block}.brand strong{font-size:21px;letter-spacing:.14em}.brand small{color:var(--muted);margin-top:2px;font-size:11px;letter-spacing:.12em}.header-stats{display:flex;gap:44px}.header-stats div{position:relative;min-width:100px}.header-stats div+div:before{content:"";position:absolute;height:28px;border-left:1px solid #233c34;left:-22px;top:4px}.header-stats small,.header-stats strong{display:block}.header-stats small,.eyebrow{font-family:SFMono-Regular,Consolas,monospace;font-size:9px;letter-spacing:.17em;color:#5f8175}.header-stats strong{font:500 13px/1.8 SFMono-Regular,Consolas,monospace}.connection{justify-self:end;display:flex;align-items:center;gap:9px;padding:9px 14px;border:1px solid;border-radius:99px;font-size:12px}.connection i{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 12px currentColor}.connection.online{color:var(--green);border-color:#47e6a14d;background:#47e6a10a}.connection.offline{color:#ff826f;border-color:#ff826f4d;background:#ff826f0a}main{padding-top:18px}.card{background:linear-gradient(145deg,#10211cdd,#0a1713e8);border:1px solid #1b382f;border-radius:15px;box-shadow:inset 0 1px #ffffff05,0 14px 40px #0000001c}.metrics-grid{display:grid;grid-template-columns:repeat(6,minmax(130px,1fr));gap:12px}.metric{min-height:130px;padding:16px 17px;position:relative;overflow:hidden}.metric:after{content:"";position:absolute;width:90px;height:90px;right:-42px;bottom:-50px;background:var(--accent);filter:blur(38px);opacity:.14}.metric-top{display:flex;justify-content:space-between;align-items:center}.metric-icon{display:grid;place-items:center;color:var(--accent);width:30px;height:30px;border-radius:9px;background:color-mix(in srgb,var(--accent) 11%,transparent);font-size:19px}.source{font-size:9px;padding:3px 7px;border-radius:99px}.source.real{color:#56e7aa;background:#47e6a112}.source.sim{color:#aa94ff;background:#a789ff14}.metric-value{margin-top:14px;font:500 25px/1 SFMono-Regular,Consolas,monospace}.metric-value small{margin-left:5px;color:#77978b;font-size:10px}.metric-label{margin-top:9px;color:#86a69b;font-size:11px}.main-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(330px,.75fr);gap:14px;margin-top:14px}.scene{min-height:570px;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 42%,#15372c,#091612 67%)}.scene-loading{display:grid;place-items:center;color:#648479;font-size:11px;letter-spacing:.12em}.scene canvas{position:absolute!important;inset:0}.scene-title{position:absolute;z-index:2;top:20px;left:22px;pointer-events:none}h2{font-size:15px;margin:5px 0 0;font-weight:600;letter-spacing:.04em}.scene-legend{position:absolute;z-index:2;right:20px;top:22px;display:flex;gap:13px;font-size:10px;color:#527267;pointer-events:none}.scene-legend .active{color:var(--green);text-shadow:0 0 10px #47e6a1}.scene-hint{position:absolute;bottom:14px;left:50%;transform:translate(-50%);color:#507066;font-size:9px;letter-spacing:.12em;pointer-events:none}.side-stack{display:grid;grid-template-rows:auto 1fr;gap:14px}.alarm{min-height:108px;padding:18px;display:flex;align-items:center;gap:15px;transition:border-color .3s,background .3s}.alarm-icon{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#47e6a112;border:1px solid #47e6a138;color:var(--green);font:500 18px SFMono-Regular,Consolas,monospace}.alarm p{margin:7px 0 0;color:#78988d;font-size:11px}.alarm-1{border-color:#ff675c88;background:linear-gradient(135deg,#321c18,#111713);animation:alarmPulse 1.6s ease-in-out infinite}.alarm-1 .alarm-icon{color:#ff7568;border-color:#ff756866;background:#ff756814}@keyframes alarmPulse{50%{box-shadow:inset 0 0 34px #ff55440b,0 0 22px #ff554412}}.controls{padding:19px}.section-head{display:flex;justify-content:space-between;align-items:flex-start}.manual-note{font-size:9px;color:#647f76}.control-list{display:grid;gap:7px;margin-top:15px}.control{border:1px solid #1b372f;background:#0c1b17a8;border-radius:10px;padding:9px 10px;display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:9px;cursor:pointer;text-align:left;transition:.2s}.control:hover:not(:disabled){transform:translate(2px);border-color:#3a6757}.control:disabled{opacity:.45;cursor:not-allowed}.control-icon{display:grid;place-items:center;width:31px;height:31px;border-radius:8px;background:#1a3029;color:#789a8e}.control strong,.control small{display:block}.control strong{font-size:11px}.control small{color:#607f74;font-size:8px;margin-top:2px}.switch{width:30px;height:17px;border-radius:20px;background:#21352f;padding:2px;transition:.2s}.switch i{display:block;width:13px;height:13px;border-radius:50%;background:#6e887f;transition:.2s}.control.on{border-color:#47e6a13c;background:#47e6a10a}.control.on .control-icon{color:var(--green);background:#47e6a114}.control.on .switch{background:#32ae78}.control.on .switch i{background:#fff;transform:translate(13px)}.ack{width:100%;margin-top:11px;padding:9px;border:1px solid #ff75685c;color:#ff958a;background:#ff75680c;border-radius:9px;cursor:pointer;font-size:10px}.ack:disabled{opacity:.32;cursor:not-allowed}.command-message{height:18px;text-align:center;color:#77a295;font-size:9px;padding-top:5px}.trend{margin-top:14px;min-height:238px;padding:18px 20px 12px;position:relative}.trend select{border:1px solid #29473e;border-radius:8px;color:#a8c6bb;background:#0b1915;padding:7px 28px 7px 10px;font-size:10px}.chart-value{position:absolute;right:22px;top:58px;font:500 18px SFMono-Regular,Consolas,monospace;color:var(--green)}.chart-value small{font-size:9px;color:#66867b}.trend svg{width:100%;height:125px;margin-top:12px;overflow:visible}.trend polyline{fill:none;stroke:var(--green);stroke-width:.7;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 3px #47e6a180)}.gridline{fill:none;stroke:#29443a;stroke-width:.25;vector-effect:non-scaling-stroke;stroke-dasharray:2 3}.chart-axis{display:flex;justify-content:space-between;color:#49685e;font:8px SFMono-Regular,Consolas,monospace}footer{min-height:38px;display:flex;align-items:end;justify-content:center;gap:28px;color:#3f5e54;font:8px SFMono-Regular,Consolas,monospace;letter-spacing:.11em}@media(max-width:1150px){.header-stats{display:none}.topbar{grid-template-columns:1fr 1fr}.metrics-grid{grid-template-columns:repeat(3,1fr)}.main-grid{grid-template-columns:1fr}.scene{min-height:520px}.side-stack{grid-template-columns:.7fr 1.3fr;grid-template-rows:1fr}}@media(max-width:680px){.app-shell{padding:0 12px 16px}.topbar{height:72px}.brand small{display:none}.metrics-grid{grid-template-columns:repeat(2,1fr)}.metric{min-height:116px}.side-stack{display:grid;grid-template-columns:1fr}.scene{min-height:430px}.scene-legend,.manual-note{display:none}footer{gap:9px;flex-wrap:wrap}.trend{min-height:205px}.trend svg{height:100px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}