:root{--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--border-radius:4px;--transition-speed:0.3s;--bg-primary:#f8f9fa;--bg-secondary:#fff;--bg-accent:#e6f7ee;--text-primary:#1a202c;--text-secondary:#4a5568;--border-color:#e2e8f0;--accent-color:#0d9488;--accent-hover:#0f766e;--success-color:#10b981;--error-color:#ef4444;--solar-blue:#2563eb;--solar-blue-hover:#1d4ed8;--shadow:0 2px 10px #0000000d}body.dark{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-accent:#0f3a2d;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--border-color:#334155;--accent-color:#14b8a6;--accent-hover:#0d9488;--success-color:#10b981;--error-color:#f87171;--solar-blue:#3b82f6;--solar-blue-hover:#2563eb;--shadow:0 2px 10px #0000004d}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8f9fa;background-color:var(--bg-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-family:var(--font-family);margin:0;transition:background-color .3s,color .3s;transition:background-color var(--transition-speed),color var(--transition-speed)}body,h1,h2,h3,h4,h5,h6{color:#1a202c;color:var(--text-primary)}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3;transition:color .3s;transition:color var(--transition-speed)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.login-container{align-items:center;background-color:var(--bg-primary);display:flex;flex-direction:column;justify-content:center;min-height:100vh;transition:background-color var(--transition-speed)}.login-card{background-color:var(--bg-secondary);border-radius:8px;border-top:3px solid var(--accent-color);box-shadow:var(--shadow);margin-bottom:2rem;max-width:400px;padding:2rem;transition:background-color var(--transition-speed),box-shadow var(--transition-speed);width:100%}.login-card h2{color:var(--accent-color);font-weight:600;margin-bottom:.5rem}.login-card h2,.login-subtitle{text-align:center;transition:color var(--transition-speed)}.login-subtitle{color:var(--text-secondary);font-size:.9rem;margin-bottom:1.5rem}.form-group{margin-bottom:1.25rem}.form-group label{transition:color var(--transition-speed)}.form-group input{background-color:var(--bg-secondary);color:var(--text-primary);padding:.75rem;transition:border-color .2s,background-color var(--transition-speed)}.login-button{background-color:var(--accent-color);border:none;border-radius:var(--border-radius);box-shadow:0 1px 3px #0000001a;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem;transition:all .2s;width:100%}.login-button:hover{background-color:var(--accent-hover);box-shadow:0 2px 5px #00000026}.login-button:disabled{background-color:#b0b0b0;cursor:not-allowed}.error-message{background-color:#ef44441a;border-radius:var(--border-radius);color:var(--error-color);font-size:.9rem;margin-bottom:1.25rem;padding:.75rem;text-align:center}.error-hint{color:var(--error-color);font-size:.85rem;margin-top:.5rem}.server-status{border-radius:var(--border-radius);font-size:.85rem;font-weight:500;margin-bottom:1rem;padding:.5rem;text-align:center}.server-status.online{background-color:var(--bg-accent);color:var(--accent-color)}.server-status.offline{background-color:#ef44441a;color:var(--error-color)}.server-status.error{background-color:#feebc8;color:#c05621}.server-status.checking{background-color:var(--bg-accent);color:var(--text-secondary)}.theme-toggle-wrapper{display:flex;justify-content:flex-end;margin-bottom:10px}.demo-login-hint{color:#888;font-size:.8rem;margin-top:12px;text-align:center}.demo-login-hint span{font-weight:500;margin-right:5px}.demo-login-hint code{background-color:var(--background-color-secondary);border-radius:4px;font-family:monospace;padding:2px 4px}.paystack-container{margin-top:1rem;width:100%}.buy-credit-button{background-color:var(--accent-color);border:none;border-radius:var(--border-radius);box-shadow:0 1px 3px #0000001a;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:.6rem 1.2rem;transition:background-color .2s,transform .1s;width:100%}.buy-credit-button:hover{background-color:var(--accent-hover);box-shadow:0 2px 5px #00000026;transform:translateY(-1px)}.buy-credit-button:active{transform:translateY(0)}.paystack-form{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;box-shadow:var(--shadow);margin-top:.75rem;padding:1.25rem;position:relative;z-index:100}.paystack-form h4{color:var(--accent-color);font-size:1.1rem;font-weight:600;margin-bottom:1.25rem;margin-top:0;text-align:center}.form-group{margin-bottom:1rem}.form-group label{color:var(--text-secondary);display:block;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.form-group input{border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:1rem;padding:.6rem;transition:border-color .2s,box-shadow .2s;width:100%}.form-group input:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px #0d948826;outline:none}.paystack-form input[type=email]{border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:1rem;margin-bottom:.5rem;padding:.6rem;transition:border-color .2s,box-shadow .2s;width:100%}.paystack-form input[type=email]:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px #0d948826;outline:none}.paystack-form input[type=email]:disabled{background-color:var(--bg-accent);cursor:not-allowed}.amount-display{background-color:var(--bg-accent);border-radius:var(--border-radius);color:var(--accent-color);font-size:1.1rem;font-weight:600;margin-top:.75rem;padding:.6rem;text-align:center}.form-actions{display:flex;gap:1rem;justify-content:space-between;margin-top:1.5rem}.cancel-button{background-color:var(--bg-accent);border:none;border-radius:var(--border-radius);color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:.9rem;font-weight:500;padding:.6rem 1rem;transition:all .2s}.cancel-button:hover{background-color:#e2e8f0;color:var(--text-primary)}.pay-button{background-color:var(--accent-color);border:none;border-radius:var(--border-radius);box-shadow:0 1px 3px #0000001a;color:#fff;cursor:pointer;flex:2 1;font-size:.9rem;font-weight:600;padding:.6rem 1rem;transition:all .2s}.pay-button:hover{background-color:var(--accent-hover);box-shadow:0 2px 5px #00000026}.cancel-button:disabled,.pay-button:disabled{cursor:not-allowed;opacity:.6}.payment-error{background-color:#ef44441a;border-radius:var(--border-radius);color:var(--error-color);font-size:.85rem;margin-bottom:1rem;padding:.6rem;text-align:center}@media screen and (max-width:768px){.paystack-container{margin-top:.5rem}.paystack-form{background-color:var(--bg-secondary);border-radius:8px;box-shadow:var(--shadow);padding:1.25rem}.form-group input,.paystack-form input[type=email]{font-size:16px;padding:.75rem}.form-actions{flex-direction:column-reverse;gap:.75rem}.cancel-button,.pay-button{flex:none;font-size:1rem;padding:.75rem;width:100%}.buy-credit-button,.pay-button{margin-bottom:.5rem}.buy-credit-button{font-size:1rem;height:auto;min-height:44px;padding:.75rem 1.5rem}}.dashboard{background-color:var(--bg-primary);display:flex;flex-direction:column;min-height:100vh;transition:background-color var(--transition-speed)}.dashboard-header{align-items:center;background-color:var(--bg-secondary);border-bottom:2px solid var(--accent-color);box-shadow:var(--shadow);display:flex;justify-content:space-between;padding:1rem 2rem;transition:background-color var(--transition-speed),box-shadow var(--transition-speed)}.dashboard-header h1{color:var(--accent-color);font-size:1.5rem;font-weight:600;margin:0}.dashboard-header h1,.user-info-header{transition:color var(--transition-speed)}.user-info-header{align-items:center;color:var(--text-secondary);display:flex;font-size:.9rem;gap:1rem}.logout-button{background-color:initial;border:1px solid var(--accent-color);border-radius:var(--border-radius);color:var(--accent-color);cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1rem;transition:all .2s}.logout-button:hover{background-color:var(--accent-color);color:#fff}.dashboard-content{display:flex;justify-content:center;margin:0 auto;max-width:1200px;padding:2rem}.dashboard-card{background-color:var(--bg-secondary);border-radius:8px;border-top:3px solid var(--accent-color);box-shadow:var(--shadow);margin-bottom:1.5rem;max-width:800px;padding:1.5rem;transition:background-color var(--transition-speed),box-shadow var(--transition-speed);width:100%}.dashboard-card h2{color:var(--accent-color);font-size:1.25rem;font-weight:600;margin-bottom:1rem;margin-top:0;text-align:center;transition:color var(--transition-speed)}.user-info{border-top:1px solid #e2e8f0;margin-top:1.5rem;padding-top:1.5rem}.user-info p{color:#4a5568;margin:.5rem 0}.token-display{background-color:#f8f9fa;border-radius:4px;color:#2d3748;font-family:monospace;font-size:.85rem;margin-left:.5rem;padding:.25rem .5rem}.meter-list{align-items:center;display:flex;flex-direction:column;gap:1.5rem}.meter-card{background-color:var(--bg-secondary);border-left:4px solid var(--accent-color);border-radius:8px;box-shadow:var(--shadow);max-width:500px;padding:1.25rem;transition:transform .2s,box-shadow .2s,background-color var(--transition-speed);width:100%}.meter-card:hover{box-shadow:0 5px 15px #0000001a;transform:translateY(-3px)}.meter-card.selected{background-color:var(--bg-accent);border-left:4px solid var(--accent-hover);box-shadow:var(--shadow)}.meter-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.5rem}.meter-header h3{color:var(--accent-color);font-size:1.1rem;font-weight:600;margin:0;transition:color var(--transition-speed)}.meter-statuses{align-items:flex-end;display:flex;flex-direction:column;gap:.25rem}.meter-status{border-radius:999px;display:inline-block;font-size:.8rem;font-weight:500;min-width:140px;padding:.25rem .5rem;text-align:center}.meter-status.online{background-color:var(--success-color);color:#fff;font-weight:500}.meter-status.offline{background-color:var(--error-color);color:#fff;font-weight:500}.meter-status.closed{background-color:var(--accent-color);color:#fff;font-weight:500}.meter-status.open{background-color:#fbcf33;color:#805400;font-weight:500}.meter-details{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr 1fr;margin-top:.75rem;padding:0 .5rem}.meter-detail{background-color:var(--bg-accent);border-radius:4px;box-shadow:0 1px 3px #0000000d;display:flex;flex-direction:column;padding:.75rem;transition:background-color var(--transition-speed)}.meter-detail.full-width{border-radius:4px;grid-column:1/span 2;margin:.25rem 0;padding:.75rem}.toggle-container{align-items:center;background-color:var(--bg-accent);border-radius:4px;display:flex;flex-direction:column;padding:.75rem;transition:background-color var(--transition-speed)}.control-title{color:var(--text-secondary);font-size:.95rem;font-weight:600;margin-bottom:1rem;text-align:center;transition:color var(--transition-speed)}.switch-container{align-items:center;display:flex;gap:.5rem;justify-content:center;margin-bottom:.75rem;width:100%}.switch-label{font-size:.7rem;font-weight:600;transition:color var(--transition-speed)}.switch-label.on{color:#3182ce}.switch-label.off{color:#e53e3e}.switch{display:inline-block;height:26px;position:relative;width:50px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#e53e3e;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;bottom:4px;content:"";height:18px;left:4px;width:18px}input:checked+.slider{background-color:var(--accent-color)}input:focus+.slider{box-shadow:0 0 1px var(--accent-color)}input:checked+.slider:before{transform:translateX(24px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}input:disabled+.slider{cursor:not-allowed;opacity:.6}.toggle-error{color:var(--error-color)}.toggle-disabled-message,.toggle-error{font-size:.8rem;margin-top:.5rem;text-align:center}.toggle-disabled-message{color:var(--text-secondary);font-style:italic}.loading-container-small{align-items:center;display:flex;flex-direction:column;padding:1.5rem}.loading-container-small .loading-spinner{animation:spin 1s linear infinite;border:3px solid #0000001a;border-radius:50%;border-top:3px solid var(--accent-color);height:30px;margin-bottom:.5rem;width:30px}.loading-text{color:var(--accent-color);display:inline-block;font-size:.8rem;font-style:italic;position:relative}.loading-detail{background-color:var(--bg-accent);color:var(--text-secondary);font-style:italic}.error-detail,.loading-detail{font-size:.85rem;text-align:center}.error-detail{background-color:#ffdcdc4d;color:var(--error-color)}.detail-label{color:var(--text-secondary);font-size:.75rem;margin-bottom:.25rem}.detail-label,.detail-value{transition:color var(--transition-speed)}.detail-value{color:var(--text-primary);font-size:.95rem;font-weight:600}.energy-data{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.data-item{background-color:#f8fafc;border-radius:6px;display:flex;flex-direction:column;padding:1rem}.data-label{color:#718096;font-size:.875rem;margin-bottom:.5rem}.data-value{color:#2d3748;font-size:1.25rem;font-weight:600}.error-card{border-left:4px solid #f56565}.error-card h2{color:#c53030}.error-card p{color:#742a2a}.energy-stats-button{background-color:var(--solar-blue);border:none;border-radius:var(--border-radius);box-shadow:0 1px 3px #0000001a;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;margin-top:.5rem;padding:.6rem 1.2rem;transition:all .2s}.energy-stats-button:hover{background-color:var(--solar-blue-hover);box-shadow:0 2px 5px #00000026}.energy-stats-panel{background-color:var(--bg-accent);border:1px solid #0000001a;border-radius:6px;display:flex;flex-direction:column;gap:.9rem;margin-top:.5rem;padding:.75rem}.date-control-container{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.view-type-toggle{display:flex;gap:.5rem;justify-content:center;margin-bottom:.4rem}.view-toggle-btn{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-secondary);cursor:pointer;font-size:.85rem;font-weight:500;padding:.5rem 1rem;transition:all .2s}.view-toggle-btn.active{background-color:var(--accent-color);border-color:var(--accent-color);color:#fff}.view-toggle-btn:hover{background-color:var(--bg-accent);color:var(--accent-color)}.view-toggle-btn.active:hover{background-color:var(--accent-hover);color:#fff}.date-picker-container{align-items:center;background-color:var(--bg-secondary);border-radius:6px;display:flex;flex-direction:column;gap:.75rem;padding:.75rem}.date-picker-calendar{background-color:#fff!important;border-radius:6px!important;box-shadow:0 4px 12px #00000026!important;font-size:.8rem!important;margin:0 auto!important;max-width:250px!important;width:100%!important}.react-datepicker{border:1px solid #e2e8f0!important;font-family:inherit!important;width:100%!important}.react-datepicker__header{background-color:#f8f8f8!important;border-bottom:1px solid #ddd!important;padding-top:8px!important}.react-datepicker__month-container{float:none!important;width:100%!important}.react-datepicker__day--selected{background-color:#4299e1!important}.date-range-display{color:var(--text-secondary);font-size:.75rem;margin-top:.5rem;text-align:center}.energy-stats-panel h4{border-bottom:1px solid var(--border-color);color:var(--text-primary);font-size:.95rem;margin:0;padding-bottom:.5rem;text-align:center}.energy-stats-panel h5{color:var(--text-secondary);font-size:.8rem;font-weight:600;margin:0 0 .5rem}.energy-stats-summary{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr)}.energy-stats-summary.single-stat{grid-template-columns:1fr;margin:0 auto;max-width:250px}.stat-item{background-color:var(--bg-secondary);border-radius:4px;box-shadow:0 1px 2px #0000000d;display:flex;flex-direction:column;padding:.75rem}.stat-label{color:var(--text-secondary);font-size:.75rem;margin-bottom:.25rem}.stat-value{color:var(--text-primary);font-size:1rem;font-weight:600}.chart-container{background-color:var(--bg-secondary);border-radius:6px;box-shadow:0 1px 3px #0000001a;padding:.75rem}.view-report-button{background-color:var(--accent-color);border:none;border-radius:var(--border-radius);box-shadow:0 1px 3px #0000001a;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;margin-top:1rem;padding:.6rem 1.2rem;transition:all .2s}.view-report-button:hover{background-color:var(--accent-hover);box-shadow:0 2px 5px #00000026}.success-message{background-color:var(--success-color);border-radius:4px;color:#fff;font-size:.9rem;font-weight:500;margin-bottom:.5rem;padding:.75rem;text-align:center}@media screen and (max-width:768px){.energy-stats-summary{grid-template-columns:1fr}.chart-container{padding:.75rem}.view-type-toggle{flex-direction:row;justify-content:center;width:100%}.view-toggle-btn{font-size:.8rem;padding:.4rem .5rem}.date-picker{font-size:.85rem;width:120px}.date-range-display{font-size:.8rem}}.theme-toggle{align-items:center;background-color:initial;border:1px solid var(--border-color);border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;height:2.5rem;justify-content:center;margin-left:1rem;transition:all .2s;width:2.5rem}.theme-toggle:hover{background-color:var(--bg-accent);color:var(--accent-color)}.theme-toggle svg{height:20px;width:20px}.week-buttons-container{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(4,1fr);margin:0 auto;width:100%}.week-button{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);cursor:pointer;font-size:.8rem;font-weight:500;padding:.4rem .5rem;text-align:center;transition:all .2s}.week-button:hover{background-color:var(--accent-color);color:#fff;transform:translateY(-1px)}.week-button:active{transform:translateY(0)}.month-selector{align-items:center;display:flex;gap:.5rem;justify-content:center;margin-bottom:.75rem;position:relative;width:100%}.month-select{-webkit-appearance:none;appearance:none;background-color:var(--bg-secondary);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%234a5568' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:1em;border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);cursor:pointer;font-size:.85rem;min-width:140px;padding:.4rem 1rem;text-align:center}.year-display{color:var(--text-secondary);font-size:.85rem;font-weight:500}@media screen and (max-width:500px){.month-selector{flex-direction:column;gap:.25rem}.week-buttons-container{grid-template-columns:repeat(2,1fr)}}.year-title{color:var(--text-primary);font-size:.9rem;font-weight:500;margin-bottom:1rem}.year-selector{gap:1.5rem;margin-bottom:2rem;margin-top:1rem}.year-nav-button,.year-selector{align-items:center;display:flex;justify-content:center}.year-nav-button{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:50%;color:var(--text-primary);cursor:pointer;font-size:1.2rem;height:36px;transition:all .2s;width:36px}.year-nav-button:hover{background-color:var(--accent-color);color:#fff;transform:translateY(-2px)}.year-display.bold{color:var(--text-primary);font-size:1.4rem;font-weight:600}.month-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(4,1fr);margin:0 auto;max-width:380px;width:100%}.month-grid-item{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);cursor:pointer;font-size:.85rem;font-weight:500;padding:.5rem;text-align:center;transition:all .2s}.month-grid-item:hover{background-color:#edf2f7;transform:translateY(-1px)}.month-grid-item.active{background-color:#4299e1;border-color:#3182ce;color:#fff}@media screen and (max-width:450px){.month-grid{grid-template-columns:repeat(2,1fr);max-width:200px}}.footer-signature{background-color:var(--bg-secondary);border-top:1px solid var(--border-color);box-shadow:0 -1px 3px #0000000d;margin-top:auto;padding:1rem 2rem;width:100%}.footer-copyright{color:var(--text-secondary);font-size:.85rem;text-align:center;width:100%}*{box-sizing:border-box;margin:0;padding:0}body{color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6}.container{margin:0 auto;max-width:1200px;padding:0 1rem}.loading-container{align-items:center;background-color:#f5f7fa;display:flex;flex-direction:column;height:100vh;justify-content:center}.loading-spinner{animation:spin 1s linear infinite;border:5px solid #e2e8f0;border-radius:50%;border-top-color:#3182ce;height:50px;margin-bottom:1rem;width:50px}.loading-container p{color:#4a5568;font-size:1rem}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.0ce5227e.css.map*/