:root{--bg: #f7f5f1;--bg-elev: #ffffff;--bg-sunk: #efece6;--panel: #ffffff;--panel-tint: #fafaf7;--border: #e6e2d8;--border-strong: #d4cfc1;--border-subtle: #ece9df;--ink: #1c1a16;--ink-2: #3d3a32;--ink-3: #6b665a;--ink-4: #9a9484;--energy-prod: #3d7a3a;--energy-prod-soft: #d8e3cd;--energy-prod-tint: #ecf0e3;--energy-conso: #2c5282;--energy-conso-soft: #c9d6e6;--energy-conso-tint: #e3eaf2;--energy-warn: #b8651b;--energy-warn-soft: #f0d9b8;--energy-warn-tint: #f5e8d4;--energy-crit: #9c2c1f;--energy-crit-soft: #e8c5be;--energy-crit-tint: #f0d8d2;--energy-idle: #8c8676;--energy-idle-soft: #d4cfc1;--energy-idle-tint: #e6e2d8;--font-sans: Geist, Inter, -apple-system, "Helvetica Neue", sans-serif;--font-display: Fraunces, Georgia, serif;--font-mono: "JetBrains Mono", "SF Mono", monospace;--sidebar-w: 232px;--topbar-h: 56px;--r: 6px;--r-lg: 10px}[data-theme=dark]{--bg: #131210;--bg-elev: #1c1a16;--bg-sunk: #0d0c0a;--panel: #1c1a16;--panel-tint: #232019;--border: #2e2a22;--border-strong: #403a2e;--border-subtle: #25221c;--ink: #f4f1e8;--ink-2: #d8d3c4;--ink-3: #a39d8b;--ink-4: #6b665a;--energy-prod: #7eaf6f;--energy-conso: #6b9bd1}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-sans)}button,input,select{font:inherit}.app-shell{min-height:100vh;display:grid;grid-template-columns:var(--sidebar-w) 1fr;grid-template-rows:var(--topbar-h) 1fr;grid-template-areas:"sidebar topbar" "sidebar main"}.sidebar{grid-area:sidebar;background:var(--bg-elev);border-right:1px solid var(--border);padding:18px 12px;display:flex;flex-direction:column;gap:18px}.brand{padding:0 8px 16px;border-bottom:1px solid var(--border)}.brand h1{margin:0;font-family:var(--font-display);font-size:25px;font-weight:500;letter-spacing:0}.brand p{margin:4px 0 0;color:var(--ink-3);font-size:11px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em}.nav{display:flex;flex-direction:column;gap:4px}.nav button{display:flex;align-items:center;gap:10px;height:34px;padding:0 10px;border:0;border-radius:var(--r);background:transparent;color:var(--ink-3);cursor:pointer;text-align:left}.nav button.active,.nav button:hover{background:var(--bg-sunk);color:var(--ink)}.nav svg{width:15px;height:15px}.topbar{grid-area:topbar;background:var(--bg-elev);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 18px;gap:12px}.site-selector,.system-status{height:32px;display:flex;align-items:center;gap:8px;border:1px solid var(--border);border-radius:var(--r);padding:0 10px;font-size:12px;background:var(--panel)}.site-dot,.dot{width:7px;height:7px;border-radius:50%;background:var(--energy-prod)}.system-status{font-family:var(--font-mono);color:var(--ink-3)}.main{grid-area:main;overflow:auto}.main-inner{max-width:1640px;margin:0 auto;padding:18px 22px 40px}.page-header{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid var(--border)}.page-eyebrow{font-family:var(--font-mono);color:var(--ink-4);font-size:10px;letter-spacing:.16em;text-transform:uppercase;margin-bottom:6px}.page-title{font-family:var(--font-display);margin:0 0 4px;font-size:24px;font-weight:500;letter-spacing:0}.page-subtitle{margin:0;color:var(--ink-3);font-size:12.5px}.kpi-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border:1px solid var(--border);background:var(--panel);border-radius:var(--r-lg);overflow:hidden;margin-bottom:16px}.kpi{padding:14px 16px;border-right:1px solid var(--border);min-width:0}.kpi:last-child{border-right:0}.kpi-label{display:flex;gap:6px;align-items:center;color:var(--ink-3);font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px}.accent-bar{display:inline-block;width:3px;height:10px;border-radius:1px;background:var(--energy-idle)}.accent-bar.prod{background:var(--energy-prod)}.accent-bar.conso{background:var(--energy-conso)}.accent-bar.warn{background:var(--energy-warn)}.kpi-value{font-family:var(--font-display);font-size:26px;line-height:1;display:flex;align-items:baseline;gap:4px;white-space:nowrap}.kpi-unit{font-family:var(--font-mono);color:var(--ink-3);font-size:11px}.grid-12{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}.col-span-4{grid-column:span 4;min-width:0}.col-span-5{grid-column:span 5;min-width:0}.col-span-7{grid-column:span 7;min-width:0}.col-span-8{grid-column:span 8;min-width:0}.col-span-12{grid-column:span 12;min-width:0}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden}.card-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border)}.card-title{margin:0;font-family:var(--font-mono);font-size:12px;text-transform:uppercase;letter-spacing:.08em}.card-sub{color:var(--ink-3);font-size:11.5px}.card-body{padding:16px}.card-body.flush{padding:0}.badge{display:inline-flex;align-items:center;gap:6px;padding:2px 8px;border:1px solid;border-radius:3px;font-family:var(--font-mono);font-size:11px;text-transform:uppercase;white-space:nowrap}.badge.prod{color:var(--energy-prod);background:var(--energy-prod-tint);border-color:var(--energy-prod-soft)}.badge.conso{color:var(--energy-conso);background:var(--energy-conso-tint);border-color:var(--energy-conso-soft)}.badge.warn{color:var(--energy-warn);background:var(--energy-warn-tint);border-color:var(--energy-warn-soft)}.badge.crit{color:var(--energy-crit);background:var(--energy-crit-tint);border-color:var(--energy-crit-soft)}.badge.idle{color:var(--energy-idle);background:var(--energy-idle-tint);border-color:var(--energy-idle-soft)}.tbl{width:100%;border-collapse:collapse;font-size:12.5px}.tbl th{text-align:left;color:var(--ink-3);background:var(--panel-tint);font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;padding:10px 12px;border-bottom:1px solid var(--border)}.tbl td{padding:10px 12px;border-bottom:1px solid var(--border-subtle);color:var(--ink-2);vertical-align:top}.tbl .num{font-family:var(--font-mono);text-align:right}.tbl-wrap{overflow:auto}.btn{display:inline-flex;align-items:center;gap:6px;height:30px;border:1px solid var(--border);background:var(--bg-elev);color:var(--ink-2);border-radius:var(--r);padding:0 12px;cursor:pointer}.btn.primary{background:var(--ink);border-color:var(--ink);color:var(--bg-elev)}.empty{padding:40px 20px;text-align:center;color:var(--ink-3)}.empty-mark{width:38px;height:38px;margin:0 auto 12px;border:1px dashed var(--border-strong);border-radius:50%;display:grid;place-items:center}.empty-title{color:var(--ink);font-size:13.5px;font-weight:500;margin-bottom:4px}.empty-sub{font-size:12px}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.filters select{height:30px;border:1px solid var(--border);background:var(--bg-elev);border-radius:var(--r);color:var(--ink);padding:0 8px}.skeleton{min-height:14px;border-radius:4px;background:linear-gradient(90deg,var(--bg-sunk),var(--panel-tint),var(--bg-sunk));background-size:200% 100%;animation:shimmer 1.4s infinite}@keyframes shimmer{to{background-position:-200% 0}}@media (max-width: 920px){.app-shell{display:block}.sidebar{position:sticky;top:0;z-index:2;flex-direction:row;align-items:center;overflow:auto;border-right:0;border-bottom:1px solid var(--border)}.brand{border-bottom:0;padding-bottom:0}.nav{flex-direction:row}.topbar{position:sticky;top:70px;z-index:1}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kpi{border-bottom:1px solid var(--border)}.grid-12{display:block}.grid-12>*{margin-bottom:16px}.page-header{display:block}}.topbar-actions{display:flex;align-items:center;gap:8px}.chart-box{height:260px;min-width:0}.mini-list{display:flex;flex-direction:column;gap:10px}.mini-list>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:10px;border-bottom:1px solid var(--border-subtle)}.facts{display:grid;grid-template-columns:max-content 1fr;gap:8px 14px;margin:0 0 14px;font-size:12.5px}.facts dt{color:var(--ink-3);font-family:var(--font-mono);text-transform:uppercase;font-size:10px;letter-spacing:.08em}.facts dd{margin:0;min-width:0;overflow-wrap:anywhere}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.tbl tr.selected{background:var(--energy-prod-tint)}.skeleton-page .title{width:260px;height:24px;margin-bottom:18px}.skeleton.big{height:26px;margin-top:10px;width:70%}.skeleton-lines{display:grid;gap:10px}.skeleton-lines .skeleton{height:18px}.error{display:flex;align-items:center;gap:8px;color:var(--energy-crit)}.auth-page{min-height:100vh;display:grid;place-items:center;background:var(--bg);padding:24px}.auth-panel{width:min(420px,100%);background:var(--panel);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden}.auth-brand{border-bottom:1px solid var(--border);padding:18px 20px}.login-form{display:grid;gap:14px;padding:20px}.login-form label{display:grid;gap:6px;color:var(--ink-3);font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase}.login-form input{height:34px;border:1px solid var(--border);border-radius:var(--r);background:var(--bg);color:var(--ink);padding:0 10px;font-family:var(--font-sans);font-size:13px;letter-spacing:0;text-transform:none}.login-form input:focus{outline:none;border-color:var(--energy-prod)}.login-error{color:var(--energy-crit);background:var(--energy-crit-tint);border:1px solid var(--energy-crit-soft);border-radius:var(--r);padding:8px 10px;font-size:12px}.digital-twin-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px;margin-bottom:16px}.twin-stage,.twin-inspector,.spark-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden}.stage-toolbar{height:42px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 14px;color:var(--ink-3);font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.stage-toolbar>div{display:flex;align-items:center;gap:8px;min-width:0}.twin-map{position:relative;min-height:560px;overflow:hidden;background:radial-gradient(circle at 48% 42%,color-mix(in srgb,var(--energy-conso) 10%,transparent),transparent 42%),var(--panel-tint)}.flow-layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.flow{fill:none;stroke-width:3;stroke-linecap:round;stroke-dasharray:10 13;animation:flow-dash 1.4s linear infinite;opacity:.92}.flow.muted{stroke:var(--energy-idle);opacity:.38;animation:none;stroke-dasharray:4 12}.flow.prod{stroke:var(--energy-prod)}.flow.grid{stroke:var(--energy-conso)}.flow.battery{stroke:#9b7ad8}.flow.load{stroke:var(--energy-warn)}@keyframes flow-dash{to{stroke-dashoffset:-46}}.twin-node{position:absolute;border:1px solid var(--border);border-radius:var(--r);background:color-mix(in srgb,var(--panel) 90%,transparent);color:var(--ink);box-shadow:0 12px 28px #00000014;cursor:pointer;text-align:left;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.twin-node:hover,.twin-node.selected{transform:translateY(-1px);border-color:var(--border-strong);box-shadow:0 16px 34px #00000021}.equipment-node{width:208px;min-height:118px;display:flex;align-items:center;gap:12px;padding:12px}.abstract-node{width:168px;min-height:96px;display:grid;align-content:center;gap:5px;padding:13px}.node-title{display:block;font-weight:650;font-size:13px;line-height:1.2;color:var(--ink)}.node-meta,.node-detail{display:block;color:var(--ink-3);font-size:11.5px;line-height:1.35;margin-top:2px}.node-value{display:block;color:var(--ink);font-family:var(--font-mono);font-size:15px;margin-top:7px}.abstract-node.prod .node-value,.spark-card.prod{color:var(--energy-prod)}.abstract-node.grid .node-value,.spark-card.grid{color:var(--energy-conso)}.abstract-node.load .node-value,.spark-card.load{color:var(--energy-warn)}.device-visual{flex:0 0 auto;width:54px;height:74px;border:1px solid var(--border-strong);border-radius:5px;background:linear-gradient(145deg,#f7f7f2,#b8b5aa);position:relative;box-shadow:inset 0 -10px 18px #00000014}.device-visual:before{content:"";position:absolute;left:50%;top:50%;width:24px;height:12px;transform:translate(-50%,-50%);border-radius:999px;background:#171511}.device-visual.battery{width:46px;height:86px;border-color:color-mix(in srgb,#9b7ad8 55%,var(--border))}.device-visual.battery:before{width:20px;height:30px;border-radius:4px;background:color-mix(in srgb,#9b7ad8 35%,#171511)}.device-visual.meter:before{width:30px;height:22px;border-radius:3px;background:#26231d}.device-visual.dongle{height:48px;width:42px}.device-visual.small{width:42px;height:52px}.node-production{left:36px;top:76px}.node-inverter{left:41%;top:176px;transform:translate(-50%)}.node-meter{right:214px;top:184px}.node-grid{right:34px;top:78px}.node-battery{left:28%;bottom:64px}.node-load{right:310px;bottom:58px}.flow-label{position:absolute;display:grid;gap:2px;padding:7px 9px;border:1px solid var(--border);border-radius:var(--r);background:color-mix(in srgb,var(--panel) 88%,transparent);min-width:108px}.flow-label span{color:var(--ink-3);font-size:10px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em}.flow-label strong{font-family:var(--font-mono);font-size:13px;font-weight:650}.label-production{left:30%;top:165px;color:var(--energy-prod)}.label-grid{right:126px;top:196px;color:var(--energy-conso)}.label-battery{left:36%;bottom:184px;color:#9b7ad8}.label-load{right:210px;bottom:166px;color:var(--energy-warn)}.twin-inspector{min-height:602px}.inspector-content{padding:16px}.inspector-heading{display:flex;align-items:center;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--border);margin-bottom:14px}.inspector-heading h2{margin:0 0 4px;font-family:var(--font-display);font-size:20px;font-weight:500;letter-spacing:0}.inspector-heading p{margin:0;color:var(--ink-3);font-size:12px}.facts.compact{font-size:12px;grid-template-columns:88px 1fr}.inspector-metrics{display:grid;gap:8px}.inspector-metrics>div{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:34px;border-bottom:1px solid var(--border-subtle)}.inspector-metrics span{color:var(--ink-3);font-size:12px}.inspector-metrics strong{font-family:var(--font-mono);font-size:13px;text-align:right}.synoptic-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.spark-card{min-height:132px;padding:12px;color:var(--ink)}.spark-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.spark-head span{color:var(--ink-3);font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em}.spark-head strong{font-family:var(--font-mono);font-size:13px;color:currentColor}.spark-chart{height:82px;min-width:0;color:currentColor}.spark-empty{height:82px;display:grid;place-items:center;color:var(--ink-4);font-size:11.5px;border:1px dashed var(--border);border-radius:var(--r)}@media (max-width: 720px){.topbar{top:65px;align-items:flex-start;height:auto;padding:10px;flex-direction:column}.tbl,.tbl thead,.tbl tbody,.tbl th,.tbl td,.tbl tr{display:block}.tbl thead{display:none}.tbl tr{border-bottom:1px solid var(--border);padding:8px 0}.tbl td{border-bottom:0;padding:6px 12px}.tbl td.num{text-align:left}}@media (max-width: 1180px){.digital-twin-grid{grid-template-columns:1fr}.twin-inspector{min-height:0}.synoptic-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 820px){.twin-map{min-height:820px}.twin-node{left:18px!important;right:18px!important;width:auto;transform:none!important}.node-production{top:24px}.node-inverter{top:154px}.node-battery{top:294px;bottom:auto}.node-meter{top:434px}.node-grid{top:574px}.node-load{top:694px;bottom:auto}.flow-layer,.flow-label{display:none}.synoptic-strip{grid-template-columns:1fr}}