:root{--bg-primary:#0f1117;--bg-secondary:#1a1d27;--bg-tertiary:#242836;--text-primary:#e8e6e1;--text-secondary:#9c9a92;--text-tertiary:#6b6963;--border:#ffffff14;--accent-solar:#ef9f27;--accent-battery:#7f77dd;--accent-grid:#378add;--accent-generator:#888780;--accent-hospital:#e24b4a;--accent-commercial:#378add;--accent-student:#1d9e75;--accent-green:#1d9e75;--accent-amber:#ef9f27;--accent-red:#e24b4a}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:var(--bg-primary);width:100%;height:100%;color:var(--text-primary);font-family:Inter,system-ui,sans-serif;overflow:hidden}@keyframes flowForward{0%{stroke-dashoffset:24px}to{stroke-dashoffset:0}}@keyframes flowReverse{0%{stroke-dashoffset:0}to{stroke-dashoffset:24px}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes pulseGlow{0%,to{opacity:.8}50%{opacity:.2}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes glowFade{0%{box-shadow:0 0 20px #7f77dd99}to{box-shadow:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes shimmer{0%{opacity:.7}50%{opacity:1}to{opacity:.7}}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#fff3}button:active{transform:scale(.97)!important}