*{margin:0;padding:0;box-sizing:border-box;outline:none;border:none;text-decoration:none;list-style:none;font-family:Inter Regular;color:#1e1b39}* ::-webkit-scrollbar{width:10px}*::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3)}*::-webkit-scrollbar-thumb{background-color:#a9a9a9;outline:1px solid slategrey}@font-face{font-family:Inter Regular;font-display:swap;src:url(/assets/Inter_24pt-Regular-BPx6xqqj.ttf) format("truetype")}@font-face{font-family:Inter Medium;font-display:swap;src:url(/assets/Inter_24pt-Medium-CWuwCVva.ttf) format("truetype")}@font-face{font-family:Inter SemiBold;font-display:swap;src:url(/assets/Inter_24pt-SemiBold-BQskPSi-.ttf) format("truetype")}@font-face{font-family:Inter Bold;font-display:swap;src:url(/assets/Inter_24pt-Bold-Cxr-7eik.ttf) format("truetype")}.row{display:flex;margin-bottom:15px}.row .col{flex:1;flex-direction:column;margin-right:10px}.row .col:last-of-type{margin-right:0}.row .col.fit-content{flex:initial;width:fit-content}.row:last-of-type{margin-bottom:0}ul.period-filter{display:flex;justify-content:center;gap:10px}ul.period-filter li{width:fit-content;border-radius:20px;border:1px solid #dfe2e4;background:#f8f9fa;height:28px;padding:0 10px;display:flex;align-items:center;justify-content:center;font-size:12px;cursor:pointer}ul.period-filter li.active{border-color:#0063f5;background:#ecf4ff;color:#0063f5}ul.period-filter li:hover{background:#ecf4ff}label{font-family:Inter SemiBold,sans-serif;font-weight:600;font-size:13px;margin-bottom:8px;display:block}input,select,textarea{height:50px;background-color:#f6fbff;border:1px solid #b4b9ca;border-radius:10px;padding:0 15px;width:100%;transition:.2s}input:disabled,select:disabled,textarea:disabled{opacity:.4;pointer-events:none}input::placeholder,select::placeholder,textarea::placeholder{color:#a0a5ba}input:focus,select:focus,textarea:focus{border-color:#409eff}textarea{height:120px;padding:10px 15px}button.btn-primary{height:50px;background-color:#000;color:#fff;width:100%;border-radius:12px}button.btn-primary:hover{background-color:#222;cursor:pointer}.wrapper{max-width:calc(100% - 40px);margin:0 auto}.validate{border-color:#d32f2f!important}.validate::placeholder{color:#d32f2f!important}button.MuiButton-containedPrimary{background-color:#1e1b39;text-transform:initial;color:#e0e4f3}button.MuiButton-containedPrimary img{margin-right:5px}button.MuiButton-containedPrimary i{position:absolute;right:0;top:0;width:30px;height:100%;display:flex;justify-content:center;align-items:center;background-color:#fff0}button.MuiButton-containedPrimary i img{margin:0}button.MuiButton-containedPrimary i:hover{transition:.2s;background-color:#ffffff1a}button.MuiButton-colorInfo{border-color:#1e1b39;text-transform:initial;color:#1e1b39}button.MuiButton-colorInfo img{margin-right:5px}header{background-color:#fff}header .wrapper{height:62px;display:flex;justify-content:space-between;align-items:center}header .wrapper a.brand{display:block}header .wrapper a.brand img{display:block;width:100px;object-fit:contain}main section{min-height:calc(100dvh - 41px)}main.logged-in section{min-height:calc(100dvh - 103px)}main section#login{padding:20px;display:flex}main section#login .left{border-radius:20px;width:calc(50% + 150px);background-image:url(/assets/bg-M8SQYDNo.jpg);background-size:cover;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:30px}main section#login .left .bottom p{font-family:Inter Regular,sans-serif;color:#474651;font-size:16px;margin-bottom:25px}main section#login .left .bottom b{font-family:Inter SemiBold,sans-serif;font-weight:600;font-size:32px;line-height:1.25;display:block;padding-right:100px}main section#login .right{padding:55px 110px;width:calc(50% - 150px);display:flex;align-items:center;justify-content:center}main section#login .right form{width:100%}main section#login .right form h1{font-size:40px;font-family:Inter SemiBold,sans-serif;margin-bottom:10px}main section#login .right form p{color:#615e83;font-size:13px;margin-bottom:45px;line-height:1.6;max-width:400px}main section#login .right form>img{max-width:150px;margin-bottom:20px;display:block}main section#login .right form .button-container{height:50px;display:flex;justify-content:center;align-items:center;margin-top:40px}main section#dashboard{background-color:#f4f7fe}main section#dashboard .wrapper{padding:20px 0}main section#dashboard .wrapper h1{font-size:30px;margin-bottom:2px}main section#dashboard .wrapper>p{color:#615e83;font-size:13px;margin-bottom:20px}main section#dashboard .wrapper .electricity .col.left{width:211px;flex:initial}main section#dashboard .wrapper .electricity .col.left .meter{width:211px;height:211px;border-radius:50%;background-image:conic-gradient(from -46deg at 50% 50%,#fff7f4 0deg 360deg);display:flex;align-items:center;justify-content:center;margin-bottom:15px}main section#dashboard .wrapper .electricity .col.left .meter .inner{width:134px;height:134px;border-radius:50%;background-color:#fff;filter:drop-shadow(-3px 12px 21px #ffe1ce);display:flex;align-items:center;flex-direction:column;justify-content:center}main section#dashboard .wrapper .electricity .col.left .meter .inner span{font-size:36px}main section#dashboard .wrapper .electricity .col.left .meter .inner b{color:#a9a9a9;font-size:16px;font-family:Inter SemiBold,sans-serif;font-weight:600}main section#dashboard .wrapper .electricity .col.left ul{padding-left:10px}main section#dashboard .wrapper .electricity .col.left ul li{display:flex;align-items:center;gap:10px}main section#dashboard .wrapper .electricity .col.left ul li img{width:22px;object-fit:scale-down;max-height:20px}main section#dashboard .wrapper .electricity .col.left ul li .r{display:flex;flex-direction:column;align-items:flex-start;gap:2px}main section#dashboard .wrapper .electricity .col.left ul li .r b{font-family:Inter SemiBold;font-size:14px}main section#dashboard .wrapper .electricity .col.left ul li .r span{color:#72777a;font-size:16px}main section#dashboard .wrapper .electricity .col.left ul li:not(:last-of-type){margin-bottom:10px}main section#dashboard .wrapper .electricity .col.left strong{font-size:20px;font-family:Inter SemiBold,sans-serif;display:block;text-align:center;margin-bottom:45px}main section#dashboard .wrapper .electricity .col.right .extra-data{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}main section#dashboard .wrapper .electricity .col.right .extra-data .left{display:flex;flex-direction:column;align-items:flex-start}main section#dashboard .wrapper .electricity .col.right .extra-data .left b{font-family:Inter SemiBold;font-size:14px}main section#dashboard .wrapper .electricity .col.right .extra-data .left span{color:#72777a;font-size:16px}main section#dashboard .wrapper .electricity .col.right .extra-data .right{display:flex;gap:5px;align-items:flex-end}main section#dashboard .wrapper .electricity .col.right .extra-data .right b{font-size:24px}main section#dashboard .wrapper .electricity .col.right .extra-data .right span{font-size:14px;padding-bottom:2px}main section#dashboard .wrapper .temperature{display:flex;flex-direction:column;justify-content:center;align-items:center}main section#dashboard .wrapper .temperature .meter{width:211px;height:211px;border-radius:50%;background-image:conic-gradient(from -46deg at 50% 50%,#fff7f4 0deg 360deg);display:flex;align-items:center;justify-content:center;margin:0 auto 15px}main section#dashboard .wrapper .temperature .meter .inner{width:134px;height:134px;border-radius:50%;background-color:#fff;filter:drop-shadow(-3px 12px 21px #ffe1ce);display:flex;align-items:center;flex-direction:column;justify-content:center}main section#dashboard .wrapper .temperature .meter .inner span{font-size:36px}main section#dashboard .wrapper .temperature .meter .inner b{color:#a9a9a9;font-size:16px;font-family:Inter SemiBold,sans-serif;font-weight:600}main section#dashboard .wrapper .temperature strong{font-size:20px;font-family:Inter SemiBold,sans-serif;display:block;text-align:center;margin-bottom:20px}main section#dashboard .wrapper .temperature .control{display:flex;align-items:center;gap:20px}main section#dashboard .wrapper .temperature .control button{background:#fde8dd;width:44px;height:44px;min-width:initial;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:29px;color:#202325}main section#dashboard .wrapper .temperature .control .display{display:flex;align-items:center;flex-direction:column;justify-content:center;width:90px}main section#dashboard .wrapper .temperature .control .display b{text-align:center;color:#72777a;font-size:12px;font-family:Inter Medium,sans-serif;font-weight:500}main section#dashboard .wrapper .temperature .control .display span{font-size:36px}main section#dashboard .wrapper .temperature .power{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:auto;padding-top:10px}main section#dashboard .wrapper .temperature .power .left{display:flex;flex-direction:column;align-items:flex-start;gap:2px}main section#dashboard .wrapper .temperature .power .left b{font-family:Inter SemiBold;font-size:14px}main section#dashboard .wrapper .temperature .power .left span{color:#72777a;font-size:10px}main section#dashboard .wrapper .lights{display:flex;flex-direction:column}main section#dashboard .wrapper .lights .meter{width:211px;height:211px;border-radius:50%;background-image:conic-gradient(from -46deg at 50% 50%,#fff7f4 0deg 360deg);display:flex;align-items:center;justify-content:center;margin:0 auto 15px}main section#dashboard .wrapper .lights .meter .inner{width:134px;height:134px;border-radius:50%;background-color:#fff;filter:drop-shadow(-3px 12px 21px #ffe1ce);display:flex;align-items:center;flex-direction:column;justify-content:center}main section#dashboard .wrapper .lights .meter .inner span{font-size:36px}main section#dashboard .wrapper .lights .meter .inner b{color:#a9a9a9;font-size:16px;font-family:Inter SemiBold,sans-serif;font-weight:600}main section#dashboard .wrapper .lights strong{font-size:20px;font-family:Inter SemiBold,sans-serif;display:block;text-align:center;margin-bottom:20px}main section#dashboard .wrapper .lights ul{width:100%;width:calc(100% + 40px);margin:auto -20px -20px}main section#dashboard .wrapper .lights ul li{padding:8px 20px;display:flex;align-items:center;justify-content:space-between}main section#dashboard .wrapper .lights ul li span{font-size:16px}main section#dashboard .wrapper .lights ul li:not(:last-of-type){border-bottom:1px solid #e7eaec}footer{background-color:#000}footer .wrapper{height:41px;display:flex;align-items:center;justify-content:space-between}footer .wrapper p{color:#fff;font-size:12px}footer .wrapper a.software-partner{display:flex;align-items:center;gap:10px}footer .wrapper a.software-partner span{color:#fff;font-size:9px;text-align:right}
