:root{--bg: #060b14;--bg2: #0a1222;--panel: rgba(16, 32, 58, .72);--panel-solid: #12233f;--panel2: rgba(22, 42, 74, .55);--border: rgba(94, 160, 255, .18);--border-strong: rgba(94, 160, 255, .38);--text: #eef5ff;--muted: #a3b6d4;--accent: #3ec8ff;--accent-2: #5eead4;--green: #34e0a1;--green-dim: rgba(52, 224, 161, .14);--red: #fb7185;--red-dim: rgba(251, 113, 133, .14);--amber: #fbbf24;--amber-dim: rgba(251, 191, 36, .14);--violet: #a78bfa;--gray: #94a3b8;--gray-dim: rgba(148, 163, 184, .14);--shadow: 0 18px 50px rgba(0, 8, 24, .45);--radius: 16px}*{box-sizing:border-box}html,body,#app{margin:0;padding:0;height:100%}body{color:var(--text);font-family:Microsoft YaHei UI,PingFang SC,Noto Sans SC,Segoe UI,system-ui,sans-serif;font-size:14px;background:radial-gradient(1000px 520px at 15% -5%,rgba(56,189,248,.18),transparent 55%),radial-gradient(900px 460px at 88% 5%,rgba(52,211,153,.12),transparent 50%),radial-gradient(800px 560px at 65% 105%,rgba(167,139,250,.1),transparent 50%),var(--bg);background-attachment:fixed}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(rgba(80,140,220,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(80,140,220,.04) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(ellipse at 50% 20%,#000 40%,transparent 80%);mask-image:radial-gradient(ellipse at 50% 20%,#000 40%,transparent 80%);z-index:0}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,transparent 50%,rgba(62,200,255,.015) 50%);background-size:100% 4px;z-index:1}#app{position:relative;z-index:1}a{color:inherit;text-decoration:none}.app-shell{height:100dvh;min-height:100dvh;display:flex;flex-direction:column;overflow:hidden}.app-shell>:last-child{flex:1;min-height:0}.topbar{display:flex;align-items:center;gap:18px;padding:0 28px;height:64px;flex:0 0 64px;background:#081020c7;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:sticky;top:0;z-index:20}.topbar .brand{font-size:16px;font-weight:700;letter-spacing:.6px;display:flex;align-items:center;gap:10px;white-space:nowrap}.brand-mark{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(145deg,#1d4ed8,#0891b2);box-shadow:0 0 18px #38bdf859}.brand-mark svg{width:18px;height:18px}.topbar nav{display:flex;gap:6px;margin-left:4px}.topbar nav a{padding:7px 14px;border-radius:999px;color:var(--muted);font-size:13px;transition:.15s ease}.topbar nav a:hover{color:var(--text);background:#ffffff0d}.topbar nav a.router-link-active{color:#062033;background:linear-gradient(90deg,var(--accent),#67e8f9);font-weight:700}.topbar .spacer{flex:1}.topbar .clock{font-variant-numeric:tabular-nums;color:var(--muted);font-size:13px;letter-spacing:.3px}.live-pill{display:inline-flex;align-items:center;gap:8px;font-size:12px;padding:5px 12px;border-radius:999px;color:var(--green);background:var(--green-dim);border:1px solid rgba(52,224,161,.28)}.live-pill i{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green);animation:pulse 1.6s infinite}.page{padding:22px 28px 48px;flex:1;width:100%;max-width:1680px;margin:0 auto;overflow:auto;height:100%}.dash-stage{position:relative;height:100%;overflow:hidden;background:transparent}.dash-canvas{position:absolute;left:50%;top:50%;width:1920px;height:1080px;transform-origin:center center;display:flex;flex-direction:column;gap:14px;padding:14px 28px 18px;box-sizing:border-box}.dash-header{flex:0 0 56px;display:flex;align-items:center;gap:16px}.dh-line{flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(62,200,255,.35),transparent);position:relative}.dh-line:after{content:"";position:absolute;left:50%;top:-1px;transform:translate(-50%);width:6px;height:3px;border-radius:2px;background:var(--accent);box-shadow:0 0 8px var(--accent)}.dh-center{position:relative;text-align:center;flex-shrink:0}.dh-center h1{margin:0;font-size:26px;font-weight:800;letter-spacing:2px;color:var(--text);text-shadow:0 0 24px rgba(62,200,255,.25)}.dh-sub{font-size:11px;color:var(--muted);letter-spacing:3px;text-transform:uppercase;margin-top:4px;display:flex;align-items:center;justify-content:center;gap:10px}.dh-dot{width:4px;height:4px;border-radius:50%;background:var(--accent);box-shadow:0 0 6px var(--accent)}.dh-glow{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:360px;height:60px;background:radial-gradient(ellipse,rgba(62,200,255,.08),transparent 70%);pointer-events:none;z-index:-1}.dash-canvas .hero{margin:0;flex:0 0 218px;grid-template-columns:1.1fr .9fr;gap:14px}.dash-canvas .hero-main{min-height:0;padding:18px 24px 16px;justify-content:space-between}.dash-canvas .hero-top{margin-bottom:10px}.dash-canvas .hp-value{font-size:48px}.dash-canvas .ring{width:100px;height:100px}.dash-canvas .ring-inner{width:76px;height:76px}.dash-canvas .ring-inner b{font-size:18px}.dash-canvas .hero-kpi{min-height:0;padding:12px 16px}.dash-canvas .hero-kpi .k{font-size:16px}.dash-canvas .hero-kpi .jp{font-size:13px}.dash-canvas .hero-kpi .v{font-size:30px;margin-top:4px}.dash-canvas .flow-panel{padding:8px 16px;flex:0 0 92px}.dash-canvas .phase-section{flex:1 1 auto;min-height:0;display:flex}.dash-canvas .group-grid.phases{flex:1;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.dash-canvas .group-card{padding:24px 28px 20px;display:flex;flex-direction:column;justify-content:space-between}.dash-canvas .group-card .g-head{margin-bottom:10px}.dash-canvas .group-card .g-name{font-size:28px}.dash-canvas .group-card .g-cap{font-size:16px}.dash-canvas .group-card .g-power{font-size:58px}.dash-canvas .group-card .g-power .unit{font-size:18px}.dash-canvas .group-card .gauge{height:12px;margin:14px 0 18px}.dash-canvas .group-card .g-metrics{margin-top:18px;padding-top:18px;gap:10px}.dash-canvas .group-card .g-metric .k{font-size:16px;margin-bottom:8px}.dash-canvas .group-card .g-metric b{font-size:28px}.dash-canvas .group-card .g-metric .u{font-size:14px}.dash-canvas .group-card .g-enter{margin-top:14px;font-size:16px}.dash-canvas .group-card .jp{font-size:13px}.dash-canvas .bottom-row{flex:0 0 152px;display:grid;grid-template-columns:1fr 1fr;gap:14px}.dash-canvas .bottom-row .panel{padding:8px 12px}.dash-canvas .bottom-row h3{margin-bottom:4px!important}.dash-canvas .eco-grid{gap:6px}.dash-canvas .eco-item{padding:6px 8px}.dash-canvas .eco-item .x{font-size:22px}.dash-canvas .eco-ico{width:40px;height:40px}.dash-canvas .eco-body .n{font-size:14px}.dash-canvas .eco-body .jp{font-size:13px}.bottom-panel .eco-item{border:1px solid transparent;transition:border-color .2s ease,background .2s ease}.bottom-panel .eco-item:hover{border-color:#5ea0ff33;background:#0812248c}.page h2.title{font-size:22px;margin:0;font-weight:700;letter-spacing:.3px}.page-kicker{font-size:14px;color:var(--accent);letter-spacing:2px;text-transform:uppercase;margin-bottom:6px;font-weight:600}.muted{color:var(--muted)}.small{font-size:12px}.jp{display:block;font-size:13px;font-weight:500;line-height:1.3;color:#b9c9e4;opacity:1;letter-spacing:.5px;margin-top:3px;-webkit-font-smoothing:antialiased}.hero-kpi .jp{margin-top:2px}.jp-inline{font-size:.8em;font-weight:500;color:#b9c9e4;opacity:1;margin-left:6px;letter-spacing:.3px;white-space:nowrap;-webkit-font-smoothing:antialiased}.panel{position:relative;background:linear-gradient(180deg,#182c4e8c,#0a1426b3);border:1px solid var(--border);border-radius:var(--radius);padding:18px 20px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden}.panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:linear-gradient(120deg,rgba(62,200,255,.12),transparent 28%,transparent 72%,rgba(52,224,161,.08))}.panel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:linear-gradient(var(--accent),var(--accent)) top left / 24px 2px no-repeat,linear-gradient(var(--accent),var(--accent)) top left / 2px 24px no-repeat,linear-gradient(var(--green),var(--green)) top right / 24px 2px no-repeat,linear-gradient(var(--green),var(--green)) top right / 2px 24px no-repeat,linear-gradient(var(--accent),var(--accent)) bottom left / 24px 2px no-repeat,linear-gradient(var(--accent),var(--accent)) bottom left / 2px 24px no-repeat,linear-gradient(var(--green),var(--green)) bottom right / 24px 2px no-repeat,linear-gradient(var(--green),var(--green)) bottom right / 2px 24px no-repeat;opacity:.7}.panel>*{position:relative;z-index:1}.panel h3{margin:0 0 14px;font-size:13px;font-weight:600;color:var(--muted);display:flex;align-items:center;gap:8px;letter-spacing:.4px}.panel h3:before{content:"";width:3px;height:14px;border-radius:2px;background:linear-gradient(180deg,var(--accent),var(--green))}.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(158px,1fr));gap:12px}.stat{background:linear-gradient(180deg,#1c345a80,#0c182c66);border:1px solid var(--border);border-radius:14px;padding:14px 16px;position:relative;overflow:hidden}.stat:after{content:"";position:absolute;right:-20px;top:-24px;width:72px;height:72px;border-radius:50%;background:radial-gradient(circle,rgba(62,200,255,.12),transparent 70%)}.stat .label{color:var(--muted);font-size:12px;margin-bottom:8px}.stat .value{font-size:24px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.3px}.stat .value .unit{font-size:12px;color:var(--muted);font-weight:400;margin-left:4px}.stat .value.accent{color:var(--accent)}.stat .value.green{color:var(--green);text-shadow:0 0 18px rgba(52,224,161,.25)}.stat .value.amber{color:var(--amber)}.stat .hint{margin-top:6px;font-size:11px;color:var(--muted)}.group-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.group-card{background:linear-gradient(165deg,#183056bf,#0a1426d9);border:1px solid var(--border);border-radius:18px;padding:18px 20px 16px;cursor:pointer;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;position:relative;overflow:hidden}.group-card:before{content:"";position:absolute;inset:auto -40px -60px auto;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(52,224,161,.16),transparent 70%)}.group-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;opacity:0;background:linear-gradient(120deg,rgba(62,200,255,.08),transparent 40%,transparent 60%,rgba(52,224,161,.06));transition:opacity .3s ease}.group-card:hover:after{opacity:1}.group-card:hover{transform:translateY(-4px);border-color:var(--border-strong);box-shadow:0 16px 40px #000a1e73,0 0 0 1px #3ec8ff26,0 0 40px #3ec8ff0f}.kpi-ico{display:inline-grid;place-items:center;flex-shrink:0;color:currentColor}.kpi-ico svg{width:100%;height:100%;display:block}.kpi-ico.sun,.kpi-ico.coin{color:var(--amber)}.kpi-ico.bolt{color:var(--green)}.kpi-ico.calendar,.kpi-ico.stack,.kpi-ico.inverter,.kpi-ico.warehouse,.kpi-ico.co2{color:var(--accent)}.kpi-ico.building,.kpi-ico.grid,.kpi-ico.tree{color:var(--green)}.kpi-ico.crane{color:#93c5fd}.kpi-ico.coal{color:#a8a29e}.kpi-ico.flask{color:var(--amber)}.g-title{display:flex;align-items:flex-start;gap:10px;min-width:0}.g-title .kpi-ico,.i-head .kpi-ico{width:44px!important;height:44px!important;padding:8px;border-radius:12px;background:linear-gradient(145deg,#3ec8ff2e,#34e0a11a);box-shadow:inset 0 0 0 1px #3ec8ff26,0 0 14px #3ec8ff14;box-sizing:border-box}.group-card.building .g-title .kpi-ico{background:linear-gradient(145deg,#93c5fd38,#3b82f61a)}.group-card .g-name{font-size:22px;font-weight:800;letter-spacing:.5px;color:#7dd3fc;text-shadow:0 0 12px rgba(62,200,255,.15)}.group-card .g-cap{font-size:15px;color:#8fa6c6;margin-top:5px;font-weight:500;-webkit-font-smoothing:antialiased}.group-card .g-power{font-size:44px;font-weight:800;color:var(--green);font-variant-numeric:tabular-nums;letter-spacing:-.6px}.group-card .g-power .unit{font-size:16px;color:#8fa6c6;font-weight:500;margin-left:6px}.group-card .g-row{display:flex;justify-content:space-between;padding:7px 0;border-top:1px dashed var(--border);color:#8fa6c6;font-size:14px}.group-card .g-row b{color:var(--text);font-weight:600;font-variant-numeric:tabular-nums}.group-card .g-metrics{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:16px;padding-top:16px;border-top:1px solid var(--border)}.group-card .g-metric{text-align:center;min-width:0}.group-card .g-metric .k{display:block;font-size:15px;color:#5eead4;margin-bottom:6px;font-weight:600;-webkit-font-smoothing:antialiased}.group-card .g-metric .k .jp{color:#5eead499}.group-card .g-metric b{font-size:24px;font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}.group-card .g-metric .u{font-size:13px;color:#8fa6c6;margin-left:3px}.group-card .g-enter{margin-top:12px;font-size:15px;color:var(--accent);display:flex;justify-content:flex-end;letter-spacing:.4px}.gauge{height:6px;border-radius:99px;background:#ffffff0f;overflow:hidden;margin:10px 0 14px}.gauge>i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#22d3ee,#34e0a1);box-shadow:0 0 10px #34e0a180;transition:width .6s ease}.tag{display:inline-flex;align-items:center;gap:5px;font-size:12px;padding:3px 10px;border-radius:999px;border:1px solid;white-space:nowrap}.tag:before{content:"";width:7px;height:7px;border-radius:50%}.tag.ok{color:var(--green);border-color:#34e0a147;background:var(--green-dim)}.tag.ok:before{background:var(--green);box-shadow:0 0 8px var(--green)}.tag.bad{color:var(--red);border-color:var(--red-dim);background:var(--red-dim)}.tag.bad:before{background:var(--red);animation:pulse 1s infinite}.tag.off{color:var(--gray);border-color:var(--gray-dim);background:var(--gray-dim)}.tag.off:before{background:var(--gray)}.tag.build{color:#93c5fd;border-color:#93c5fd66;background:#3b82f624}.tag.build:before{background:#93c5fd;animation:none}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}@keyframes flow{0%{left:-8px;opacity:0}18%{opacity:1}82%{opacity:1}to{left:calc(100% - 4px);opacity:0}}@keyframes flowPipe{0%{transform:translate(-100%)}to{transform:translate(100%)}}.inv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.inv-card{background:linear-gradient(165deg,#183056b3,#0a1426d9);border:1px solid var(--border);border-radius:16px;padding:16px 18px;cursor:pointer;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.inv-card:hover{transform:translateY(-3px);border-color:var(--border-strong);box-shadow:var(--shadow)}.inv-card .i-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:10px;gap:8px}.inv-card .i-name{font-weight:800;font-size:18px;color:#7dd3fc}.inv-card .i-model{font-size:13px;color:#8fa6c6;margin-top:4px;-webkit-font-smoothing:antialiased}.inv-card .i-power{font-size:40px;font-weight:800;color:var(--accent);font-variant-numeric:tabular-nums;letter-spacing:-.5px}.inv-card .i-power .unit{font-size:14px;color:#8fa6c6;font-weight:500}.inv-card .i-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 12px;margin-top:14px}.inv-card .i-kv .k{font-size:14px;color:#8fa6c6;font-weight:600;-webkit-font-smoothing:antialiased}.inv-card .i-kv .jp{font-size:12px}.inv-card .i-kv .v{font-size:20px;font-weight:700;font-variant-numeric:tabular-nums}.inv-card .kv-dc .k{color:#93c5fd}.inv-card .kv-dc .jp{color:#93c5fd99}.inv-card .kv-dc .v{color:#bfdbfe}.inv-card .kv-ac .k{color:#7dd3fc}.inv-card .kv-ac .jp{color:#7dd3fc99}.inv-card .kv-ac .v{color:#a5f3fc}.inv-card .kv-gen .k{color:#5eead4}.inv-card .kv-gen .jp{color:#5eead499}.inv-card .kv-gen .v{color:#6ee7b7}.inv-card .kv-temp .k{color:#fdba74}.inv-card .kv-temp .jp{color:#fdba7499}.inv-card .kv-temp .v{color:#fdba74}.chart-box{width:100%;height:300px}.chart-box.tall{height:340px}.quick-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}.quick-btn{display:flex;flex-direction:column;gap:6px;padding:18px 20px;border-radius:16px;border:1px solid var(--border);background:linear-gradient(135deg,#1e406e8c,#0c182cb3);cursor:pointer;text-align:left;transition:.2s ease;color:var(--text)}.quick-btn:hover{transform:translateY(-3px);border-color:var(--accent);box-shadow:0 0 24px #3ec8ff1f}.quick-btn .q-name{font-size:17px;font-weight:700}.quick-btn .q-sub{font-size:12px;color:var(--muted)}.quick-btn .q-arrow{align-self:flex-end;color:var(--accent);font-size:20px}.form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.field label{display:block;font-size:12px;color:var(--muted);margin-bottom:6px}.field input,textarea{width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:#070e1c8c;color:var(--text);font-size:14px}.field input:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #3ec8ff1f}.btn{padding:10px 22px;border-radius:10px;border:none;background:linear-gradient(90deg,#22d3ee,#38bdf8);color:#062033;font-weight:700;font-size:14px;cursor:pointer}.btn:hover{filter:brightness(1.08)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn.ghost{background:transparent;color:var(--muted);border:1px solid var(--border)}.back-link{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:13px;margin-bottom:14px;cursor:pointer;padding:4px 0}.back-link:hover{color:var(--accent)}.row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.between{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.section{margin-bottom:20px}.error-box{background:var(--red-dim);border:1px solid var(--red);color:var(--red);padding:14px 16px;border-radius:12px;margin-bottom:16px}.loading{color:var(--muted);padding:80px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px}.spinner{width:36px;height:36px;border-radius:50%;border:3px solid rgba(62,200,255,.15);border-top-color:var(--accent);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.kv-list{display:flex;flex-direction:column;gap:8px}.kv-list .kv{display:flex;justify-content:space-between;border-bottom:1px dashed var(--border);padding-bottom:7px;gap:12px}.kv-list .kv .k{color:var(--muted);font-size:13px}.kv-list .kv .v{font-weight:600;font-variant-numeric:tabular-nums}.hero{display:grid;grid-template-columns:1.15fr .85fr;gap:16px;margin-bottom:20px}.hero-main{padding:26px 28px 22px;min-height:240px;display:flex;flex-direction:column;justify-content:space-between}.hero-top{margin-bottom:14px}.hero-power-row{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-top:14px}.hp-block{flex:1;min-width:0}.hp-value span{font-size:18px;color:var(--muted);font-weight:500;margin-left:8px}.hp-label{font-size:16px;color:#b6c6e0;font-weight:600;margin-bottom:8px;-webkit-font-smoothing:antialiased}.ring-wrap{display:flex;flex-direction:column;align-items:center;gap:6px;flex-shrink:0}.ring-label{font-size:15px;color:#b6c6e0;font-weight:600;letter-spacing:1px}.ring{--p: 0;width:108px;height:108px;border-radius:50%;background:conic-gradient(#34e0a1 calc(var(--p) * 1%),#ffffff0f 0);display:grid;place-items:center;flex-shrink:0;box-shadow:0 0 24px #34e0a126}.ring-inner{width:82px;height:82px;border-radius:50%;background:#0b1628;display:flex;flex-direction:column;align-items:center;justify-content:center}.ring-inner b{font-size:26px;color:var(--green);font-variant-numeric:tabular-nums;text-shadow:none;-webkit-font-smoothing:antialiased}.ring-inner span{font-size:14px;color:#b6c6e0;font-weight:500}.hero-side{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hero-kpi{padding:16px 18px;display:flex;flex-direction:column;justify-content:space-between;min-height:112px}.hero-kpi .k{font-size:16px;color:#b6c6e0;font-weight:600;-webkit-font-smoothing:antialiased}.hero-kpi .v{font-size:36px;font-weight:800;font-variant-numeric:tabular-nums;margin-top:10px;letter-spacing:-.4px}.hero-kpi .v small{font-size:13px;color:var(--muted);font-weight:400;margin-left:5px}.hero-kpi .v.green{color:var(--green)}.hero-kpi .v.accent{color:var(--accent)}.hk-green{border-left:3px solid var(--green)!important}.hk-amber{border-left:3px solid var(--amber)!important}.hk-blue{border-left:3px solid var(--accent)!important}.hk-cyan{border-left:3px solid var(--accent-2)!important}.hero-kpi{flex-direction:row!important;align-items:center;gap:12px;padding:14px 16px!important}.hk-ico{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,#ffffff14,#ffffff05);box-shadow:inset 0 0 0 1px #ffffff0f;flex-shrink:0}.hk-body{flex:1;min-width:0}.hk-body .k{font-size:15px;color:#b6c6e0;font-weight:600;margin-bottom:5px;-webkit-font-smoothing:antialiased}.hk-body .v{font-size:32px;font-weight:800;font-variant-numeric:tabular-nums;margin-top:0!important;letter-spacing:-.4px}.hk-body .v small{font-size:14px}.hk-green .hk-body .k{color:#5eead4}.hk-amber .hk-body .k{color:#fcd34d}.hk-blue .hk-body .k{color:#7dd3fc}.hk-cyan .hk-body .k{color:#5eead4}.hk-green .hk-body .jp{color:#5eead4a6}.hk-amber .hk-body .jp{color:#fcd34da6}.hk-blue .hk-body .jp{color:#7dd3fca6}.hk-cyan .hk-body .jp{color:#5eead4a6}.hp-value{font-size:56px;font-weight:800;color:var(--green);letter-spacing:-1.5px;font-variant-numeric:tabular-nums;line-height:1;text-shadow:none;-webkit-font-smoothing:antialiased}.g-power{text-shadow:none;font-weight:800;-webkit-font-smoothing:antialiased}.eco-body .x{text-shadow:none;-webkit-font-smoothing:antialiased}.flow{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0;height:100%}.flow-node{flex:0 0 auto;display:flex;align-items:center;gap:12px;padding:8px 16px;border-radius:12px;background:#0812248c;border:1px solid var(--border)}.flow-ico{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;flex-shrink:0}.flow-ico.pv{background:#fbbf241f;color:var(--amber)}.flow-ico.inv{background:#3ec8ff1f;color:var(--accent)}.flow-ico.grid{background:#34e0a11f;color:var(--green)}.flow-info{text-align:left}.flow-name{font-size:15px;color:#b6c6e0;font-weight:600;-webkit-font-smoothing:antialiased}.flow-val{font-size:22px;font-weight:700;font-variant-numeric:tabular-nums}.flow-sub{font-size:13px;color:#b6c6e0;margin-top:2px}.flow-pipe{flex:1;height:28px;position:relative;display:flex;align-items:center}.flow-pipe-track{width:100%;height:3px;border-radius:2px;background:linear-gradient(90deg,#fbbf2466,#3ec8ff80,#34e0a166);position:relative;overflow:hidden}.flow-pipe-track:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(90deg,transparent 0 12px,rgba(255,255,255,.15) 12px 18px,transparent 18px 30px);animation:flowPipe 2s linear infinite}.flow-pipe-dot{position:absolute;left:0;top:50%;transform:translateY(-50%);width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent);animation:flow 2.2s linear infinite}.eco-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.eco-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:#08122466;border:1px solid var(--border);transition:background .2s ease,border-color .2s ease}.eco-item:hover{background:#08122499;border-color:var(--border-strong)}.eco-ico{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;flex-shrink:0;box-shadow:inset 0 0 0 1px #ffffff0f}.eco-ico.eco-coal{background:radial-gradient(circle at 30% 25%,#3f3f46,#18181b 70%);color:#d4d4d8;box-shadow:inset 0 0 0 1px #d4d4d82e,0 0 14px #00000059}.eco-ico.eco-co2{background:radial-gradient(circle at 30% 25%,#38bdf859,#082f498c 70%);color:#7dd3fc;box-shadow:inset 0 0 0 1px #38bdf859,0 0 16px #38bdf840}.eco-ico.eco-so2{background:radial-gradient(circle at 30% 25%,#fbbf2459,#78350f80 70%);color:#fcd34d;box-shadow:inset 0 0 0 1px #fbbf2459,0 0 16px #fbbf2440}.eco-ico.eco-tree{background:radial-gradient(circle at 30% 25%,#34e0a159,#04503680 70%);color:#34e0a1;box-shadow:inset 0 0 0 1px #34e0a159,0 0 16px #34e0a138}.eco-body{flex:1;min-width:0}.eco-body .n{font-size:15px;color:#b6c6e0;font-weight:600;-webkit-font-smoothing:antialiased}.eco-body .jp{font-size:13px}.eco-coal .eco-body .n{color:#c7ced6}.eco-coal .eco-body .jp{color:#c7ced699}.eco-co2 .eco-body .n{color:#7dd3fc}.eco-co2 .eco-body .jp{color:#7dd3fca6}.eco-so2 .eco-body .n{color:#fcd34d}.eco-so2 .eco-body .jp{color:#fcd34da6}.eco-tree .eco-body .n{color:#5eead4}.eco-tree .eco-body .jp{color:#5eead4a6}.eco-rev-panel .eco-body .n{color:#fcd34d}.eco-rev-panel .eco-body .jp{color:#fcd34d99}.group-screen .hero-kpi .k{color:#5eead4}.group-screen .hero-kpi .k .jp{color:#5eead499}.device-screen .kpi-gen .k{color:#5eead4}.device-screen .kpi-gen .k .jp{color:#5eead499}.device-screen .kpi-eff .k{color:#7dd3fc}.device-screen .kpi-eff .k .jp{color:#7dd3fc99}.device-screen .kpi-temp .k{color:#fdba74}.device-screen .kpi-temp .k .jp{color:#fdba7499}.device-screen .kpi-pf .k{color:#93c5fd}.device-screen .kpi-pf .k .jp{color:#93c5fd99}.eco-body .x{font-size:28px;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.4px}.bottom-panel h3{margin-bottom:10px!important}.bottom-panel h3:before{display:none}.bp-dot{width:6px;height:6px;border-radius:50%;box-shadow:0 0 6px currentColor}.phase-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.phase-card{padding:14px;border-radius:12px;background:#08122473;border:1px solid var(--border)}.phase-card .ph{font-size:12px;font-weight:700;margin-bottom:8px}.phase-card.a .ph{color:#facc15}.phase-card.b .ph{color:#4ade80}.phase-card.c .ph{color:#f87171}.phase-card .pv{font-size:24px;font-weight:800;font-variant-numeric:tabular-nums}.phase-card .pi{font-size:13px;color:var(--muted);margin-top:4px}.pv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:10px}.pv-tile{padding:12px 12px 10px;border-radius:12px;background:#08122473;border:1px solid var(--border)}.pv-tile .t{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin-bottom:6px}.pv-tile .n{font-weight:700;color:var(--accent)}.pv-tile .w{font-size:17px;font-weight:800;font-variant-numeric:tabular-nums}.pv-tile .m{font-size:11px;color:var(--muted);margin-top:4px}.info-pills{display:flex;flex-wrap:wrap;gap:8px}.info-pill{padding:8px 12px;border-radius:10px;background:#08122473;border:1px solid var(--border);font-size:12px;color:var(--muted)}.info-pill b{color:var(--text);font-weight:600;margin-left:6px}.group-grid.phases{grid-template-columns:repeat(3,minmax(0,1fr))}.group-card .phase-mark{position:absolute;right:10px;bottom:-18px;font-size:92px;font-weight:800;letter-spacing:-4px;color:#ffffff0d;pointer-events:none;line-height:1}.group-card.building{border-style:dashed;border-color:#93c5fd59;background:repeating-linear-gradient(-45deg,rgba(59,130,246,.04) 0 10px,transparent 10px 20px),linear-gradient(165deg,#14203a8c,#0a1426e6)}.group-card.building:before{background:radial-gradient(circle,rgba(59,130,246,.16),transparent 70%)}.group-card.building:hover{border-color:#93c5fd8c}.group-card .build-power{color:var(--muted);font-size:28px;text-shadow:none}.gauge.build>i{background:linear-gradient(90deg,#f59e0b,#fbbf24);box-shadow:0 0 10px #fbbf2473}.panel.deco{box-shadow:var(--shadow),inset 0 0 0 1px #3ec8ff0f}.ring.build-ring{background:conic-gradient(var(--amber) calc(var(--p) * 1%),rgba(255,255,255,.06) 0);box-shadow:0 0 24px #fbbf2426}.timeline{display:flex;align-items:center;gap:0;padding:8px 12px 4px}.tl-item{text-align:center;min-width:120px}.tl-dot{width:14px;height:14px;border-radius:50%;margin:0 auto 10px;border:2px solid var(--green);background:var(--green);box-shadow:0 0 12px var(--green)}.tl-item.pending .tl-dot{background:transparent;border-color:var(--amber);box-shadow:0 0 10px #fbbf2466;animation:pulse 1.6s infinite}.tl-name{font-weight:700;font-size:15px}.tl-sub{font-size:12px;color:var(--muted);margin-top:4px}.tl-line{flex:1;height:2px;margin:0 8px 28px;background:linear-gradient(90deg,var(--green),rgba(52,224,161,.3))}.tl-line.pending{background:repeating-linear-gradient(90deg,rgba(251,191,36,.7) 0 8px,transparent 8px 16px)}.mile-list{display:flex;flex-direction:column;gap:0}.mile{display:flex;align-items:center;gap:12px;padding:14px 4px;border-bottom:1px dashed var(--border);color:var(--muted)}.mile:last-child{border-bottom:0}.mile b{margin-left:auto;font-weight:600;font-size:12px}.mile.done{color:var(--text)}.mile.done b{color:var(--green)}.mile-dot{width:10px;height:10px;border-radius:50%;background:#ffffff26;flex-shrink:0}.mile.done .mile-dot{background:var(--green);box-shadow:0 0 8px var(--green)}.screen-fill{flex:1;min-height:0;display:flex;flex-direction:column;gap:14px;overflow-y:auto}.hero-sub{margin-top:6px}.build-empty{padding:16px 20px}.inv-band{flex:1;min-height:0;overflow-y:auto;padding-right:4px}.device-body{flex:1;min-height:0;display:grid;grid-template-columns:1.05fr 1fr;gap:14px;overflow-y:auto}.device-col{display:flex;flex-direction:column;gap:14px;min-height:0}.ac-panel,.pv-panel{flex:1;min-height:0}@media (max-width: 980px){.hero{grid-template-columns:1fr}.hero-side{grid-template-columns:1fr 1fr}.hp-value{font-size:42px}.flow{flex-wrap:wrap;justify-content:center}.flow-line{min-width:40px}.phase-grid,.group-grid.phases{grid-template-columns:1fr}.timeline{flex-direction:column;gap:8px}.tl-line{width:2px;height:24px;margin:0}.dash-stage{overflow:auto}.dash-canvas{position:relative;left:auto;top:auto;width:100%;height:auto;transform:none!important;padding:12px}.dash-canvas .hero,.dash-canvas .flow-panel,.dash-canvas .phase-section,.dash-canvas .bottom-row{flex:none;height:auto}.dash-canvas .bottom-row{grid-template-columns:1fr}}