@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap&family=Lato);:root{--clr-background:#fff;--clr-dark-primary:#012124;--clr-dark-primary-hover:#213d3f;--clr-surface:#fff;--clr-grey-surface:#e8ebeb;--clr-dark-surface:#344d50;--clr-text:#000c;--clr-strong-text:#012124;--clr-secondary-text:#566573;--clr-primary:#f7aa3f;--clr-secondary:#82ba71;--clr-error:#f1948a;--clr-warning:#f7dc6f;--clr-success:#82e0aa;--clr-on-primary:#fff;--border-radius:6px;--clr-divider:#d5dbdb;--clr-divider-light:#d5dbdb;--clr-deactivate:#d5dbdb;--clr-deactivate-light:#d5dbdb;--box-shadow:0 2px 4px #0000001a;--clr-navbar-selected:#2980b933;--clr-lst-navbar-selected:#0000000d;--clr-header-background:#ffffff80;--clr-navbar-hover:#0000001a;--clr-secondary-60:#82ba7199;--clr-secondary-30:#82ba714d;--font-title:"Poppins","Arial Narrow",Arial,sans-serif;--font-text:"Lato","Arial Narrow",Arial,sans-serif;--navbar-height:100px}@media screen and (max-width:764px){:root{--navbar-height:45px}}*{box-sizing:border-box;font-family:Lato,Arial Narrow,Arial,sans-serif;font-family:var(--font-text);margin:0;padding:0}.title,.title *,h1,h1 *,h2,h2 *,h3,h3 *,h4,h4 *,h5,h5 *,h6,h6 *{font-family:Poppins,Arial Narrow,Arial,sans-serif;font-family:var(--font-title)}body{overflow-x:hidden;width:100vw}.main-container{background-color:#012124;background-color:var(--clr-dark-primary);height:100svh;padding:20px 0 0;width:100%}.main-container .main-content{background-color:#fff;background-color:var(--clr-background);border-top-left-radius:20px;border-top-right-radius:20px;height:calc(100% - 120px);height:calc(100% - var(--navbar-height) - 20px);margin-top:20px;overflow-y:auto;padding:40px}@media screen and (max-width:764px){.main-container{padding:10px 0 0}.main-container .main-content{margin-top:10px;padding:40px 20px}}.main-page{justify-content:center}.main-page,.main-page section{display:flex;flex-direction:column;width:100%}.main-page section{align-items:center;padding:0 5%}.main-page section .container{max-width:1450px;width:100%}.arrow-hover-move{cursor:pointer;transition:.3s}.arrow-hover-move *,.arrow-hover-move .arrow{transition:.3s}.arrow-hover-move:hover,.arrow-hover-move:hover *{color:#000!important}.arrow-hover-move:hover .arrow{transform:translateX(-2px)}.row{align-items:center}.classic-form,.row{display:flex;flex-direction:row;justify-content:space-between}.classic-form{gap:20px;max-width:1200px;width:100%}.classic-form .input-side{display:flex;flex-direction:column;gap:20px;max-width:500px;width:50%}.classic-form .row{align-items:flex-end;gap:20px;width:100%}.classic-form .input-block{display:flex;flex-direction:column;gap:10px;width:100%}.classic-form .input-block input{padding:8px 14px}.soliseco-modal{align-items:center;display:flex;justify-content:center}@media screen and (max-width:764px){.soliseco-modal{align-items:flex-end}}.soliseco-modal .modal-center{background-color:#fff;background-color:var(--clr-background);border-radius:6px;border-radius:var(--border-radius);padding:40px;position:relative}@media screen and (max-width:764px){.soliseco-modal .modal-center{border-radius:20px;border-bottom-left-radius:0;border-bottom-right-radius:0}}.soliseco-modal .modal-center .modal-header{display:flex;flex-direction:column}.soliseco-modal .modal-center .modal-header .close-container{align-items:center;background-color:#0000004d;border-radius:50%;cursor:pointer;display:flex;height:30px;justify-content:center;position:absolute;right:15px;top:15px;transition:.3s;width:30px}.soliseco-modal .modal-center .modal-header .close-container:hover{box-shadow:0 2px 4px #0000001a;box-shadow:var(--box-shadow)}.soliseco-modal .modal-center .modal-header .close-container svg{color:#fff;font-size:14px}.soliseco-modal .modal-center .modal-header span{font-size:1.2rem;font-weight:700}.soliseco-modal .modal-center .modal-header p{max-width:500px}.soliseco-modal .modal-center .modal-content{padding:30px 0}.soliseco-modal .modal-center .modal-content .classic-form{flex-direction:column}.soliseco-modal .modal-center .modal-footer{align-items:center;display:flex;justify-content:space-between;width:100%}.ant-select-dropdown{z-index:10000}@media screen and (max-width:764px){input{font-size:16px!important}}.default-view-header{align-items:center;display:flex;flex-direction:row;justify-content:space-between;width:100%}.default-view-header .row{align-items:flex-end;gap:30px}@media screen and (max-width:764px){.default-view-header .row{align-items:flex-start;flex-direction:column}}.default-view-header .row .new-device-btn{align-items:center;border:1px solid var(--clr-divider);border-radius:10px;cursor:pointer;display:flex;flex-direction:row;gap:10px;padding:8px 12px}.default-view-header .row .new-device-btn svg{height:20px;width:20px}.default-view-header .row .new-device-btn span{font-size:14px}.default-view-header .view-title-container h2.big-title{font-size:2rem}.default-view-header .view-title-container h2.big-title span{color:var(--clr-secondary)}.default-view-header .view-title-container p{margin-top:10px;max-width:500px}.default-view-header .date-container{align-items:flex-end;border-right:5px solid var(--clr-secondary-30);display:flex;flex-direction:column;padding-right:20px}@media screen and (max-width:970px){.default-view-header .date-container{display:none}}.default-view-header .date-container .weekday{color:var(--clr-strong-text);font-size:32px;font-weight:500;text-transform:capitalize}.default-view-header .date-container .day-month{color:var(--clr-secondary-60);font-size:32px;font-weight:600}.default-view-header .date-container .day-month span{color:var(--clr-secondary)}.main-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;justify-content:center;outline:none;padding:10px 16px;transition:.3s;z-index:10}.main-btn .btn-title{display:flex;flex-direction:row;gap:10px}.main-btn svg{transition:.3s}@media screen and (max-width:764px){.main-btn{padding:8px 12px}}.main-btn.color-primary{background-color:var(--clr-dark-primary);box-shadow:2px 10px 34px 10px #0121241f}.main-btn.color-primary span{color:#fff}.main-btn.color-primary:hover{background-color:var(--clr-dark-primary-hover)}.main-btn.color-primary.disabled{background-color:var(--clr-deactivate);box-shadow:none;cursor:default}.main-btn.color-primary.disabled span{color:#fff}.main-btn.color-secondary{background-color:var(--clr-secondary-60)}.main-btn.color-secondary span{color:#fff}.main-btn.color-secondary:hover{background-color:var(--clr-secondary)}.main-btn.color-secondary.disabled{background-color:var(--clr-deactivate);box-shadow:none;cursor:default}.main-btn.color-secondary.disabled span{color:#fff}.main-btn.color-on-primary{background-color:#fff}.main-btn.color-on-primary span{color:var(--clr-dark-primary)}.main-btn.color-on-primary svg{fill:var(--clr-dark-primary)}.main-btn.color-on-primary:hover{background-color:#ffffffe6}.main-btn.color-on-primary.disabled{background-color:#ffffff80;box-shadow:none;cursor:default}.main-btn:hover svg{transform:translateX(3px)}.main-btn .loader{animation:spin 1s linear infinite;border:2px solid #0000001a;border-left-color:#0000;border-radius:50%;height:16px;width:16px}.main-btn span{font-size:16px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.home-item{align-items:flex-start;align-items:stretch;border:1px solid var(--clr-divider);border-radius:50px;display:flex;flex-direction:row;gap:30px;min-width:200px;padding:30px;position:relative}@media screen and (max-width:764px){.home-item{flex-wrap:wrap;width:100%}}.home-item .home-title{align-items:center;background-color:var(--clr-background);display:flex;height:32px;justify-content:center;padding:0 10px;position:absolute;top:-16px}.home-item .device-item{background-color:var(--clr-dark-primary);border-radius:20px;display:flex;flex-direction:column;min-width:220px;padding:20px}@media screen and (max-width:555px){.home-item .device-item{width:100%}}.home-item .device-item *{color:#fff}.home-item .device-item .device-header{align-items:center;display:flex;flex-direction:row;gap:20px;justify-content:space-between;min-width:140px;padding:0;width:100%}.home-item .device-item .device-header .temperature-status{border-radius:20px;padding:4px 10px}.home-item .device-item .device-header .settings-container{cursor:pointer}.home-item .device-item .device-header .settings-container svg{height:24px;width:24px}.home-item .device-item .device-center{display:flex;flex-direction:column;padding:20px 0}.home-item .device-item .device-center .device-name-status{font-size:1.2rem}.home-item .device-item .device-center .device-name-status span{color:var(--clr-success);font-size:.8rem}.home-item .btn-container{display:flex;flex-direction:column;gap:20px}@media screen and (max-width:764px){.home-item .btn-container{flex-direction:row}}.home-item .btn-container .btn{align-items:center;background-color:var(--clr-grey-surface);border-radius:20px;cursor:pointer;display:flex;height:60px;justify-content:center;transition:.3s;width:60px}.home-item .btn-container .btn svg{width:30px}.home-item .btn-container .btn:hover{opacity:.8}.home-item .empty-device{align-items:center;background-color:var(--clr-grey-surface);border-radius:20px;cursor:pointer;display:flex;flex-direction:column;gap:20px;justify-content:center;padding:30px;text-align:center;transition:.3s;width:200px}.home-item .empty-device:hover{opacity:.8}.home-item .empty-device svg{height:36px;width:36px}#home-view .homes-container{align-items:stretch;display:flex;flex-direction:row;flex-wrap:wrap;gap:40px;justify-content:flex-start;margin-top:40px}#home-view .empty-home{align-items:center;background-color:var(--clr-grey-surface);border-radius:20px;cursor:pointer;display:flex;flex-direction:column;gap:20px;height:200px;justify-content:center;padding:30px;text-align:center;transition:.3s;width:200px}#home-view .empty-home:hover{opacity:.8}#home-view .empty-home svg{height:36px;width:36px}nav.main-navbar{align-items:center;display:flex;flex-direction:row;height:var(--navbar-height);justify-content:space-between;padding:0 5%;width:100%}nav.main-navbar *{color:#fff;font-family:var(--font-title)}nav.main-navbar .home-logo img{height:64px;width:64px}@media screen and (max-width:764px){nav.main-navbar .home-logo img{height:45px;width:45px}}nav.main-navbar .center-navigation{align-items:center;display:flex;flex-direction:row;gap:10px}@media screen and (max-width:764px){nav.main-navbar .center-navigation{display:none}}nav.main-navbar .center-navigation li{list-style:none}nav.main-navbar .center-navigation li a{align-items:center;border-radius:5px;display:flex;gap:10px;padding:10px 16px;text-decoration:none}nav.main-navbar .center-navigation li a svg{opacity:.4}nav.main-navbar .center-navigation li.selected a{background-color:var(--clr-dark-surface);color:#000}nav.main-navbar .user-portal-btn{align-items:center;cursor:pointer;display:flex;flex-direction:row;gap:10px;position:relative}@media screen and (max-width:764px){nav.main-navbar .user-portal-btn .user-name{display:none}}nav.main-navbar .user-portal-btn img{border-radius:24px;height:48px;width:48px}nav.main-navbar .user-portal-btn path{fill:#fff}nav.main-navbar .user-portal{background-color:#fff;border-radius:8px;box-shadow:0 14px 30px 0 #00000026;cursor:default!important;display:flex;flex-direction:column;gap:10px;min-width:140px;padding:16px;position:absolute;right:0;top:calc(100% + 20px);z-index:300}nav.main-navbar .user-portal *{color:var(--clr-text)}nav.main-navbar .user-portal a,nav.main-navbar .user-portal span{cursor:pointer;text-decoration:none}nav.main-navbar .user-portal span:hover{color:var(--clr-error)}.auth-page{min-height:100svh;padding:30px 0;width:100%}.auth-page,.auth-page section>.container{align-items:center;display:flex;flex-direction:row}.auth-page section>.container{justify-content:space-between;max-width:1200px}.auth-page .form-container{align-items:flex-start;display:flex;flex-direction:column;padding:20px;width:calc(50% - 50px)}@media screen and (max-width:764px){.auth-page .form-container{width:100%}}.auth-page .form-container .go-back-btn{align-items:center;display:flex;gap:2px;margin-bottom:20px}.auth-page .form-container .go-back-btn *{color:#667a7c;font-size:16px}.auth-page .form-container h1{color:var(--clr-strong-text);font-weight:700}.auth-page .form-container h1 span{color:var(--clr-primary)}.auth-page .form-container .main-description{margin-bottom:40px;margin-top:20px}.auth-page .form-container .primary-link{color:var(--clr-primary)}.auth-page .form-container form{align-items:flex-start;display:flex;flex-direction:column;margin-bottom:40px;width:100%}.auth-page .form-container form .row{margin-bottom:20px;width:100%}.auth-page .form-container form .input-row{gap:20px;margin-bottom:0;width:100%}.auth-page .form-container form .input-row .input-block{width:100%}.auth-page .form-container form label:not(.ant-checkbox-wrapper){color:var(--clr-strong-text);display:block;margin-bottom:5px}.auth-page .form-container form .input-row input,.auth-page .form-container form>.ant-input-affix-wrapper,.auth-page .form-container form>input{border-radius:8px;margin-bottom:20px;padding:8px 14px;width:100%}.auth-page .form-container .success-icon{height:50px;margin-bottom:20px;width:50px}.auth-decorator{background-color:var(--clr-dark-primary);border-radius:60px;height:80svh;max-height:800px;position:relative;width:calc(50% - 50px)}@media screen and (max-width:764px){.auth-decorator{display:none}}.auth-decorator .title-container{align-items:flex-start;display:flex;flex-direction:column;padding:40px;position:relative;z-index:5}.auth-decorator .title-container .logo-container{background-color:#fff3;border-radius:15px;margin-bottom:20px;padding:8px}.auth-decorator .title-container .logo-container img{height:40px;width:40px}.auth-decorator .title-container h2{color:#fff;max-width:500px}.auth-decorator .title-container p{color:#fffc;max-width:400px}.auth-decorator .absolute-rights{bottom:40px;color:#fff;position:absolute;right:40px;z-index:5}.auth-decorator .decorator-block{bottom:0;height:100%;left:0;overflow:hidden;position:absolute;right:0;top:0;width:100%;z-index:1}.auth-decorator .decorator-block .bottom-right-lines{bottom:0;position:absolute;right:0;width:40%}.auth-decorator .decorator-block .decoration-block{background-color:#fff3;border-radius:20px;display:block;position:absolute}.auth-decorator .decorator-block .decoration-block.b-left{bottom:-20px;height:50%;right:50%;width:100%}.auth-decorator .decorator-block .decoration-block.t-right{bottom:60%;height:100%;right:40px;width:200px}.auth-top-left-lines{left:0;max-width:100vw;position:absolute;top:0;z-index:-1}.account-main-view .center-view{align-items:flex-start;border:1px solid var(--clr-divider);border-radius:20px;display:flex;flex-direction:column;justify-content:flex-start;margin-top:50px;padding:40px 100px;width:100%}@media screen and (max-width:764px){.account-main-view .center-view{border:none;padding:0}.account-main-view .center-view .center-view-form{flex-direction:column}.account-main-view .center-view .center-view-form .input-side{width:100%}}.account-main-view .center-view .center-view-form-submit{align-items:center;display:flex;flex-direction:row;gap:10px;justify-content:center;padding-top:20px}#settings-view .settings-content{align-items:flex-start;border:1px solid var(--clr-divider);border-radius:20px;display:flex;flex-direction:row;justify-content:flex-start;margin-top:50px;padding:10px;width:100%}#settings-view .settings-content .empty-item{align-items:center;display:flex;justify-content:center;min-height:200px;width:100%}#settings-view .settings-content .empty-item span{font-size:1.2rem;font-weight:700}@media screen and (max-width:764px){#settings-view .settings-content{flex-direction:column}}.settings-aside{background-color:#f8f8f8;border-radius:10px;display:flex;flex-direction:column;gap:10px;min-width:320px;padding:30px 15px;position:-webkit-sticky;position:sticky;top:10px}@media screen and (max-width:900px){.settings-aside{min-width:220px}}@media screen and (max-width:764px){.settings-aside{background-color:#0000;margin-bottom:40px;padding:10px;position:relative;width:100%}}.settings-aside .settings-aside-home-block{background-color:#f4f5f6;border-radius:10px;display:flex;flex-direction:column;overflow:hidden;transition:3s;width:100%}.settings-aside .settings-aside-home-block .home-block-header{align-items:center;background-color:#eeeff0;border-radius:10px;cursor:pointer;display:flex;flex-direction:row;justify-content:space-between;padding:10px;width:100%}.settings-aside .settings-aside-home-block .home-block-header:hover{color:var(--clr-secondary-60)}.settings-aside .settings-aside-home-block .home-block-header:hover .row svg,.settings-aside .settings-aside-home-block .home-block-header:hover .row svg *{fill:var(--clr-secondary-60)}.settings-aside .settings-aside-home-block .home-block-header:hover .chevron *{stroke:var(--clr-secondary-60)}.settings-aside .settings-aside-home-block .home-block-header.selected{color:var(--clr-secondary);font-weight:900}.settings-aside .settings-aside-home-block .home-block-header.selected .row svg,.settings-aside .settings-aside-home-block .home-block-header.selected .row svg *{fill:var(--clr-secondary)}.settings-aside .settings-aside-home-block .home-block-header.selected .chevron *{stroke:var(--clr-secondary)}.settings-aside .settings-aside-home-block .home-block-header>div{gap:10px}.settings-aside .settings-aside-home-block .home-block-content{display:flex;flex-direction:column;gap:10px;padding:15px 10px 15px 25px}.settings-aside .settings-aside-home-block .home-block-content .device-block{align-items:center;cursor:pointer;display:flex;flex-direction:row;justify-content:space-between;width:100%}.settings-aside .settings-aside-home-block .home-block-content .device-block .device-icon-name{align-items:center;display:flex;gap:10px;justify-content:center}.settings-aside .settings-aside-home-block .home-block-content .device-block .device-icon-name svg{height:16px;width:16px}.settings-aside .settings-aside-home-block .home-block-content .device-block:hover{color:var(--clr-secondary-60)}.settings-aside .settings-aside-home-block .home-block-content .device-block:hover .device-icon-name svg,.settings-aside .settings-aside-home-block .home-block-content .device-block:hover .device-icon-name svg *{fill:var(--clr-secondary-60)}.settings-aside .settings-aside-home-block .home-block-content .device-block:hover .chevron *{stroke:var(--clr-secondary-60)}.settings-aside .settings-aside-home-block .home-block-content .device-block.selected{color:var(--clr-secondary);font-weight:900}.settings-aside .settings-aside-home-block .home-block-content .device-block.selected .device-icon-name svg,.settings-aside .settings-aside-home-block .home-block-content .device-block.selected .device-icon-name svg *{fill:var(--clr-secondary)}.settings-aside .settings-aside-home-block .home-block-content .device-block.selected .chevron *{stroke:var(--clr-secondary)}.device-home-settings{width:100%}@media screen and (max-width:764px){.device-home-settings{display:flex;flex-direction:column-reverse}}.device-home-settings .save-header{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#ffffff4d;display:flex;flex-direction:row;gap:20px;justify-content:flex-end;padding:30px;position:-webkit-sticky;position:sticky;top:10px;width:100%;z-index:5}@media screen and (max-width:764px){.device-home-settings .save-header{bottom:-40px}}.device-home-settings .device-home-container{display:flex;flex-direction:column;gap:10px;padding:10px 20px;width:100%}.device-home-settings .device-home-container .section-warning{color:#f7aa3f;display:flex}.device-home-settings .device-home-container .settings-title{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:20px;justify-content:space-between;padding-bottom:30px;width:100%}.device-home-settings .device-home-container .settings-title>span{font-size:1.1rem;font-weight:700}.device-home-settings .device-home-container .settings-title .row{align-items:center;display:flex;gap:10px}.device-home-settings .device-home-container .setting-block{align-items:center;background-color:#f8f8f8;border-radius:10px;display:flex;gap:20px;justify-content:space-between;padding:12px 18px;width:100%}.device-home-settings .device-home-container .setting-block .input-container{align-items:center;display:flex;gap:20px}.device-home-settings .device-home-container .setting-block .input-container>:not(.unit):not(button){min-width:200px}@media screen and (max-width:764px){.device-home-settings .device-home-container .setting-block .input-container>:not(.unit):not(button){min-width:120px}}.device-home-settings .device-home-container .delete-container{display:flex;flex-direction:row;justify-content:flex-end;margin-top:40px;width:100%}.device-content{align-items:center;border:1px solid var(--clr-divider);border-radius:20px;display:flex;flex-direction:column;justify-content:center;margin-top:50px;width:100%}@media screen and (max-width:764px){.device-content{border:none}}.device-header{align-items:flex-start;display:flex;flex-direction:row;justify-content:space-between;width:100%}.device-header .header-block{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:center}.device-header .header-block .block-title{font-size:18px}.device-header .header-block .header-block-content{align-items:center;display:flex;flex-direction:row;gap:20px}.device-header .header-block .header-block-content .button-container{align-items:center;background:#e8ebeb;border-radius:10px;cursor:pointer;display:flex;height:50px;justify-content:center;width:50px}.device-header .header-block .header-block-content .button-container svg{height:20px;width:20px}.device-header .header-block .header-block-content .ant-select{height:50px;min-width:120px}.device-header .header-block .header-block-content .ant-select .ant-select-selector{background-color:var(--clr-dark-primary);border:none;color:#fff;outline:none}.device-header .header-block .header-block-content .ant-select .ant-select-arrow{color:#fff}.device-header .header-block .header-block-content .ant-select.ant-select-open .ant-select-arrow,.device-header .header-block .header-block-content .ant-select.ant-select-open .ant-select-selector .ant-select-selection-item{color:#ffffffb3}.device-header .header-block .header-block-content .toggle-btn{align-items:center;border-radius:10px;cursor:pointer;display:flex;height:50px;justify-content:center;padding:10px 24px;transition:.3s}.device-header .header-block .header-block-content .toggle-btn.fill svg,.device-header .header-block .header-block-content .toggle-btn.fill svg *{fill:var(--clr-dark-primary)}.device-header .header-block .header-block-content .toggle-btn.stroke svg,.device-header .header-block .header-block-content .toggle-btn.stroke svg *{stroke:var(--clr-dark-primary)}.device-header .header-block .header-block-content .toggle-btn.selected{background-color:var(--clr-dark-primary)}.device-header .header-block .header-block-content .toggle-btn.selected span{color:#fff}.device-header .header-block .header-block-content.controle{background-color:#0121240d;border:1px solid #0121241a;border-radius:10px;gap:30px;padding:5px}.device-header .header-block .header-block-content.controle .toggle-btn{align-items:center;display:flex;flex-direction:column;height:40px;justify-content:flex-start;padding:5px;position:relative;width:40px}.device-header .header-block .header-block-content.controle .toggle-btn svg{height:18px;width:18px}.device-header .header-block .header-block-content.controle .toggle-btn span{bottom:5px;font-size:8px;position:absolute}.device-header .header-block .header-block-content.controle .toggle-btn.selected.fill svg,.device-header .header-block .header-block-content.controle .toggle-btn.selected.fill svg *{fill:#fff}.device-header .header-block .header-block-content.controle .toggle-btn.selected.stroke svg,.device-header .header-block .header-block-content.controle .toggle-btn.selected.stroke svg *{stroke:#fff}@media screen and (max-width:764px){.device-header{align-items:center;flex-direction:column;gap:20px}.device-header .header-block{align-items:flex-start;width:100%}.device-header .header-block.fixed .controle{background-color:#f2f4f4}}@media screen and (max-width:764px)and (max-width:400px){.device-header .header-block .header-block-content:not(.controle){justify-content:space-between;width:100%}}.device-dashboard{align-items:flex-start;display:flex;flex-direction:column;gap:20px;justify-content:flex-start;padding:40px;width:100%}@media screen and (max-width:764px){.device-dashboard{padding:0}}.device-dashboard .row{align-items:stretch;display:flex;gap:20px;justify-content:space-between;width:100%}@media screen and (max-width:1000px){.device-dashboard .row{flex-direction:column}}.device-dashboard .pie-container{align-items:center;border:1px solid var(--clr-divider);border-radius:20px;display:flex;flex-direction:column;padding:40px;width:100%}@media screen and (max-width:700px){.device-dashboard .pie-container{padding:40px 0}}.device-dashboard .pie-container .pies{align-items:stretch;display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;justify-content:space-between;width:100%}.device-dashboard .pie-container .pie-block{display:flex;flex-direction:column;max-width:100%;width:340px}.device-dashboard .pie-container .pie-block .pie-title{padding:0 20px}.device-dashboard .pie-container .pie-block .pie-title svg{margin-left:10px}.device-dashboard .pie-container .pie-block .chart-container{align-items:center;display:flex;height:320px;justify-content:center;max-width:100%;position:relative;width:340px}.device-dashboard .pie-container .pie-block .chart-container .absolute-center-title{display:flex;flex-direction:column;max-width:80px;position:absolute;text-align:center}.device-dashboard .pie-container .pie-block .chart-container .absolute-center-title span{font-size:12px}.device-dashboard .pie-container .pie-block .chart-container .absolute-center-title span.title{font-size:14px}.device-dashboard .pie-container .pie-block .chart-container *{outline:none}@media screen and (max-width:930px){.device-dashboard .pie-container .pie-block,.device-dashboard .pie-container .pie-block .chart-container{width:100%}}.device-dashboard .pie-container .pie-block .legend-container{display:flex;flex-direction:column;gap:4px;padding:0 20px}.device-dashboard .pie-container .pie-block .legend-container .legend-item{align-items:center;display:flex;flex-direction:row;justify-content:flex-start}.device-dashboard .pie-container .pie-block .legend-container .legend-item .color-block{display:block;height:12px;margin-right:10px;width:12px}.device-dashboard .pie-container .pie-block .legend-container .legend-item span:not(.color-block){font-size:14px;line-height:16px;max-width:calc(100% - 30px)}.device-dashboard .chart-title-block{align-items:stretch;display:flex;flex-direction:column;width:40%}.device-dashboard .chart-title-block.large{width:60%}.device-dashboard .chart-title-block .title{margin-bottom:10px;margin-top:20px}.device-dashboard .chart-title-block .title svg{margin-left:10px}.device-dashboard .chart-title-block .chart-block{border:1px solid var(--clr-divider);border-radius:20px;display:flex;flex-direction:column;min-height:500px;padding:20px;width:100%}.device-dashboard .chart-title-block .chart-block .line-chart-header{align-items:center;display:flex;justify-content:space-between;margin-block-end:8px;width:100%}@media screen and (max-width:700px){.device-dashboard .chart-title-block .chart-block .line-chart-header{flex-direction:column}.device-dashboard .chart-title-block .chart-block .line-chart-header .ant-switch{margin-top:14px}}.device-dashboard .chart-title-block .chart-block .tooltip-container{background-color:#fff9;border-radius:10px;box-shadow:var(--box-shadow);padding:10px}.device-dashboard .chart-title-block .chart-block .line-skeleton{height:100%;width:100%}.device-dashboard .chart-title-block .chart-block .line-skeleton span{border-radius:20px;height:100%;width:100%}.device-dashboard .chart-title-block .chart-block.center{align-items:center}.device-dashboard .chart-title-block .chart-block.data{gap:12px;height:100%;padding:30px;width:100%}.device-dashboard .chart-title-block .chart-block.data.empty{align-items:center;display:flex;justify-content:center}.device-dashboard .chart-title-block .chart-block.data .data-item{align-items:center;display:flex;flex-direction:row;justify-content:space-between;width:100%}.device-dashboard .chart-title-block .chart-block.data .data-item .label{font-weight:300}.device-dashboard .chart-title-block .chart-block.data .data-item .value{text-wrap:nowrap;color:#82ba71}.device-dashboard .chart-title-block .chart-block.data .data-item .value.cell{background-color:#e0eedb;border-radius:4px;padding:2px 4px}@media screen and (max-width:1000px){.device-dashboard .chart-title-block,.device-dashboard .chart-title-block.large{width:100%}.device-dashboard .chart-title-block.large .chart-block{height:600px;padding:20px 0}}.time-selector{background-color:#f5f5f5;border:1px solid #c8c8c8;border-radius:6px;margin-top:40px;padding:2px}.time-selector *{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.time-selector .upper-view{align-items:center;display:flex;justify-content:space-between;padding:10px;width:100%}.time-selector .upper-view .anticon:not(.disabled) svg{cursor:pointer;transition:.3s}.time-selector .upper-view .anticon:not(.disabled) svg:hover{transform:scale(1.2)}.time-selector .upper-view .anticon.disabled svg{cursor:default;opacity:.3}.time-selector .bottom-view .ant-segmented,.time-selector .bottom-view .ant-segmented .ant-segmented-group{background-color:#0000}@media screen and (max-width:700px){.time-selector{max-width:450px;width:calc(100% - 40px)}.time-selector .bottom-view{align-items:center;display:flex;justify-content:center;overflow-x:auto;width:100%}}.graph-loader{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px 0 20px;width:100%}.graph-loader .graph-skeleton span{border-radius:20px;display:block;height:180px!important;width:180px!important}.graph-loader .legend{display:flex;flex-direction:column;gap:5px;padding-top:30px;width:100%}.graph-loader .legend .legend-skeleton span{height:16px;width:80%}.device-planning{max-width:100%;padding:20px}.device-planning *{-webkit-user-select:none;user-select:none}.device-planning .planning-container{overflow-x:scroll;padding-bottom:20px;width:100%}.device-planning .planning-container .dropout-title{display:block;font-size:1rem;font-weight:700;margin-top:30px}.device-planning .dropout-container{display:flex;justify-content:flex-end;width:100%}.device-planning table{--table-border-radius:4px;--table-selected-border:4px solid #000;border-collapse:collapse;margin-top:20px}.device-planning table thead tr th{color:#000}.device-planning table thead tr th.corner{background-color:#000;border-top-left-radius:var(--table-border-radius)}@media screen and (max-width:764px){.device-planning table thead tr th.corner{left:-20px;position:-webkit-sticky;position:sticky}}.device-planning table thead tr th .hour{border-color:var(--clr-divider);border-style:solid;border-width:1px 1px 1px 0}.device-planning table thead tr th:last-child .hour{border-bottom-right-radius:var(--table-border-radius);border-top-right-radius:var(--table-border-radius)}.device-planning table thead tr th.sec:first-child .hour{border-bottom-left-radius:var(--table-border-radius);border-left-width:1px;border-top-left-radius:var(--table-border-radius)}.device-planning table tbody tr:last-child td:first-child .day{border-bottom-left-radius:var(--table-border-radius);border-bottom-right-radius:var(--table-border-radius)}.device-planning table tbody tr td{padding:2px 0}.device-planning table tbody tr td.no-padding{background-color:#fff;padding:0!important}@media screen and (max-width:764px){.device-planning table tbody tr td.no-padding{left:-20px;position:-webkit-sticky;position:sticky}}.device-planning table tbody tr td .day{align-items:center;border-color:var(--clr-divider);border-style:solid;border-width:0 1px 1px;display:flex;height:36px;justify-content:center;padding:4px 8px}.device-planning table tbody tr td .heat-selector{height:32px;width:52px}.device-planning table tbody tr td .heat-selector .color-item{height:32px;width:100%}.device-planning table tbody tr td .heat-selector .color-item.heat-0{background-color:#479cff}.device-planning table tbody tr td .heat-selector .color-item.heat-1{background-color:#f4b536}.device-planning table tbody tr td .heat-selector .color-item.heat-2{background-color:#e97000}.device-planning table tbody tr td .heat-selector .color-item.heat-3{background-color:#f43636}.device-planning table tbody tr td .heat-selector .color-item.dropout-on{background-color:#c4c4c4}.device-planning table tbody tr td .heat-selector .color-item.dropout-off{background-color:#f0f0f0}.device-planning table tbody tr td .heat-selector .color-item.selected{border-bottom:var(--table-selected-border);border-top:var(--table-selected-border)}.device-planning table tbody tr td .heat-selector.dropout,.device-planning table tbody tr td .heat-selector.dropout .color-item{height:18px}.device-planning table tbody tr td .heat-selector.right{padding-right:2px}.device-planning table tbody tr td .heat-selector.right .color-item{border-bottom-right-radius:4px;border-top-right-radius:4px}.device-planning table tbody tr td .heat-selector.right .color-item.selected{border-right:var(--table-selected-border)}.device-planning table tbody tr td .heat-selector.left{padding-left:2px}.device-planning table tbody tr td .heat-selector.left .color-item{border-bottom-left-radius:4px;border-top-left-radius:4px}.device-planning table tbody tr td .heat-selector.left .color-item.selected{border-left:var(--table-selected-border)}.device-planning .planning-footer{align-items:center;display:flex;flex-direction:row;gap:20px;justify-content:space-between;padding-top:20px}.device-planning .planning-footer .legend{align-items:center;display:flex;gap:40px;padding-left:20px}.device-planning .planning-footer .legend span{align-items:center;display:flex;position:relative}.device-planning .planning-footer .legend span:before{background-color:red;border-radius:4px;content:"";display:block;height:12px;left:-20px;position:absolute;width:12px}.device-planning .planning-footer .legend span.heat-0:before{background-color:#479cff}.device-planning .planning-footer .legend span.heat-1:before{background-color:#f4b536}.device-planning .planning-footer .legend span.heat-2:before{background-color:#e97000}.device-planning .planning-footer .legend span.heat-3:before{background-color:#f43636}@media screen and (max-width:764px){.device-planning .planning-footer,.device-planning .planning-footer .legend{align-items:flex-start;flex-direction:column}.device-planning .planning-footer .legend{gap:5px}}.device-planning .planning-footer .btn-container{display:flex;flex-direction:row;gap:10px}.planning-modal .modal-content{align-items:center;display:flex;justify-content:center}.planning-modal .modal-content .temp-container{display:flex;flex-direction:row;flex-wrap:wrap;gap:40px;max-width:320px}.planning-modal .modal-content .temp-container .temp-block{align-items:center;border-radius:10px;box-shadow:var(--box-shadow);cursor:pointer;display:flex;flex-direction:column;height:140px;justify-content:center;text-align:center;transition:.3s;width:140px}@media screen and (max-width:764px){.planning-modal .modal-content .temp-container .temp-block{height:100px;position:-webkit-sticky;position:sticky;width:calc(50% - 20px)}}.planning-modal .modal-content .temp-container .temp-block.selected{border:2px solid #000;box-shadow:none}.planning-modal .modal-content .temp-container .temp-block span{color:#fff;font-size:18px;font-weight:700}.planning-modal .modal-content .temp-container .temp-block .temp-range{font-size:12px;margin-top:4px}.planning-modal .modal-content .temp-container .temp-block.heat-0{background-color:#479cff}.planning-modal .modal-content .temp-container .temp-block.heat-1{background-color:#f4b536}.planning-modal .modal-content .temp-container .temp-block.heat-2{background-color:#e97000}.planning-modal .modal-content .temp-container .temp-block.heat-3{background-color:#f43636}.empty-device{align-items:center;display:flex;justify-content:center}.empty-device span{font-size:1.2rem;font-weight:700}.toast-notification{background:#fff;border-left:4px solid #007bff;border-radius:8px;box-shadow:0 4px 12px #00000026;max-width:400px;min-width:300px;opacity:0;position:relative;transform:translateX(100%);transition:all .3s ease-in-out}.toast-notification.visible{opacity:1;transform:translateX(0)}.toast-notification.hidden{opacity:0;transform:translateX(100%)}.toast-notification.success{border-left-color:#28a745}.toast-notification.error{border-left-color:#dc3545}.toast-notification.warning{border-left-color:#ffc107}.toast-notification.info{border-left-color:#17a2b8}.toast-notification .toast-content{align-items:flex-start;display:flex;gap:12px;padding:16px}.toast-notification .toast-icon{flex-shrink:0;font-size:20px;margin-top:2px}.toast-notification .toast-message{word-wrap:break-word;color:#333;flex:1 1;font-size:14px;line-height:1.4}.toast-notification .toast-close{align-items:center;background:none;border:none;border-radius:50%;color:#6c757d;cursor:pointer;display:flex;font-size:18px;height:20px;justify-content:center;padding:0;transition:background-color .2s;width:20px}.toast-notification .toast-close:hover{background:#f8f9fa;color:#333}.toast-container{display:flex;flex-direction:column;gap:10px;pointer-events:none;position:fixed;right:20px;top:20px;z-index:9999}.toast-container .toast-notification{pointer-events:auto}@media(max-width:768px){.toast-notification{left:10px;max-width:none;min-width:auto;right:10px;top:10px;transform:translateY(-100%)}.toast-notification.visible{transform:translateY(0)}.toast-notification.hidden{transform:translateY(-100%)}.toast-container{left:10px;right:10px;top:10px}}@media(prefers-color-scheme:dark){.toast-notification{background:#2d2d2d;color:#e0e0e0}.toast-notification .toast-message{color:#e0e0e0}.toast-notification .toast-close{color:#b0b0b0}.toast-notification .toast-close:hover{background:#404040;color:#e0e0e0}}
/*# sourceMappingURL=main.7db425c9.css.map*/