:root{color-scheme:dark;--bg:#07111f;--panel:#0d1b2d;--panel2:#10243a;--line:#254565;--text:#eef6ff;--muted:#91a5bb;--blue:#4aa3ff;--cyan:#52d6d0;--yellow:#f4bf45;--green:#47d16c;--orange:#e8a34a;--power:.5;--flow-duration:2.8s}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:var(--bg);font:15px/1.45 system-ui,-apple-system,Segoe UI,sans-serif;color:var(--text)}.dashboard{width:min(1320px,100%);margin:0 auto;padding:28px}.topbar{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:24px}.eyebrow{margin:0 0 6px;color:var(--yellow);font-size:13px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.topbar h1{margin:0;font-size:clamp(42px,6vw,76px);line-height:.95;letter-spacing:-.055em}.sub{margin:10px 0 0;color:var(--muted);font-size:18px}.topInfo{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}.topInfo article{display:flex;gap:12px;align-items:center;min-width:210px;border:1px solid var(--line);border-radius:18px;background:var(--panel);padding:14px 16px}.topInfo span{font-size:30px}.topInfo strong{display:block;font-size:22px}.topInfo small{display:block;color:var(--muted)}.onlineDot{width:28px;height:28px;border-radius:50%;background:var(--green)}.flowBoard{position:relative;display:grid;grid-template-columns:280px minmax(260px,1fr) 280px;grid-template-areas:"panels inverter socket";gap:72px;align-items:center;min-height:560px;border:1px solid var(--line);border-radius:24px;background:var(--panel);padding:34px;overflow:hidden}.cableLayer{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}.cableShadow{display:none}.cableBase{fill:none;stroke:#1a3048;stroke-width:14;stroke-linecap:round}.energyRun{fill:none;stroke:url(#cableEnergy);stroke-width:5;stroke-linecap:round;stroke-dasharray:18 28;animation:cableFlow var(--flow-duration) linear infinite;opacity:.9}.outletRun{stroke-width:6}.junction{fill:var(--panel);stroke:var(--cyan);stroke-width:4}.mergeBox{stroke:var(--yellow)}.panelsColumn{grid-area:panels;display:flex;flex-direction:column;gap:28px;position:relative;z-index:2}.node{position:relative;z-index:2;border:1px solid var(--line);border-radius:20px;background:var(--panel2);padding:18px;box-shadow:none}.panel1,.panel2,.inverterNode,.socketNode{position:relative;left:auto;right:auto;top:auto;bottom:auto;transform:none;margin:0;width:100%}.inverterNode{grid-area:inverter;justify-self:center;width:min(320px,100%)}.socketNode{grid-area:socket;justify-self:end;width:100%;border-color:#23665f}.nodeHead{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.nodeHead span{font-size:25px}.node h2{margin:0;color:var(--blue);font-size:22px;text-transform:uppercase;letter-spacing:-.02em}.node>strong{display:block;margin-top:12px;font-size:clamp(36px,4vw,56px);line-height:1;letter-spacing:-.055em}.node>small{display:block;margin-top:6px;color:var(--muted);font-size:16px}.solarPanelArt{width:120px;height:140px;margin:8px auto;border:3px solid #c8d7ea;border-radius:5px;background:linear-gradient(90deg,#ffffff20 1px,transparent 1px),linear-gradient(#ffffff18 1px,transparent 1px),#132b53;background-size:24px 100%,100% 24px,100%;transform:rotate(-4deg)}.inverterArt{width:78px;height:145px;margin:10px auto;border-radius:14px;background:linear-gradient(90deg,#6c7683,#d5dde8 45%,#778391)}.inverterArt:after{content:"";display:block;width:28px;height:23px;margin:94px auto 0;border-radius:6px;background:#07111f;border:2px solid var(--cyan)}.socketArt{width:82px;height:82px;margin:20px auto;border:4px solid var(--cyan);border-radius:20px;position:relative}.socketArt:before,.socketArt:after{content:"";position:absolute;top:27px;width:10px;height:24px;border-radius:8px;background:var(--cyan)}.socketArt:before{left:23px}.socketArt:after{right:23px}.miniLine{display:flex;justify-content:space-between;gap:10px;margin-top:14px;padding-top:12px;border-top:1px solid #ffffff16;color:var(--muted)}.miniLine b{color:var(--text)}.summaryGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:16px}.summaryGrid article,.dailyPanel,.detailsPanel{border:1px solid var(--line);border-radius:20px;background:var(--panel);padding:20px}.summaryGrid p{margin:0;color:var(--muted);font-weight:750;text-transform:uppercase;font-size:13px}.summaryGrid strong{display:block;margin:8px 0 4px;font-size:clamp(30px,4vw,46px);letter-spacing:-.055em}.summaryGrid small{color:var(--muted)}.dailyTodayCard strong{color:var(--green)}.dailyPanel{margin-top:16px}.dailyHead{display:flex;justify-content:space-between;gap:12px;align-items:end;margin-bottom:14px}.dailyHead h2{margin:0;font-size:28px}.dailyHead small{color:var(--muted)}.dailyGrid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.dailyCard{border:1px solid var(--line);border-radius:16px;background:var(--panel2);padding:14px}.dailyCard>strong{display:block;margin-bottom:10px}.dailyCard div{display:flex;justify-content:space-between;gap:8px;padding:6px 0;border-top:1px solid #ffffff12}.dailyCard span{color:var(--muted);font-size:12px}.dailyCard b{font-size:13px;white-space:nowrap}.dailyCard em{display:block;margin-top:10px;font-style:normal;font-size:22px;font-weight:800;color:var(--green)}.dailyCard.negative em{color:var(--orange)}.detailsPanel{margin-top:16px}.detailsPanel summary{cursor:pointer;color:var(--muted);font-weight:800;font-size:17px}.miniGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:16px}.miniMetric{padding:13px;border:1px solid #ffffff12;border-radius:14px;background:var(--panel2)}.miniMetric span{display:block;color:var(--muted)}.miniMetric strong{display:block;margin-top:5px;font-size:21px;word-break:break-word}@keyframes cableFlow{to{stroke-dashoffset:-92}}@media(max-width:1050px){.dashboard{padding:16px}.topbar{display:block}.topInfo{justify-content:flex-start;margin-top:16px}.flowBoard{grid-template-columns:1fr;grid-template-areas:"panels" "inverter" "socket";gap:18px;min-height:auto}.cableLayer{display:none}.panelsColumn{gap:18px}.inverterNode,.socketNode{width:100%;justify-self:stretch}.summaryGrid,.dailyGrid,.miniGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.dashboard{padding:12px}.topInfo article{min-width:100%}.flowBoard{padding:14px;border-radius:18px}.summaryGrid,.dailyGrid,.miniGrid{grid-template-columns:1fr}.node>strong,.summaryGrid strong{font-size:38px}}