:root{--font-display: "Saira Semi Condensed", system-ui, sans-serif;--font-mono: "Spline Sans Mono", ui-monospace, monospace;--bg-0: #080c11;--bg-1: #0d141c;--bg-2: #111b25;--panel: rgba(18, 28, 38, .72);--panel-solid: #101922;--line: rgba(126, 158, 188, .14);--line-strong: rgba(126, 158, 188, .28);--text: #e7eef6;--text-dim: #93a6ba;--text-faint: #5f7185;--accent: #43d6cd;--accent-dim: rgba(67, 214, 205, .18);--ok: #46e08a;--warn: #f5b53d;--danger: #ff5562;--c-biomass: #5fb86a;--c-bioliquid: #e8893c;--c-hydro: #39a0e4;--c-turbine: #e2554e;--c-pv: #f5c043;--c-wind: #46d3c6;--c-battery: #b07cf0;--radius: 10px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background-color:var(--bg-0);color:var(--text);font-family:var(--font-display);font-size:15px;-webkit-font-smoothing:antialiased;overflow:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(126,158,188,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(126,158,188,.045) 1px,transparent 1px);background-size:38px 38px;-webkit-mask-image:radial-gradient(ellipse 120% 100% at 50% 0%,#000 40%,transparent 90%);mask-image:radial-gradient(ellipse 120% 100% at 50% 0%,#000 40%,transparent 90%);pointer-events:none;z-index:0}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 90% 70% at 70% -10%,rgba(67,214,205,.1),transparent 60%),radial-gradient(ellipse 70% 60% at 10% 110%,rgba(176,124,240,.07),transparent 60%);pointer-events:none;z-index:0}.label{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.13em;font-weight:600;font-size:11px;color:var(--text-dim)}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.unit{color:var(--text-faint);font-size:.62em;margin-left:.25em;letter-spacing:.04em}.panel{position:relative;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:9px 13px;border-bottom:1px solid var(--line)}.app{position:relative;z-index:1;display:grid;grid-template-rows:auto 1fr auto;height:100%;gap:12px;padding:12px}.main{display:grid;grid-template-columns:1fr minmax(330px,372px);gap:12px;min-height:0}.col{display:flex;flex-direction:column;gap:12px;min-height:0}.sidebar{overflow-y:auto;padding-right:2px}.topbar{display:flex;align-items:center;gap:18px;padding:10px 16px}.brand{display:flex;flex-direction:column;line-height:1}.brand b{font-weight:700;font-size:17px;letter-spacing:.04em}.brand span{font-size:11px;color:var(--text-dim);letter-spacing:.05em}.clock{font-family:var(--font-mono);font-size:30px;font-weight:600;letter-spacing:.02em;font-variant-numeric:tabular-nums}.spacer{flex:1}.btn{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.08em;font-weight:600;font-size:12px;color:var(--text);background:var(--bg-2);border:1px solid var(--line-strong);border-radius:8px;padding:8px 13px;cursor:pointer;transition:all .13s ease;white-space:nowrap}.btn:hover{border-color:var(--accent);color:#fff}.btn.primary{background:var(--accent);color:#042;border-color:var(--accent)}.btn.primary:hover{filter:brightness(1.1)}.btn.active{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.btn:disabled{opacity:.4;cursor:default}.seg{display:inline-flex;border:1px solid var(--line-strong);border-radius:8px;overflow:hidden}.seg .btn{border:none;border-radius:0;border-right:1px solid var(--line-strong)}.seg .btn:last-child{border-right:none}input[type=range].slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:22px;background:transparent;cursor:pointer;margin:0}input[type=range].slider::-webkit-slider-runnable-track{height:6px;border-radius:3px;background:var(--src, var(--accent));box-shadow:inset 0 0 0 100px #ffffff0f}input[type=range].slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;margin-top:-5px;border-radius:50%;background:#f3f8fc;border:3px solid var(--src, var(--accent));box-shadow:0 0 8px var(--src, var(--accent))}input[type=range].slider::-moz-range-track{height:6px;border-radius:3px;background:#7e9ebc40}input[type=range].slider::-moz-range-progress{height:6px;border-radius:3px;background:var(--src, var(--accent))}input[type=range].slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#f3f8fc;border:3px solid var(--src, var(--accent))}input[type=range].slider:disabled{opacity:.5;cursor:default}.chart-wrap,.gauge-wrap{position:relative;width:100%}.chart-wrap{flex:1;min-height:0}.chart-wrap canvas,.gauge-wrap canvas{display:block;width:100%;height:100%}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.reveal{animation:rise .5s cubic-bezier(.2,.7,.2,1) both}@keyframes slidein{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:none}}@keyframes pulse-danger{0%,to{box-shadow:0 0 #ff556200}50%{box-shadow:0 0 0 3px #ff556240}}.pulse-danger{animation:pulse-danger 1.1s ease-in-out infinite}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:8px}*::-webkit-scrollbar-track{background:transparent}