body{background:linear-gradient(135deg,#1e3c72,#2a5298);color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;margin:0}.container{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center}h1{color:#50e3c2;font-size:2rem;margin-bottom:20px}.dashboard{margin:0 auto;max-width:1200px;padding:10px}.tab-list{flex-direction:column;margin-bottom:20px}.tab-content{margin-top:20px}.energy-monitoring{background:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a;padding:15px}.energy-monitoring h2{color:#4a90e2;font-size:1.5rem;margin-bottom:15px}.appliance-maintenance{background:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a;padding:15px}.appliance-maintenance h2{color:#4a90e2;font-size:1.5rem;margin-bottom:15px}.appliance-list{list-style-type:none;padding:0}.appliance-item{background:#f4f4f4;border-radius:5px;color:#333;display:flex;flex-direction:column;gap:10px;margin:10px 0;padding:10px}.appliance-item button{background-color:#ff6f61;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:.9rem;padding:5px 10px}.appliance-item button:hover{background-color:#e65a50}.add-appliance-button{background-color:#50e3c2;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;margin-bottom:20px;padding:10px 20px}.add-appliance-button:hover{background-color:#3fb8a5}.e-wallet{padding:15px}.e-wallet h2{font-size:1.5rem;margin-bottom:15px}.e-wallet p{color:#333;font-size:1rem}.transaction-list{list-style-type:none;padding:0}.transaction-item{background:#f4f4f4;border-radius:5px;color:#333;margin:10px 0;padding:10px}@media (min-width:600px){h1{font-size:2.5rem}.dashboard{padding:20px}.tab-list{flex-direction:row}.appliance-maintenance,.e-wallet,.energy-monitoring{padding:20px}.appliance-maintenance h2,.e-wallet h2,.energy-monitoring h2{font-size:2rem}.appliance-item{align-items:center;flex-direction:row;justify-content:space-between}.e-wallet p{font-size:1.2rem}}.popup-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%}.popup-content{background:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a;max-width:400px;padding:20px;width:90%}.popup-content h3{color:#4a90e2;margin-bottom:20px}.form-group{margin-bottom:15px}.form-group label{color:#333;display:block;margin-bottom:5px}.form-group input{border:1px solid #ccc;border-radius:5px;padding:8px;width:100%}.form-buttons{display:flex;gap:10px;margin-top:20px}.form-buttons button{border:none;border-radius:5px;cursor:pointer;flex:1 1;font-size:1rem;padding:10px}.form-buttons button[type=submit]{background-color:#50e3c2;color:#fff}.form-buttons button[type=submit]:hover{background-color:#3fb8a5}.form-buttons button[type=button]{background-color:#ff6f61;color:#fff}.form-buttons button[type=button]:hover{background-color:#e65a50}.consumption-data{list-style-type:none;margin:10px 0;padding:0}.consumption-data li{background:#f4f4f4;border-radius:5px;color:#333;margin:5px 0;padding:5px}.appliance-summary{border-bottom:1px solid #ccc;cursor:pointer;padding:10px}.appliance-summary:hover{background-color:#f4f4f4}.appliance-details{background-color:#f9f9f9;border-radius:5px;margin-top:10px;padding:10px}.chart-container{margin-top:10px}.e-wallet{background:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a;padding:20px}.e-wallet h2{color:#4a90e2;margin-bottom:20px}.wallet-card{background:linear-gradient(135deg,#50e3c2,#4a90e2);border-radius:10px;box-shadow:0 4px 8px #0003;color:#fff;padding:20px;text-align:center}.wallet-balance span{font-size:1rem;opacity:.8}.wallet-balance h3{font-size:2rem;margin:10px 0}.view-transactions-button{background-color:#fff;border:none;border-radius:5px;color:#4a90e2;cursor:pointer;font-size:1rem;margin-top:15px;padding:10px 20px;transition:background-color .3s ease,color .3s ease}.view-transactions-button:hover{background-color:#4a90e2;color:#fff}.transactions-table{margin-top:20px}.transactions-table h3{color:#4a90e2;margin-bottom:15px}.transactions-table table{border-collapse:collapse;width:100%}.transactions-table td,.transactions-table th{border-bottom:1px solid #ccc;padding:10px;text-align:left}.transactions-table th{background-color:#f4f4f4;color:#333}.transactions-table td{color:#333}.transactions-table tr:hover{background-color:#f9f9f9}.logout-button{background-color:#ff6f61;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:10px 20px;position:absolute;right:20px;top:20px;transition:background-color .3s ease}.logout-button:hover{background-color:#e65a50}.tab-list{display:flex;gap:10px;list-style-type:none;margin:0 0 20px;padding:0}.tab{background-color:#4a90e2;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:10px 20px;transition:background-color .3s ease}.tab:hover{background-color:#357abd}.power-meter-container{display:flex;justify-content:space-around;padding:20px}.power-meter{text-align:center;width:200px}.power-meter h3{color:#333;font-size:16px;margin-bottom:10px}.react-tabs{-webkit-tap-highlight-color:transparent}.react-tabs__tab-list{border-bottom:1px solid #aaa;margin:0 0 10px;padding:0}.react-tabs__tab{border:1px solid #0000;border-bottom:none;bottom:-1px;cursor:pointer;display:inline-block;list-style:none;padding:6px 12px;position:relative}.react-tabs__tab--selected{background:#fff;border-color:#aaa;border-radius:5px 5px 0 0;color:#000}.react-tabs__tab--disabled{color:GrayText;cursor:default}.react-tabs__tab:focus{outline:none}.react-tabs__tab:focus:after{background:#fff;bottom:-5px;content:"";height:5px;left:-4px;position:absolute;right:-4px}.react-tabs__tab-panel{display:none}.react-tabs__tab-panel--selected{display:block}.CircularProgressbar{vertical-align:middle;width:100%}.CircularProgressbar .CircularProgressbar-path{stroke:#3e98c7;stroke-linecap:round;transition:stroke-dashoffset .5s ease 0s}.CircularProgressbar .CircularProgressbar-trail{stroke:#d6d6d6;stroke-linecap:round}.CircularProgressbar .CircularProgressbar-text{fill:#3e98c7;dominant-baseline:middle;text-anchor:middle;font-size:20px}.CircularProgressbar .CircularProgressbar-background{fill:#d6d6d6}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-background{fill:#3e98c7}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-text{fill:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-path{stroke:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-trail{stroke:#0000}
/*# sourceMappingURL=main.d4b23384.css.map*/