@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=Inter:wght@400;500;600;700;800;900&display=swap";:root{--bg:#030406;--bg-elevated:#0a0d14;--surface:#ffffff08;--surface-hover:#ffffff0f;--glass:#ffffff05;--glass-border:#ffffff0f;--sidebar:#04050899;--text:#ffffffbf;--text-strong:#fffffff2;--muted:#ffffff73;--border:#ffffff0f;--border-strong:#ffffff1f;--amber:#f7b731;--accent:var(--amber);--amber-dim:#f7b7311f;--green:#10b981;--green-dim:#10b9811f;--red:#ef4444;--red-dim:#ef44441f;--ink:#fff;--bluegray:#94a3b84d;--glow-amber:0 0 60px #f7b73140;--glow-green:0 0 60px #10b98133;--sans:"Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--display:"Outfit", "Inter", ui-sans-serif, system-ui, sans-serif;--radius:24px;--radius-sm:14px;--transition:.3s cubic-bezier(.16, 1, .3, 1);color:var(--text);background:var(--bg);font-family:var(--sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{background:var(--bg);overscroll-behavior:none;min-width:320px;margin:0}#root{min-height:100dvh}a{color:inherit}::selection{color:#fff;background:#f7b7314d}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff24}.app-shell{flex-direction:column;min-height:100dvh;display:flex}.workspace{min-width:0;padding:18px 22px 32px;padding-bottom:calc(100px + env(safe-area-inset-bottom,0px));flex:1}.sidebar{padding:32px;padding-bottom:calc(100px + env(safe-area-inset-bottom,0px));background:var(--sidebar);border-top:1px solid var(--border);-webkit-backdrop-filter:blur(20px);order:2}.brand-block{border-bottom:1px solid var(--border);align-items:center;gap:16px;padding-bottom:20px;display:flex}.brand-mark{border-radius:16px;flex-shrink:0;place-items:center;width:84px;height:84px;display:grid;overflow:hidden;box-shadow:0 4px 12px #0006}.brand-logo-img{object-fit:cover;width:100%;height:100%}.brand-block h1{background:linear-gradient(135deg,#ffe97d 0%,#f7b731 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:24px;font-weight:700;line-height:1.1}.brand-block p{color:var(--muted);margin:4px 0 0;font-size:14px}.mobile-app-hero{padding:max(12px, env(safe-area-inset-top,0px)) 0 10px;text-align:center;justify-items:center;gap:9px;display:grid}.mobile-app-hero img{object-fit:cover;border-radius:26px;width:clamp(120px,31vw,146px);height:clamp(120px,31vw,146px);box-shadow:0 0 0 1px #ffffff14,0 18px 50px #00000073,0 0 42px #f7b73129}.mobile-app-hero p{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin:0 0 5px;font-size:12px;font-weight:850}.mobile-app-hero h1{color:var(--text-strong);font-family:var(--display);letter-spacing:0;margin:2px 0 0;font-size:clamp(28px,7.2vw,36px);line-height:1.12}.side-section{border-bottom:1px solid var(--border);padding:18px 0}.section-title{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);align-items:center;gap:8px;margin-bottom:14px;font-size:11px;font-weight:800;display:flex}.field-label{color:var(--muted);margin-bottom:7px;font-size:12px;font-weight:700;display:block}.target-row{grid-template-columns:1fr 44px;gap:8px;display:grid}input[type=text],input:not([type]){width:100%}input{box-sizing:border-box;border:1px solid var(--border-strong);background:var(--surface);color:var(--text-strong);border-radius:var(--radius-sm);min-height:44px;font:600 13px/1 var(--sans);transition:border-color var(--transition), box-shadow var(--transition);padding:0 12px}select{box-sizing:border-box;border:1px solid var(--border-strong);background:var(--surface);width:100%;color:var(--text-strong);border-radius:var(--radius-sm);min-height:44px;font:700 13px/1 var(--sans);padding:0 12px}input:focus{border-color:#f7b73166;outline:none;box-shadow:0 0 0 3px #f7b7311a}button{font:700 13px/1 var(--sans);cursor:pointer;transition:all var(--transition);border:0}.icon-button,.primary-button,.secondary-button{border-radius:var(--radius-sm);justify-content:center;align-items:center;gap:8px;min-height:44px;display:inline-flex}.icon-button{color:var(--text-strong);background:var(--surface);border:1px solid var(--border-strong)}.icon-button:active{transform:scale(.95)}.primary-button{color:#0a0e12;box-shadow:var(--glow-amber);background:linear-gradient(135deg,#f7b731,#e8a020);padding:0 16px;font-weight:800}.primary-button:active{transform:scale(.97)}.secondary-button{color:var(--text-strong);background:var(--surface);border:1px solid var(--border-strong);padding:0 14px}.secondary-button:active{transform:scale(.97)}.button-grid{grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;display:grid}.range-analytics-panel{margin-bottom:24px}.range-toolbar{justify-content:space-between;align-items:center;gap:12px;margin-top:14px;display:flex}.range-tabs{border:1px solid var(--border);border-radius:var(--radius-sm);background:#ffffff08;flex-wrap:wrap;gap:4px;padding:3px;display:flex}.range-tabs button{min-height:34px;color:var(--muted);background:0 0;border-radius:7px;padding:0 12px;font-size:12px;font-weight:850}.range-tabs button.active{color:var(--text-strong);background:#ffffff17;box-shadow:inset 0 0 0 1px #ffffff0d}.compact-button{white-space:nowrap;min-height:36px;padding:0 12px}.enphase-score-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.enphase-score-grid>div{border:1px solid var(--border);border-radius:var(--radius-sm);background:#ffffff06;min-width:0;padding:14px}.enphase-score-grid span,.report-footnote{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:850}.enphase-score-grid strong{color:var(--text-strong);margin-top:7px;font-size:20px;line-height:1.15;display:block}.enphase-score-grid p{color:var(--text);margin:7px 0 0;font-size:12.5px;line-height:1.45}.alert-summary.good{border-color:#10b98147}.alert-summary.watch{border-color:#f7b73157}.alert-summary.issue{border-color:#e74c3c6b}.range-chart-wrap{width:100%;height:320px;margin-top:18px}.weather-alert-grid{grid-template-columns:.9fr 1.1fr;gap:12px;margin-top:14px;display:grid}.weather-card,.alert-row{border:1px solid var(--border);border-radius:var(--radius-sm);background:#ffffff05;align-items:flex-start;gap:10px;padding:13px;display:flex}.weather-card svg{color:var(--amber);flex:none}.weather-card strong,.alert-row strong{color:var(--text-strong);font-size:13px;display:block}.weather-card span,.alert-row span{color:var(--text);margin-top:4px;font-size:12px;line-height:1.45;display:block}.alert-list{gap:8px;display:grid}.alert-row.good svg{color:var(--green)}.alert-row.watch svg{color:var(--amber)}.alert-row.issue svg{color:var(--red)}.report-footnote{text-transform:none;letter-spacing:0;margin-top:12px;font-weight:700;line-height:1.5}.insight-card{background:var(--surface-hover);border:1px solid var(--border);border-radius:var(--radius-sm);gap:16px;padding:20px;display:flex}.insight-card h4{color:var(--text-strong);margin:0 0 6px;font-size:15px;font-weight:700}.insight-card p{color:var(--text);margin:0;font-size:14px;line-height:1.5}.check-row{color:var(--text-strong);align-items:center;gap:8px;margin-top:16px;font-size:13px;font-weight:700;display:flex}.check-row input{width:18px;min-height:18px;accent-color:var(--green)}.interval-row{color:var(--text-strong);grid-template-columns:40px 1fr;align-items:center;gap:8px;margin-top:8px;font-size:12px;font-weight:800;display:grid}.interval-row input{min-height:auto;accent-color:var(--amber);padding:0}.profile-list{grid-template-columns:64px 1fr;gap:8px 10px;margin:0;display:grid}.profile-list dt{color:var(--muted);font-size:11px;font-weight:700}.profile-list dd{color:var(--text-strong);overflow-wrap:anywhere;margin:0;font-size:13px}.endpoint-stack{gap:6px;display:grid}.endpoint-pill{min-height:36px;color:var(--text);border-radius:var(--radius-sm);text-align:left;transition:background var(--transition);background:0 0;grid-template-columns:16px 1fr 34px;align-items:center;gap:8px;padding:0 10px;font-size:13px;display:grid}.endpoint-pill.selected{background:var(--surface-hover);color:var(--text-strong)}.endpoint-pill small{text-align:right;color:var(--muted);font-size:11px}.topbar{border-bottom:1px solid var(--border);flex-direction:column;gap:10px;padding-bottom:12px;display:flex}.topbar h2{letter-spacing:-.02em;background:linear-gradient(135deg,#ffe97d 0%,#f7b731 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:4px 0 0;font-size:22px;font-weight:700}.top-subline{color:var(--muted);margin-top:5px;font-size:12px;font-weight:600;display:block}.top-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.top-actions .primary-button,.top-actions .secondary-button{min-height:40px;padding:0 8px;font-size:12px}.status-line{color:var(--muted);align-items:center;gap:8px;font-size:12px;display:flex}.status-dot{background:var(--muted);border-radius:50%;width:8px;height:8px}.status-dot.live{background:var(--green);animation:2s ease-in-out infinite livePulse;box-shadow:0 0 8px #2ecc7180}.status-dot.sample{background:var(--amber)}.status-dot.protected{background:#9b59b6}.status-dot.unreachable{background:var(--red)}@keyframes livePulse{0%,to{box-shadow:0 0 4px #2ecc714d}50%{box-shadow:0 0 12px #2ecc7199}}.warning-strip{border-radius:var(--radius-sm);color:var(--amber);background:#f7b7310f;border:1px solid #f7b73133;align-items:center;gap:10px;margin-top:12px;padding:12px 14px;font-size:13px;font-weight:600;display:flex}.discovery-strip{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);flex-wrap:wrap;gap:8px;margin-top:12px;padding:10px;display:flex}.discovery-strip button{border-radius:var(--radius-sm);background:var(--surface-hover);color:var(--text-strong);border:1px solid var(--border);padding:8px 10px;font-size:13px}.discovery-strip small{color:var(--muted);margin-left:6px}.live-flow-hero{background:linear-gradient(180deg, #0f192dfa, #081020f2 70%, #030508f5), var(--bg);border-radius:24px;min-height:500px;margin:10px -10px 0;position:relative;overflow:hidden;box-shadow:0 20px 60px #0006}.live-flow-hero.exporting{background:linear-gradient(180deg, #0a3226f2, #081819f0 68%, #030708fa), var(--bg)}.live-flow-hero.idle,.live-flow-hero.stale{background:linear-gradient(180deg, #14120af2, #0e0c08eb 46%, var(--bg) 47%), var(--bg)}.hero-copy{z-index:3;text-align:center;color:#ffffffeb;max-width:720px;margin:0 auto;padding:16px 18px 0;position:relative}.hero-status{text-transform:uppercase;letter-spacing:.08em;color:#ffffff80;align-items:center;gap:8px;margin:0 0 10px;font-size:12px;font-weight:800;display:inline-flex}.hero-status-dot{background:var(--green);border-radius:50%;width:9px;height:9px;animation:2s ease-in-out infinite livePulse;box-shadow:0 0 0 4px #2ecc7126,0 0 12px #2ecc714d}.live-flow-hero.stale .hero-status-dot,.live-flow-hero.idle .hero-status-dot{background:var(--amber);animation:none;box-shadow:0 0 0 4px #f7b73126}.hero-copy h2{color:#ffffffd9;max-width:600px;margin:0 auto;font-size:17px;font-weight:600;line-height:1.3}.hero-measured-line{color:#ffffff94;margin-top:10px;font-size:12px;font-weight:750;line-height:1.35;display:block}.stage-view-control{z-index:30;-webkit-backdrop-filter:blur(18px);background:#00000059;border:1px solid #ffffff1f;border-radius:999px;justify-content:center;gap:4px;width:max-content;max-width:calc(100% - 28px);margin:12px auto 0;padding:4px;display:flex;position:relative;box-shadow:0 12px 30px #00000047}.stage-view-control button{color:#ffffffb3;background:0 0;border-radius:999px;justify-content:center;align-items:center;gap:6px;min-height:32px;padding:0 12px;font-size:11px;font-weight:850;display:inline-flex}.stage-view-control button.active{color:#101114;background:var(--amber);box-shadow:0 10px 24px #f7b73138}.energy-stage{z-index:2;min-height:340px;margin-top:0;position:relative;overflow:hidden}.sky-glow{background:radial-gradient(circle at 50% 12%,#f7b7314d,#f7b73114 18%,#0000 34%),radial-gradient(at 18% 80%,#2ecc710f,#0000 34%),radial-gradient(at 82% 78%,#2ecc710f,#0000 36%);height:300px;position:absolute;inset:14px 0 auto}.energy-stage.ai-driven{justify-content:center;align-items:center;display:flex}.stage-face{opacity:0;pointer-events:none;transition:opacity .26s,transform .36s cubic-bezier(.16,1,.3,1);position:absolute;inset:0;transform:rotateY(8deg)scale(.98)}.stage-face.active{opacity:1;pointer-events:auto;transform:rotateY(0)scale(1)}.flow-face{z-index:4}.roof-face{z-index:6;background:#111827;border:1px solid #ffffff29;border-radius:22px;inset:12px 16px 18px;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0d,0 26px 55px #00000061}.roof-face img{object-fit:cover;filter:saturate(1.05)contrast(1.04);width:100%;height:100%;display:block}.roof-face.close img{object-position:52% 50%}.roof-face.wide img{object-position:55% 50%}.roof-face:after{content:"";pointer-events:none;background:linear-gradient(#00000014,#0000 28%,#0003),radial-gradient(circle at 50% 48%,#0000 48%,#00000047);position:absolute;inset:0}.roof-hotspot-layer{z-index:2;pointer-events:none;position:absolute;inset:0}.roof-hotspot{border:2px solid #f7b731eb;border-radius:5px;position:absolute;box-shadow:0 0 0 1px #00000061,0 0 22px #f7b7312e,inset 0 0 28px #f7b7310f}.roof-hotspot span,.roof-photo-badge{color:#fff;text-shadow:0 1px 2px #000000b3;-webkit-backdrop-filter:blur(12px);background:#00000094;border:1px solid #ffffff29;border-radius:999px;align-items:center;gap:6px;font-size:11px;font-weight:850;line-height:1;display:inline-flex}.roof-hotspot span{white-space:nowrap;padding:7px 9px;position:absolute;top:-30px;left:50%;transform:translate(-50%)}.roof-photo-badge{border-radius:12px;flex-direction:column;align-items:flex-start;gap:4px;padding:10px 12px;position:absolute;bottom:14px;left:14px}.roof-photo-badge span{color:#ffffffad;font-size:10px;font-weight:800}.ai-house-asset{z-index:5;filter:saturate(1.08)contrast(1.06)drop-shadow(0 28px 34px #00000073);opacity:.98;border-radius:18px;width:min(88%,390px);max-width:430px;height:auto;display:block;position:absolute;top:88px;left:50%;transform:translate(-50%)}.ai-label{color:#fff;text-shadow:0 2px 4px #000c;-webkit-backdrop-filter:blur(14px);background:#0000008f;border:1px solid #ffffff21;border-radius:14px;min-width:124px;padding:10px 12px;box-shadow:0 10px 24px #00000057}.ai-label strong{color:#fff!important}.ai-label span{color:#ffffffb3!important}.sun-node{color:#1a1a00;background:radial-gradient(circle at 38% 32%,#fffad2,#ffd83c 68%,#f7b731);border-radius:50%;place-items:center;width:100px;height:100px;display:grid;position:absolute;top:52px;left:50%;transform:translate(-50%);box-shadow:0 0 0 28px #f7b7310f,0 0 0 60px #f7b73108,0 0 60px #f7b73133}.solar-label,.grid-label{z-index:14;color:#ffffffeb;text-align:center;position:static}.solar-label{top:180px;left:calc(50% - 110px)}.grid-label{top:300px;right:16px}.solar-label strong,.grid-label strong{font-size:22px;line-height:1;display:block}.solar-label span,.grid-label span,.home-usage-card span,.flow-chip span{color:#ffffff59;letter-spacing:.08em;text-transform:uppercase;margin-top:4px;font-size:11px;font-weight:800;display:block}.energy-line{z-index:1;background:linear-gradient(#f7b73199,#f7b7314d);position:absolute;box-shadow:0 0 20px #f7b73126}.vertical-line{border-radius:99px;width:6px;height:260px;top:142px;left:50%;transform:translate(-50%)}.horizontal-line{background:linear-gradient(90deg,#f7b7314d,#f7b73180);border-radius:99px;width:100px;height:6px;top:22px;right:80px}.energy-line span{background:var(--amber);border:3px solid #fff6;border-radius:50%;width:14px;height:14px;animation:2.2s ease-in-out infinite energyPulse;position:absolute;box-shadow:0 0 14px #f7b73166}.vertical-line span{left:50%;transform:translate(-50%)}.vertical-line span:first-child{top:18%}.vertical-line span:nth-child(2){animation-delay:.3s;top:48%}.vertical-line span:nth-child(3){animation-delay:.6s;top:77%}.horizontal-line span{top:50%;transform:translateY(-50%)}.horizontal-line span:first-child{left:22%}.horizontal-line span:nth-child(2){animation-delay:.35s;left:78%}@keyframes energyPulse{0%,to{opacity:.6;transform:translate(-50%)scale(.85)}50%{opacity:1;transform:translate(-50%)scale(1.15)}}.house-illustration{width:280px;height:140px;position:absolute;bottom:110px;left:50%;transform:translate(-50%)scale(.85)}.roof{background:#1a2332;border:3px solid #ffffff1f;width:160px;height:62px;position:absolute;top:0;left:72px;transform:skew(18deg)rotate(6deg);box-shadow:0 10px 20px #0000004d}.panel-grid{background:linear-gradient(90deg,#0000 31%,#ffffff14 32%,#0000 34% 65%,#ffffff14 66%,#0000 68%),linear-gradient(#0000 48%,#ffffff0f 51%,#0000 52%),#1a2332;width:100%;height:100%}.house-body{clip-path:polygon(0 32%,38% 0,100% 35%,100% 100%,0 100%);background:#ffffff08;border:4px solid #ffffff1a;border-top:0;height:88px;position:absolute;bottom:0;left:32px;right:20px}.house-body i{background:#f7b7310a;border:3px solid #ffffff14;width:28px;height:40px;position:absolute;bottom:14px}.house-body i:first-child{left:48px}.house-body i:nth-child(2){left:100px}.house-body i:nth-child(3){width:48px;right:34px}.home-usage-card{z-index:14;border-radius:var(--radius);text-align:center;min-width:136px;padding:12px 14px;position:static}.home-usage-card strong{color:var(--text-strong);font-size:28px;font-weight:600;line-height:1;display:block}.svg-node-container{align-items:center;height:100%;display:flex}.svg-node-container.center{justify-content:center}.svg-node-container.end{justify-content:flex-end}.flow-path{fill:none;stroke:#f7b731bf;stroke-width:5px;stroke-linecap:round;stroke-dasharray:10 10;filter:drop-shadow(0 0 10px #f7b7314d)}.flow-path.home-to-grid.importing{stroke:#60a5fac7}.flow-path.home-to-grid.exporting{stroke:#2ecc71d1}.flow-pulse-dot{fill:#ffe97d;filter:drop-shadow(0 0 8px #f7b731b3)}.grid-pulse{fill:#60a5fa}.grid-pulse.exporting{fill:var(--green)}.grid-pulse.importing{fill:#60a5fa}.grid-branch{transform-origin:100% 100%;width:140px;height:100px;position:absolute;bottom:96px;right:6px;transform:scale(.8)}.grid-pole{width:72px;height:90px;position:absolute;bottom:0;right:0}.grid-pole:before,.grid-pole:after{content:"";background:#ffffff26;border-radius:6px;width:6px;position:absolute;bottom:0}.grid-pole:before{height:80px;left:20px}.grid-pole:after{height:100px;right:16px}.grid-pole i{background:#ffffff1f;border-radius:99px;height:4px;position:absolute;left:4px;right:0}.grid-pole i:first-child{top:18px}.grid-pole i:nth-child(2){top:34px}.grid-pole i:nth-child(3){top:50px}.flow-diagnostics{z-index:3;grid-template-columns:repeat(2,1fr);gap:8px;padding:0 16px 16px;display:grid;position:relative}.flow-chip{border-radius:var(--radius-sm);-webkit-backdrop-filter:blur(8px);background:#ffffff08;border:1px solid #ffffff0f;min-height:56px;padding:10px 12px}.flow-chip strong{color:var(--text-strong);margin-top:4px;font-size:16px;line-height:1;display:block}.owner-summary-grid,.analytics-overview-grid{grid-template-columns:1fr;gap:10px;margin-top:14px;display:grid}.owner-summary-card,.analytics-hero-card,.analytics-stat-card{border:1px solid var(--border);border-radius:var(--radius-sm);background:linear-gradient(180deg, #ffffff0b, #ffffff05), var(--surface);min-height:118px;color:var(--text);text-align:left;gap:6px;padding:16px;display:grid}.owner-summary-card.primary,.analytics-hero-card{background:radial-gradient(ellipse at 12% 0%, #f7b7311f, transparent 42%), var(--surface);border-color:#f7b7312e}.owner-summary-card.action{cursor:pointer}.owner-summary-card.action.watch,.analytics-stat-card.watch{border-color:#f7b7313d}.owner-summary-card.action.issue,.analytics-stat-card.issue{border-color:#ef444447}.owner-summary-card span,.analytics-hero-card span,.analytics-stat-card span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:900}.owner-summary-card strong,.analytics-hero-card strong,.analytics-stat-card strong{color:var(--text-strong);font-size:20px;line-height:1.05}.owner-summary-card p,.analytics-hero-card p,.analytics-stat-card p{color:var(--text);margin:0;font-size:12px;font-weight:600;line-height:1.45}.live-trend-panel,.confidence-panel{margin-top:12px}.live-trend-copy,.grid-flow-copy{gap:4px;margin-bottom:10px;display:grid}.live-trend-copy strong,.grid-flow-copy strong{color:var(--text-strong);font-size:13px}.live-trend-copy span,.grid-flow-copy span{color:var(--muted);font-size:12px;line-height:1.4}.mini-chart-wrap{height:122px}.mini-legend{color:var(--muted);flex-wrap:wrap;gap:10px;margin-top:8px;font-size:11px;font-weight:800;display:flex}.mini-legend span{align-items:center;gap:6px;display:inline-flex}.mini-legend i{border-radius:999px;width:7px;height:7px}.panel-title{justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.panel-title>div{align-items:center;gap:8px;display:flex}.panel-title h3{color:var(--text-strong);margin:0;font-size:14px}.panel-title span{color:var(--muted);font-size:11px}.metric-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:16px;display:grid}.metric{min-height:96px;transition:border-color var(--transition), box-shadow var(--transition);grid-template-rows:20px 1fr;grid-template-columns:40px 1fr;gap:6px 10px;padding:14px;display:grid}.metric:active{border-color:#ffffff1f}.metric-icon{border-radius:var(--radius-sm);grid-row:1/3;place-items:center;width:40px;height:40px;display:grid}.metric.amber .metric-icon{color:var(--amber);background:var(--amber-dim)}.metric.green .metric-icon{color:var(--green);background:var(--green-dim)}.metric.neutral .metric-icon{color:#ffffff80;background:#ffffff0d}.metric span{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-size:11px;font-weight:800;line-height:1.2}.metric strong{color:var(--text-strong);align-self:end;font-size:20px;line-height:1}.meaning-grid{grid-template-columns:1fr;gap:10px;margin-top:10px;display:grid}.meaning-copy{gap:6px;padding:4px 0 14px;display:grid}.meaning-copy h3{color:var(--text-strong);margin:0;font-size:22px;line-height:1.12}.meaning-copy p{max-width:740px;color:var(--text);margin:0;font-size:14px;font-weight:500;line-height:1.5}.verdict-grid{grid-template-columns:1fr;gap:8px;display:grid}.verdict-card{border:1px solid var(--border);border-left:4px solid var(--bluegray);border-radius:var(--radius-sm);background:var(--surface);align-content:start;gap:5px;min-height:80px;padding:12px;display:grid}.verdict-card.good{border-left-color:var(--green)}.verdict-card.watch,.verdict-card.info{border-left-color:var(--amber)}.verdict-card.issue{border-left-color:var(--red)}.verdict-card span{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:10px;font-weight:900}.verdict-card strong{color:var(--text-strong);font-size:20px;line-height:1}.verdict-card p{color:var(--text);margin:0;font-size:12px;line-height:1.4}.action-list{color:var(--text-strong);gap:8px;margin:0;padding-left:20px;font-size:13px;font-weight:600;line-height:1.45;display:grid}.caveat-box{border-radius:var(--radius-sm);color:var(--amber);background:#f7b7310a;border:1px solid #f7b73126;gap:6px;margin-top:12px;padding:10px;display:grid}.caveat-box strong{text-transform:uppercase;letter-spacing:.05em;font-size:11px}.caveat-box span{color:#f7b731b3;font-size:12px;font-weight:500;line-height:1.4}.analysis-button{width:100%;margin-top:12px}.ai-brief-panel{background:#0000004d;border-color:#ffffff0d}.ai-brief-panel .panel-title h3,.ai-brief-panel .panel-title svg{color:var(--text-strong)}.ai-empty{gap:6px;display:grid}.ai-empty strong{color:var(--text-strong)}.ai-empty span{color:var(--text);font-size:13px;line-height:1.5}.llm-brief{color:#ffffffbf;white-space:pre-wrap;background:#0006;border:1px solid #ffffff0f;max-height:240px}.main-grid,.tables-grid,.analysis-grid,.intelligence-grid{grid-template-columns:1fr;gap:10px;margin-top:10px;display:grid}.analysis-list{grid-template-columns:repeat(2,1fr);gap:10px;margin:0;display:grid}.analysis-list dt,.analysis-list dd{margin:0}.analysis-list dt{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:10px;font-weight:800}.analysis-list dd{color:var(--text-strong);font-size:15px;font-weight:800}.watch-list{gap:6px;display:grid}.watch-row{border-top:1px solid var(--border);grid-template-columns:1fr auto auto;align-items:center;gap:8px;padding:8px 0;font-size:12px;display:grid}.watch-row:first-child{border-top:0}.watch-row span{color:var(--text-strong);text-overflow:ellipsis;font-weight:700;overflow:hidden}.watch-row strong{color:var(--text-strong)}.watch-row small{color:var(--muted)}.insight-stack,.extension-stack{gap:8px;display:grid}.insight-row{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);border-left-width:3px;grid-template-columns:1fr auto;gap:5px 10px;padding:12px;display:grid}.insight-row.good{border-left-color:var(--green)}.insight-row.watch,.insight-row.info{border-left-color:var(--amber)}.insight-row.issue{border-left-color:var(--red)}.insight-row span{color:var(--text-strong);font-size:13px;font-weight:800}.insight-row strong{color:var(--muted);font-size:12px}.insight-row p{color:var(--text);grid-column:1/-1;margin:0;font-size:12px;line-height:1.45}.insight-mini{border:1px solid var(--border);border-left:3px solid var(--bluegray);border-radius:var(--radius-sm);background:#ffffff06;gap:5px;padding:12px;display:grid}.insight-mini.good{border-left-color:var(--green)}.insight-mini.watch,.insight-mini.info{border-left-color:var(--amber)}.insight-mini.issue{border-left-color:var(--red)}.insight-mini span{color:var(--muted);letter-spacing:.07em;text-transform:uppercase;font-size:10px;font-weight:900}.insight-mini strong{color:var(--text-strong);font-size:18px;line-height:1}.insight-mini p{color:var(--text);margin:0;font-size:12px;line-height:1.4}.confidence-stack{gap:8px;display:grid}.calculation-note,.meaning-source-card,.mapping-caveat{border-radius:var(--radius-sm);background:#f7b7310b;border:1px solid #f7b73124;gap:5px;margin-top:12px;padding:12px;display:grid}.calculation-note strong,.meaning-source-card strong{color:var(--amber);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:900}.calculation-note span,.meaning-source-card span,.mapping-caveat{color:var(--text);font-size:12px;line-height:1.45}.grid-flow-strip{border-top:1px solid var(--border);margin-top:14px;padding-top:14px}.grid-flow-chart{height:104px}.history-insight-row{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.history-insight-row span,.import-row{border:1px solid var(--border);border-radius:var(--radius-sm);background:#ffffff06}.history-insight-row span{color:var(--text);padding:8px 10px;font-size:12px}.history-insight-row strong{color:var(--text-strong)}.import-table{gap:8px;max-height:320px;display:grid;overflow:auto}.import-row{grid-template-columns:84px 1fr;align-items:center;gap:4px 10px;padding:10px;display:grid}.import-row span{color:var(--muted);font-size:12px;font-weight:800}.import-row strong{color:var(--text-strong);font-size:13px}.import-row small{color:var(--muted);grid-column:2;font-size:11px}.meaning-grid.enhanced{margin-top:16px}.meaning-section{border:1px solid var(--border);border-radius:var(--radius-sm);background:#ffffff06;padding:14px}.meaning-section h4{color:var(--text-strong);margin:0 0 10px;font-size:14px}.action-list.clean{padding-left:18px}.glossary-list,.caveat-list{gap:8px;display:grid}.glossary-list span,.caveat-list span,.meaning-section p{color:var(--text);margin:0;font-size:12px;line-height:1.45}.glossary-list strong{color:var(--text-strong)}.meaning-ai-panel{border-radius:var(--radius-sm);margin-top:16px;padding:16px}.extension-item{border-top:1px solid var(--border);grid-template-columns:1fr auto;gap:10px;padding:12px 0;display:grid}.extension-item:first-child{border-top:0}.extension-item strong{color:var(--text-strong);font-size:13px}.extension-item span{color:var(--text);margin-top:4px;font-size:12px;line-height:1.45;display:block}.extension-item em{background:var(--surface-hover);color:var(--text-strong);white-space:nowrap;border-radius:999px;align-self:start;padding:5px 9px;font-size:11px;font-style:normal;font-weight:800}.access-panel{margin-top:10px}.access-grid{grid-template-columns:1fr;gap:8px;display:grid}.access-item{border:1px solid var(--border);border-radius:var(--radius-sm);min-height:56px;color:var(--muted);background:var(--surface);align-items:flex-start;gap:9px;padding:12px;display:flex}.access-item.active{color:var(--green);background:var(--green-dim);border-color:#2ecc7126}.access-item strong,.access-item span{display:block}.access-item strong{color:var(--text-strong);font-size:12px}.access-item span{overflow-wrap:anywhere;margin-top:3px;font-size:12px}.chart-panel{overflow:hidden}.chart-wrap{height:260px}.checklist{color:var(--text);gap:8px;margin:0;padding-left:20px;font-size:13px;display:grid}.checklist li{padding-left:4px}.checklist li.done{color:var(--green);font-weight:700}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;min-width:500px}th,td{border-top:1px solid var(--border);text-align:left;white-space:nowrap;padding:10px 8px;font-size:12px}th{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:10px;font-weight:800}td{color:var(--text)}td strong{color:var(--text-strong);display:block}td small{color:var(--muted);margin-top:3px;font-size:10px;display:block}.empty-cell,.empty-state{color:var(--muted);font-weight:600}.raw-panel{margin-top:10px}.endpoint-meta{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.endpoint-meta span{border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:4px 8px;font-size:11px;font-weight:700}.endpoint-error{background:var(--red-dim);color:var(--red);border-radius:var(--radius-sm);border:1px solid #e74c3c33;margin-bottom:10px;padding:10px;font-size:13px;font-weight:600}pre{color:#fff9;border-radius:var(--radius-sm);text-align:left;background:#0006;border:1px solid #ffffff0a;max-height:360px;margin:0;padding:14px;font-size:12px;line-height:1.5;overflow:auto}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.mobile-tabbar{z-index:50;padding:6px 8px;padding-bottom:calc(6px + env(safe-area-inset-bottom,0px));-webkit-backdrop-filter:blur(24px);background:#0a0e12d9;border-top:1px solid #ffffff0f;grid-template-columns:repeat(4,1fr);gap:2px;display:grid;position:fixed;bottom:0;left:0;right:0}.mobile-tabbar button{cursor:pointer;color:var(--muted);background:0 0;border:none;border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:8px 12px;font-size:11px;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.mobile-tabbar button:hover,.mobile-tabbar button:focus-visible{color:var(--text-strong);background:var(--surface-2)}.mobile-tabbar button.active{color:var(--accent);background:#ffffff14}.recharts-cartesian-grid line{stroke:#ffffff0a!important}.recharts-text{fill:#ffffff4d!important}.recharts-tooltip-wrapper .recharts-default-tooltip{background:#0a0e12f2!important;border:1px solid #ffffff14!important;border-radius:10px!important;box-shadow:0 8px 32px #00000080!important}.recharts-tooltip-item{color:#ffffffb3!important}.recharts-tooltip-label{color:#ffffffe6!important}@media (width>=768px){.metric-grid{grid-template-columns:repeat(4,1fr)}.owner-summary-grid{grid-template-columns:1.2fr 1fr 1fr}.analytics-overview-grid{grid-template-columns:1.5fr repeat(3,1fr)}.meaning-grid{grid-template-columns:1.3fr .7fr}.meaning-grid.enhanced{grid-template-columns:repeat(2,minmax(0,1fr))}.meaning-panel{grid-row:span 2}.verdict-grid{grid-template-columns:repeat(2,1fr)}.main-grid{grid-template-columns:1.7fr .8fr}.analysis-grid{grid-template-columns:1fr 1fr}.intelligence-grid{grid-template-columns:1.15fr .85fr}.tables-grid,.access-grid{grid-template-columns:repeat(2,1fr)}.flow-diagnostics{grid-template-columns:repeat(4,1fr)}.topbar{flex-direction:row;align-items:center}.top-actions{grid-template-columns:auto auto auto;justify-content:end}.live-flow-hero{border-radius:24px;min-height:480px;margin:16px 0 0}.hero-copy h2{font-size:24px}.energy-stage{min-height:400px}.ai-house-asset{width:min(70%,520px);max-width:520px;top:120px}.house-illustration{width:320px;height:150px;bottom:100px;transform:translate(-50%)scale(1)}.grid-branch{width:280px;height:110px;bottom:100px;right:calc(50% - 360px);transform:scale(1)}.horizontal-line{width:160px;right:100px}.home-usage-card{min-width:180px}.home-usage-card strong{font-size:36px}}@media (width>=1200px){.app-shell{grid-template-columns:300px minmax(0,1fr);display:grid}.sidebar{order:unset;border-top:0;border-right:1px solid var(--border);height:100vh;padding-bottom:22px;position:sticky;top:0;overflow:auto}.workspace{padding:24px 28px 28px}.mobile-app-hero,.mobile-tabbar{display:none}.topbar h2,.meaning-copy h3{font-size:26px}.metric strong{font-size:22px}.tables-grid,.access-grid{grid-template-columns:repeat(3,1fr)}.verdict-grid{grid-template-columns:repeat(4,1fr)}.chart-wrap{height:280px}.live-flow-hero{min-height:440px}.energy-stage{min-height:320px}.ai-house-asset{width:min(56%,520px);top:88px}.sun-node{width:108px;height:108px}.solar-label strong,.grid-label strong{font-size:22px}}.live-flow-hero.day{background:linear-gradient(180deg, #1e5096f5, #0f2d5aeb 70%, #03060cfa), var(--bg)}.live-flow-hero.night{background:linear-gradient(180deg, #0a0f1efa, #050812f5 70%, #020307fc), var(--bg)}@media (width<=767px){.workspace{padding:10px 18px 28px;padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))}.range-toolbar,.weather-alert-grid{grid-template-columns:1fr;display:grid}.range-tabs{grid-template-columns:repeat(5,minmax(0,1fr));width:100%;display:grid}.range-tabs button{min-width:0;padding:0 4px;font-size:10.5px}.range-toolbar .compact-button{width:100%}.enphase-score-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.enphase-score-grid strong{font-size:17px}.range-chart-wrap{height:260px}.mobile-app-hero p{margin-bottom:3px;font-size:11px}.topbar{gap:8px;padding-bottom:10px}.topbar h2{margin-top:2px;font-size:18px}.top-subline{display:none}.top-actions{gap:6px}.top-actions .primary-button,.top-actions .secondary-button{gap:5px;min-height:36px;padding:0 6px;font-size:11px}.top-actions svg{width:15px;height:15px}.live-flow-hero{border-radius:22px;min-height:492px;margin:8px -8px 0}.stage-view-control{margin-top:10px}.stage-view-control button{min-height:30px;padding:0 9px;font-size:10.5px}.hero-copy{padding:13px 14px 0}.hero-status{margin-bottom:7px;font-size:11px}.hero-copy h2{font-size:15px;line-height:1.28}.energy-stage{min-height:344px}.roof-face{border-radius:18px;inset:8px}.roof-face.close img{object-position:51% 50%}.roof-face.wide img{object-position:59% 50%}.roof-hotspot{border-width:1.5px}.roof-hotspot span{padding:6px 7px;font-size:9.5px;top:-25px}.roof-photo-badge{padding:8px 10px;bottom:10px;left:10px}.sky-glow{height:250px;inset:0 0 auto}.ai-house-asset{border-radius:16px;width:min(78%,324px);top:62px}.ai-label{border-radius:13px;min-width:112px;padding:8px 10px}.solar-label strong,.grid-label strong{font-size:19px}.home-usage-card strong{font-size:24px}.desktop-table-view{display:none}.mobile-cards-view{display:block}}@media (width>=768px){.desktop-table-view{display:block}.mobile-cards-view{display:none}}.horizontal-scroll-container{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:12px;padding:8px 4px 16px;display:flex;overflow-x:auto}.horizontal-scroll-container::-webkit-scrollbar{height:4px}.device-card{scroll-snap-align:start;background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;flex-direction:column;flex:0 0 240px;gap:10px;padding:12px;display:flex}.device-card-header{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding-bottom:6px;display:flex}.device-card-header strong{color:var(--text-strong);white-space:nowrap;text-overflow:ellipsis;max-width:130px;font-size:14px;overflow:hidden}.status-badge{text-transform:uppercase;color:var(--text);background:#ffffff0d;border-radius:99px;padding:2px 6px;font-size:10px;font-weight:800}.status-badge.authenticated{background:var(--green-dim);color:var(--green)}.status-badge.sample{background:var(--amber-dim);color:var(--amber)}.device-card-body{flex-direction:column;gap:6px;display:flex}.card-row{justify-content:space-between;font-size:12px;display:flex}.card-row span{color:var(--muted)}.card-row strong{color:var(--text-strong)}.device-card-footer{color:var(--muted);border-top:1px solid #ffffff0d;margin-top:auto;padding-top:6px;font-size:11px}.scroll-indicator{color:var(--muted);text-align:right;padding-right:8px;font-size:11px;font-weight:600}.flow-svg{z-index:5;pointer-events:auto;width:100%;height:100%;position:absolute;inset:0}foreignObject{pointer-events:none;overflow:visible}.svg-node-container{pointer-events:auto}@keyframes flowAnimation{0%{stroke-dashoffset:80px}to{stroke-dashoffset:0}}.chart-legend-toggles{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:16px;display:flex}.legend-pill{color:var(--muted);transition:all var(--transition);background:#ffffff08;border:1px solid #ffffff0f;border-radius:99px;align-items:center;gap:8px;padding:6px 12px;font-size:12px;font-weight:700;display:flex}.legend-pill:hover{color:var(--text-strong);background:#ffffff0f}.legend-pill.active{color:var(--text-strong);background:#ffffff14}.legend-dot{opacity:.4;width:8px;height:8px;transition:all var(--transition);border-radius:50%;display:inline-block}.legend-pill.active .legend-dot{opacity:1;box-shadow:0 0 8px}.solar-dot{background-color:var(--amber);color:var(--amber)}.home-dot{background-color:var(--green);color:var(--green)}.grid-dot{color:#38bdf8;background-color:#38bdf8}.solar-pill.active{background:#f7b73114;border-color:#f7b73166}.home-pill.active{background:#2ecc7114;border-color:#2ecc7166}.grid-pill.active{background:#38bdf814;border-color:#38bdf866}.panel-map-panel{margin-bottom:24px}.panel-status-strip{grid-template-columns:1fr;gap:8px;margin-top:14px;display:grid}.panel-map-summary{border:1px solid var(--border);border-radius:var(--radius-sm);background:#ffffff05;flex-direction:column;gap:12px;margin-top:16px;padding:14px;display:flex}.panel-map-summary strong,.panel-map-summary span{display:block}.panel-map-summary strong{color:var(--text-strong);margin-bottom:4px;font-size:14px}.panel-map-summary span{color:var(--muted);font-size:12px;line-height:1.4}.panel-map-actions{justify-items:start;gap:10px;display:grid}.mode-switch{border:1px solid var(--border);background:#ffffff06;border-radius:12px;flex-wrap:wrap;gap:5px;padding:3px;display:flex}.mode-switch button{min-height:30px;color:var(--muted);background:0 0;border-radius:9px;padding:0 8px;font-size:11px;font-weight:850}.mode-switch button.active{color:var(--text-strong);background:#ffffff14}.compact-button{width:fit-content;min-height:36px;padding:0 12px}.photo-map-workbench{gap:12px;margin-top:16px;display:grid}.photo-map-toolbar{justify-content:space-between;align-items:center;gap:12px;display:flex}.photo-map-toolbar strong,.photo-map-toolbar span{display:block}.photo-map-toolbar strong{color:var(--text-strong);margin-bottom:3px;font-size:14px}.photo-map-toolbar span{color:var(--muted);font-size:12px;line-height:1.4}.photo-view-switch button{align-items:center;gap:6px;display:inline-flex}.photo-panel-map{aspect-ratio:1357/784;background:#08111a;border:1px solid #ffffff14;border-radius:18px;width:100%;min-height:280px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff09,0 18px 42px #0000004d}.photo-panel-map img{object-fit:cover;-webkit-user-select:none;user-select:none;pointer-events:none;filter:saturate(1.05)contrast(1.03);width:100%;height:100%;position:absolute;inset:0}.photo-panel-map.close img,.photo-panel-map.wide img{object-position:center}.photo-panel-map:after{content:"";pointer-events:none;background:linear-gradient(#0000002e,#0000 28% 74%,#0000003d),radial-gradient(circle at 62% 52%,#f7b73114,#0000 34%);position:absolute;inset:0}.photo-panel-map-overlay{z-index:2;position:absolute;inset:0}.photo-panel-marker{touch-action:none;color:#fff;min-width:38px;min-height:42px;box-shadow:0 8px 18px #0000006b, inset 0 0 18px rgba(247, 183, 49, calc(var(--panel-intensity,0) * .2));cursor:grab;transition:box-shadow var(--transition), border-color var(--transition), filter var(--transition);z-index:2;background:linear-gradient(135deg,#0b141ed1,#142536b8),repeating-linear-gradient(90deg,#ffffff1f 0 1px,#0000 1px 7px);border:1px solid #ffffff6b;border-radius:6px;align-content:center;place-items:center;gap:2px;padding:5px;display:grid;position:absolute}.photo-panel-marker:active{cursor:grabbing}.photo-panel-marker:hover{filter:brightness(1.08);z-index:4;border-color:#ffd83ceb}.photo-panel-marker.selected{z-index:5;border-color:#ffd83c;box-shadow:0 0 0 3px #f7b7313d,0 10px 24px #0000007a,0 0 22px #f7b7315c}.photo-panel-marker.watch,.photo-panel-marker.stale{border-color:#f7b731d1}.photo-panel-marker.issue{border-color:#f87171e6;box-shadow:0 0 0 2px #ef444438,0 10px 24px #0000007a}.photo-panel-marker.offline,.photo-panel-marker.unassigned{opacity:.88;border-style:dashed}.photo-panel-label{letter-spacing:.02em;text-shadow:0 1px 4px #000000d9;font-size:clamp(8px,.76vw,11px);font-weight:950;line-height:1}.photo-panel-value{color:#ffd83c;text-shadow:0 1px 4px #000000d9;font-size:clamp(8px,.7vw,10px);font-weight:900;line-height:1}.photo-map-legend{z-index:3;-webkit-backdrop-filter:blur(14px);color:#ffffffc7;background:#04080cad;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:10px;padding:8px 10px;font-size:11px;font-weight:800;display:flex;position:absolute;bottom:12px;left:12px}.photo-map-legend strong{color:#fff}.small-load-lens{margin-bottom:18px}.small-load-grid{grid-template-columns:1fr;gap:12px;margin-top:14px;display:grid}.small-load-grid>div{border:1px solid var(--border);border-radius:var(--radius-sm);background:#ffffff06;padding:14px}.small-load-grid span,.small-load-grid strong,.small-load-grid p{display:block}.small-load-grid span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px;font-size:11px;font-weight:850}.small-load-grid strong{color:var(--text-strong);margin-bottom:6px;font-size:22px;font-weight:850}.small-load-grid p{color:var(--muted);margin:0;font-size:12px;line-height:1.45}.green-text{color:var(--green)!important}.red-text{color:var(--red)!important}@media (width>=760px){.small-load-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=680px){.panel-status-strip{grid-template-columns:repeat(4,minmax(0,1fr))}.panel-map-summary{flex-direction:row;justify-content:space-between;align-items:center}}.heatmap-layout-wrapper{grid-template-columns:1fr;gap:20px;margin-top:16px;display:grid}@media (width>=768px){.heatmap-layout-wrapper{grid-template-columns:1.5fr 1fr}}.heatmap-grid{grid-template-columns:repeat(4,1fr);gap:10px;padding:4px;display:grid}.panel-map-grid{align-content:start;min-width:0}.heatmap-panel-box{min-height:88px;color:var(--text-strong);background:#ffffff05;background:var(--surface);border:1px solid #ffffff0f;border-color:var(--border);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:6px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.heatmap-panel-box:hover{background:var(--surface-hover);transform:translateY(-2px)}.heatmap-panel-box.active{background:rgba(16, 185, 129, calc(.06 + var(--panel-intensity,0) * .18))!important;border-color:rgba(16, 185, 129, calc(.1 + var(--panel-intensity,0) * .35))!important;box-shadow:inset 0 0 12px rgba(16, 185, 129, calc(var(--panel-intensity,0) * .15))!important}.heatmap-panel-box.active:hover{background:rgba(16, 185, 129, calc(.12 + var(--panel-intensity,0) * .22))!important;border-color:#10b981b3!important}.heatmap-panel-box.watch{background:rgba(247, 183, 49, calc(.08 + var(--panel-intensity,0) * .12))!important;border-color:#f7b7317a!important;box-shadow:inset 0 0 14px #f7b73124!important}.heatmap-panel-box.watch:hover{background:#f7b73133!important;border-color:#f7b731bf!important}.heatmap-panel-box.issue{background:rgba(239, 68, 68, calc(.1 + var(--panel-intensity,0) * .12))!important;border-color:#ef444480!important;box-shadow:inset 0 0 14px #ef444429!important}.heatmap-panel-box.stale{background:#60a5fa14!important;border-color:#60a5fa61!important}.heatmap-panel-box.selected{transform:translateY(-3px)scale(1.02);border-color:#ffd83c!important;box-shadow:0 0 0 2px #f7b73133,0 6px 16px #0000004d,0 0 12px #f7b73166!important}.heatmap-panel-box.offline{opacity:.5;box-shadow:none!important;background:#ffffff03!important;border-color:#ffffff0a!important}.heatmap-panel-box.unassigned{box-shadow:none!important;background:linear-gradient(135deg,#ffffff09,#ffffff03),#ffffff03!important;border-color:#ffffff14!important}.heatmap-panel-box.offline .panel-power{color:var(--muted)}.panel-confidence{color:#ffffff85;letter-spacing:.06em;text-transform:uppercase;background:#00000059;border-radius:999px;padding:2px 5px;font-size:8px;font-weight:900;position:absolute;top:6px;right:6px}.panel-shine{background:linear-gradient(90deg,#0000,#ffffff14,#0000);width:50%;height:100%;transition:all .75s;position:absolute;top:0;left:-100%;transform:skew(-25deg)}.heatmap-panel-box:hover .panel-shine{left:200%}.panel-number{letter-spacing:.05em;color:var(--muted);font-size:11px;font-weight:800}.panel-power{color:var(--text-strong);font-size:14px;font-weight:800}.heatmap-panel-box small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:10px;font-weight:800;overflow:hidden}.heatmap-panel-box.selected .panel-number{color:#ffd83c}.heatmap-details-panel{flex-direction:column;min-height:180px;display:flex}.panel-details-card{animation:fadeIn var(--transition) ease-out;background:#ffffff05;border:1px solid #ffffff0f;border-radius:12px;flex:1;padding:16px}.panel-details-card h4{color:var(--text-strong);border-bottom:1px solid #ffffff0f;margin:0 0 16px;padding-bottom:10px;font-size:15px;font-weight:800}.panel-editor-header{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;padding-bottom:10px;display:flex}.panel-editor-header h4{border:0;margin:0;padding:0}.selected-diagnostic{border:1px solid var(--border);border-left:4px solid var(--bluegray);border-radius:var(--radius-sm);background:#ffffff06;gap:4px;margin-bottom:14px;padding:12px;display:grid}.selected-diagnostic.active{border-left-color:var(--green)}.selected-diagnostic.watch,.selected-diagnostic.stale{border-left-color:var(--amber)}.selected-diagnostic.issue{border-left-color:var(--red)}.selected-diagnostic strong{color:var(--text-strong);font-size:13px}.selected-diagnostic span{color:var(--text);font-size:12px;line-height:1.4}.panel-editor-header span{color:var(--muted);text-align:right;font-size:11px;font-weight:800}.panel-select,.panel-details-card input{margin-bottom:12px}.clear-panel-button{width:100%;margin-top:16px}.details-list{grid-template-columns:auto 1fr;gap:12px 16px;margin:0;font-size:13px;display:grid}.details-list dt{color:var(--muted);font-weight:700}.details-list dd{text-align:right;color:var(--text-strong);margin:0;font-weight:800}.status-dot-indicator{border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.status-dot-indicator.active{background-color:var(--green);box-shadow:0 0 8px var(--green)}.status-dot-indicator.inactive{background-color:var(--muted)}.highlight-text{text-shadow:0 0 10px #f7b73133;font-size:16px;color:var(--amber)!important}.details-empty{text-align:center;color:var(--muted);border:1px dashed #ffffff14;border-radius:12px;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:24px;display:flex}.details-empty .empty-icon{opacity:.3;margin-bottom:12px;animation:4s ease-in-out infinite floatSun}.details-empty strong{color:var(--text-strong);margin-bottom:4px;font-size:14px;display:block}.details-empty span{max-width:240px;font-size:12px;line-height:1.4}@keyframes floatSun{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-4px)scale(1.05)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:blur(24px);padding:28px;box-shadow:0 8px 32px #0003}.glass-card{background:var(--surface);border:1px solid var(--glass-border);border-radius:var(--radius);-webkit-backdrop-filter:blur(24px);transition:transform var(--transition), box-shadow var(--transition);padding:24px;position:relative;overflow:hidden;box-shadow:0 4px 24px #00000026}.glass-card:before{content:"";background:var(--bluegray);height:4px;position:absolute;top:0;left:0;right:0}.glass-card.amber:before{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.glass-card.green:before{background:linear-gradient(90deg,#10b981,#34d399)}.metric-card{flex-direction:column;justify-content:space-between;height:100%;padding:20px;display:flex}.metric-header{color:var(--muted);letter-spacing:.02em;justify-content:space-between;align-items:flex-start;font-size:14px;font-weight:500;display:flex}.metric-icon{background:var(--surface);border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.metric-icon.amber{color:var(--amber);background:var(--amber-dim);box-shadow:0 0 20px #f59e0b26}.metric-icon.green{color:var(--green);background:var(--green-dim);box-shadow:0 0 20px #10b98126}.metric-value{color:var(--text-strong);letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;margin-top:16px;font-size:28px;font-weight:700;overflow:hidden}.energy-line span{border:4px solid var(--amber);background:#fff;box-shadow:0 0 20px #f7b731cc,0 0 40px #f7b73166}.vertical-line span:first-child{animation:2s linear infinite energyPulseVertical}.vertical-line span:nth-child(2){animation:2s linear .6s infinite energyPulseVertical}.vertical-line span:nth-child(3){animation:2s linear 1.2s infinite energyPulseVertical}.horizontal-line span:first-child{animation:2s linear infinite energyPulseHorizontal}.horizontal-line span:nth-child(2){animation:2s linear 1s infinite energyPulseHorizontal}@keyframes energyPulseVertical{0%{opacity:0;top:0%;transform:translate(-50%)scale(.5)}20%{opacity:1;transform:translate(-50%)scale(1)}80%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;top:100%;transform:translate(-50%)scale(.5)}}@keyframes energyPulseHorizontal{0%{opacity:0;left:0%;transform:translateY(-50%)scale(.5)}20%{opacity:1;transform:translateY(-50%)scale(1)}80%{opacity:1;transform:translateY(-50%)scale(1)}to{opacity:0;left:100%;transform:translateY(-50%)scale(.5)}}.pulse-tab{animation:2s infinite tabPulse}@keyframes tabPulse{0%{box-shadow:0 0 #f59e0b66}70%{box-shadow:0 0 0 8px #f59e0b00}to{box-shadow:0 0 #f59e0b00}}.heatmap-panel-box{transition:all .3s cubic-bezier(.16,1,.3,1)}.heatmap-panel-box:hover{border-color:#fff3;transform:translateY(-4px)scale(1.05);box-shadow:0 10px 30px #0006,0 0 20px #10b98133}.welcome-screen{z-index:9999;background-color:var(--bg);background-position:50%;background-repeat:no-repeat;background-size:cover;flex-direction:column;justify-content:center;align-items:center;padding:40px;display:flex;position:fixed;inset:0}.welcome-screen:before{content:"";z-index:1;background:linear-gradient(#03040666 0%,#030406e6 100%);position:absolute;inset:0}.welcome-content{z-index:2;text-align:center;width:100%;max-width:600px;position:relative}.welcome-title{font-family:var(--display);letter-spacing:-.03em;background:linear-gradient(135deg,#fff 0%,#a5b4fc 100%);-webkit-text-fill-color:transparent;text-shadow:0 0 40px #a5b4fc4d;-webkit-background-clip:text;margin:0 0 16px;font-size:56px;font-weight:800}.welcome-subtitle{color:var(--text);margin-bottom:48px;font-size:18px;line-height:1.5}.welcome-snapshot{-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius);background:#ffffff08;justify-content:space-around;margin-bottom:48px;padding:32px;display:flex;box-shadow:0 30px 60px #0006}.snapshot-item{flex-direction:column;align-items:center;gap:8px;display:flex}.snapshot-value{font-family:var(--display);font-size:32px;font-weight:700}.snapshot-value.amber{color:var(--amber);text-shadow:var(--glow-amber)}.snapshot-value.blue{color:#60a5fa;text-shadow:0 0 30px #60a5fa4d}.snapshot-label{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-size:12px;font-weight:700}.welcome-btn{color:#0a0e12;height:56px;font-family:var(--display);cursor:pointer;box-shadow:var(--glow-amber);background:linear-gradient(135deg,#f7b731,#e8a020);border:none;border-radius:100px;padding:0 40px;font-size:16px;font-weight:800;transition:transform .2s,box-shadow .2s}.welcome-btn:hover{transform:translateY(-2px);box-shadow:0 0 80px #f7b73166}.welcome-btn:active{transform:translateY(1px)}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.sources-details summary::-webkit-details-marker{display:none}.sources-details summary{list-style:none}.card-rotate-container{perspective:1000px;z-index:5;width:100%;max-width:480px;height:300px;margin:0 auto;position:relative}.view-layer{width:100%;height:100%;transform-style:preserve-3d;border-radius:20px;transition:all 1s cubic-bezier(.25,1,.5,1);position:absolute;top:0;left:0;overflow:hidden}.view-layer.house{justify-content:center;align-items:center;display:flex}.view-layer.house.hidden{opacity:0;pointer-events:none;transform:scale(1.1)translateY(-20px)rotateX(10deg)}.view-layer.house.active{opacity:1;pointer-events:auto;transform:scale(1)translateY(0)rotateX(0)}.view-layer.satellite{border:1px solid var(--border);background:#0006}.view-layer.satellite.hidden{opacity:0;pointer-events:none;transform:rotateX(60deg)rotate(40deg)scale(.7)translateY(100px)}.view-layer.satellite.active{opacity:1;pointer-events:auto;transform:rotateX(0)rotate(0)scale(1)translateY(0)}.legend-pill:hover{background:#ffffff1a!important}@keyframes spin-once{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin-once{animation:.6s spin-once}@media print{body{color:#111827!important;background:#fff!important}.sidebar,.mobile-tabbar,.mobile-app-hero,.top-actions,.warning-strip,.discovery-strip,.range-toolbar .secondary-button,.welcome-screen{display:none!important}.app-shell,.workspace{min-height:auto!important;padding:0!important;display:block!important}.topbar,.panel,.range-analytics-panel,.analytics-overview-grid,.main-grid{break-inside:avoid;box-shadow:none!important}.panel,.range-analytics-panel{color:#111827!important;background:#fff!important;border:1px solid #d1d5db!important}.topbar{margin-bottom:14px;border-bottom:1px solid #d1d5db!important}.topbar h2,.panel-title h3,.meaning-copy h3,.enphase-score-grid strong,.weather-card strong,.alert-row strong{color:#111827!important;-webkit-text-fill-color:initial!important;background:0 0!important}.range-tabs{background:#f9fafb!important;border-color:#d1d5db!important}.range-tabs button{color:#374151!important}.range-tabs button.active{color:#111827!important;background:#e5e7eb!important}.enphase-score-grid,.weather-alert-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.enphase-score-grid>div,.weather-card,.alert-row{background:#fff!important;border-color:#d1d5db!important}.enphase-score-grid span,.enphase-score-grid p,.weather-card span,.alert-row span,.report-footnote,.top-subline,.status-line{color:#4b5563!important}}