:root{--bg:#07192d;--panel:#0a2545;--line:rgba(179,224,255,.30);--muted:#c8dbeb;--blue:#3dbdff;--cyan:#69e7ff;--yellow:#ffe12f;--green:#6cf047;--orange:#ff9a32;--white:#f6fbff}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#06162b;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--white);display:grid;place-items:center;padding:6px}.dashboard{width:min(1024px,100%)}.hero-card{position:relative;overflow:hidden;border:2px solid rgba(188,230,255,.72);border-radius:24px;background:linear-gradient(180deg,#0b315c 0%,#071b33 54%,#061428 100%);box-shadow:0 24px 76px rgba(0,0,0,.45),inset 0 0 26px rgba(120,203,255,.13);padding:0 38px 30px}.topbar{position:absolute;left:36px;right:36px;top:31px;z-index:20;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:16px;font-weight:900;letter-spacing:.045em;font-size:23px;text-shadow:0 2px 10px rgba(0,28,60,.75)}.site-name{display:none}.bolt{color:var(--yellow);font-size:27px;filter:drop-shadow(0 0 8px rgba(255,224,49,.8))}.pill{background:rgba(6,26,55,.72);border:0;border-radius:13px;padding:9px 24px;color:#9fbdda;font-weight:900;letter-spacing:.11em;box-shadow:inset 0 0 14px rgba(81,164,239,.11)}.sky{position:relative;height:690px;margin:0 -38px 0;background-image:linear-gradient(180deg,rgba(3,21,46,.05) 0%,rgba(4,24,47,.04) 48%,rgba(9,28,51,.90) 97%),url('/assets/energy-hero.png');background-size:cover;background-position:center top;border-radius:22px 22px 0 0;overflow:hidden}.sky:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:170px;background:linear-gradient(180deg,rgba(7,24,44,0) 0%,rgba(8,28,51,.68) 45%,#07182e 100%);pointer-events:none}.sun-wrap{position:absolute;left:54.5%;top:83px;transform:translateX(-50%);z-index:8}.sun{width:28px;height:28px;background:radial-gradient(circle,#fff 0 12%,#ffe540 26%,#ff9b00 70%);border-radius:50%;box-shadow:0 0 12px #ffc400,0 0 34px #ffd67f}.sun-tag{position:absolute;left:43px;top:-38px;border:1px solid rgba(255,230,47,.8);color:var(--yellow);font-size:21px;font-weight:950;border-radius:19px;padding:8px 20px;background:rgba(21,67,115,.48);white-space:nowrap;text-shadow:0 0 10px rgba(255,224,47,.5);box-shadow:inset 0 0 12px rgba(255,224,47,.11)}.sun-arc{position:absolute;left:3.6%;right:3.6%;top:76px;width:92.8%;height:242px;z-index:5;pointer-events:none}.arc-main{fill:none;stroke:rgba(255,225,49,.44);stroke-width:2.5}.arc-dash{fill:none;stroke:rgba(108,182,255,.18);stroke-width:2;stroke-dasharray:8 13}.dot{fill:#ffd21f;filter:drop-shadow(0 0 6px #ffe03a)}.sunset{fill:#ff9829}.time{position:absolute;z-index:8;color:#edf7ff;font-size:17px;text-shadow:0 2px 8px #002;background:rgba(3,21,42,.20);border-radius:10px;padding:2px 8px;backdrop-filter:blur(2px)}.sunrise-time{left:8%;top:218px}.noon-time{left:48%;top:218px}.sunset-time{right:8%;top:218px}.scene{position:absolute;left:0;right:0;top:282px;height:310px;z-index:9}.tower,.house{display:none}.battery{position:absolute;right:4.5%;bottom:8px;width:195px;height:305px;background:transparent;border:0;box-shadow:none;overflow:visible}.battery .cap,.battery-fill{display:none}.battery-soc{position:absolute;left:0;right:0;top:118px;text-align:center;font-size:34px;font-weight:950;line-height:1;color:#fff;text-shadow:0 2px 13px rgba(0,65,90,.6)}.flow{position:absolute;border-radius:20px;font-size:28px;font-weight:950;text-shadow:0 0 12px currentColor}.flow-grid{left:18%;top:122px;color:#75dfff;border-bottom:4px dashed rgba(105,225,255,.85);width:185px;height:54px}.flow-grid span{position:absolute;left:84px;top:-44px}.flow-grid:after{content:"";position:absolute;right:-32px;top:34px;width:42px;border-bottom:4px dashed rgba(105,225,255,.85);transform:rotate(28deg)}.flow-battery{right:18.8%;top:123px;color:#78f45b;border-bottom:4px dashed rgba(141,255,87,.86);width:190px;height:54px}.flow-battery span{position:absolute;left:66px;top:-44px}.flow-battery:after{content:"➜";position:absolute;right:-28px;top:18px;font-size:22px}.sun-drop{position:absolute;left:50%;top:-144px;height:252px;border-left:4px dashed rgba(255,235,50,.82);animation:flowPulse 2.1s linear infinite}.sun-drop:after{content:"↓";position:absolute;bottom:-9px;left:-9px;color:#ffeb32}.primary-metrics{position:absolute;left:38px;right:38px;bottom:0;display:grid;grid-template-columns:1fr 1fr 1fr;text-align:center;z-index:12;border-top:0}.primary-metrics div{padding:14px 8px 17px;border-right:1px solid rgba(190,226,255,.22)}.primary-metrics div:last-child{border-right:0}.primary-metrics span{display:block;color:#d9e5f1;letter-spacing:.075em;font-size:16px}.primary-metrics strong{display:block;font-size:27px;line-height:1.18}.blue{color:var(--blue)}.cyan{color:var(--cyan)}.yellow{color:var(--yellow)}.green{color:var(--green)}.orange{color:var(--orange)}.bars{display:grid;grid-template-columns:1.05fr 1fr;gap:48px;align-items:center;border-top:1px solid rgba(190,226,255,.13);padding:17px 0 18px}.segbar-wrap,.pwrbar-wrap{display:flex;align-items:center;gap:10px;color:#d3e5f4;font-weight:850}.segbar-wrap span{font-size:17px}.segbar{display:flex;gap:6px}.segbar i{display:block;width:17px;height:13px;border-radius:3px;background:rgba(154,177,195,.22);box-shadow:inset 0 0 6px rgba(255,255,255,.16)}.segbar i.on{background:#69ee43;box-shadow:0 0 8px rgba(109,241,68,.85)}.pwrbar{height:14px;flex:1;border-radius:12px;background:rgba(20,34,55,.72);border:1px solid rgba(166,213,255,.12);overflow:hidden}.pwrbar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#1db2ff,#45caff);border-radius:12px}.pwrbar-wrap strong{font-size:20px}.tiles{display:grid;gap:14px}.main-tiles{grid-template-columns:repeat(3,1fr)}.tile{min-height:94px;border:1px solid rgba(184,226,255,.38);border-radius:12px;background:linear-gradient(180deg,rgba(18,47,77,.62),rgba(7,21,39,.70));box-shadow:inset 0 0 18px rgba(100,179,255,.055);padding:18px 21px;display:flex;align-items:center;gap:16px}.tile small{display:block;color:#d6e4f1;letter-spacing:.075em;font-size:15px;font-weight:850}.tile strong{font-size:25px;line-height:1.2}.icon{font-size:32px;color:#d9ecff}.wide{margin:14px 0;display:grid;grid-template-columns:auto 1fr auto auto;min-height:64px}.wide strong{font-size:27px;margin-right:20px}.hero-card h2{display:flex;align-items:center;gap:8px;color:#fff;font-size:19px;letter-spacing:.07em;margin:18px 0 14px}.hero-card h2 span{width:13px;height:3px;background:var(--yellow);border-radius:4px}.hero-card h2:after{content:"";height:1px;flex:1;background:rgba(190,226,255,.17)}.inverter-tiles{grid-template-columns:repeat(4,1fr)}.tile.compact{min-height:155px;justify-content:center;text-align:center;flex-direction:column;gap:8px}.bigicon{font-size:36px}.tile.compact strong{font-size:23px}.tile.compact em{font-style:normal;color:var(--blue);font-weight:900}footer{text-align:right;color:#9bb8d0;margin-top:16px;font-size:13px}@keyframes flowPulse{0%{opacity:.45}50%{opacity:1}100%{opacity:.45}}@media(max-width:760px){body{padding:2px;display:block;overflow-x:hidden;background:#06162b}.dashboard{width:1024px;max-width:none;min-width:1024px;zoom:calc(100vw / 1024)}.hero-card{margin:0}.main-tiles{grid-template-columns:repeat(3,1fr)}.inverter-tiles{grid-template-columns:repeat(4,1fr)}}