:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#191919de;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:600px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:2px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#007bff;font-size:large;font-weight:700;cursor:pointer;transition:border-color .25s}button:hover{border-color:#c8c8c8}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}#formbox{display:flex;background-color:#ffebc2;border-radius:15px;justify-content:center;align-items:center;width:250px;height:200px;flex-wrap:wrap;padding:10px}.login_label{display:flex;flex-wrap:wrap;width:250px;justify-content:space-between;margin-bottom:10px;font-size:larger;font-weight:700}#login_form{display:flex;justify-content:center;align-items:center}.login_label input{border:none;border-radius:10px;width:100%;font-size:large;padding-left:10px;padding-right:10px}#VanityBox{width:600px;height:300px;border-radius:25px;background-color:#ff9008;display:grid;grid-template-columns:[start] 50% [mid] 50% [end];justify-self:center;align-self:center}#sidetext{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;padding:15px;border-left:2px solid white}#loginbody{display:grid;grid-template-rows:[start] auto [end];grid-template-rows:[start] auto [mid] auto [mid2] auto [mid3] auto [end];justify-content:center;align-items:center}#sidetext h2{margin:0}#sidetext h3{margin:0;text-align:center}#formbutton{background-color:#007bff;font-size:large;font-weight:700}#container{width:calc(100vw - 17px);height:150px;display:grid;justify-content:center;align-items:center;background-color:orange;grid-template-columns:auto;grid-template-rows:[start] 50% [mid] 50% [end];position:absolute;left:0;min-width:600px}#container p,#container h2{margin:0}#header{display:flex;position:fixed;top:0;left:0;width:100vw;align-items:center;justify-content:center;border-bottom:4px solid orange;background-color:#fff;z-index:10;box-shadow:0 0 10px 10px #a9a9a9}#sitebody{display:grid;grid-template-columns:[start] 50% [mid] 50% [end];grid-template-rows:[start] 200px [mid1] 150px [mid2] 150px [mid3] 500px [end];width:100%;justify-content:center}#historico{grid-column-start:1;grid-column-end:3;grid-row-start:4;grid-row-end:5}#ClientInfo{display:grid;font-weight:700;align-items:center;font-size:larger;grid-template-columns:[start] 50% [mid] 50% [end];grid-column-start:1;grid-column-end:3;grid-row-start:1;grid-row-end:2;column-gap:20px;height:auto;border:3px solid #007bff;background-color:#e7f6fb;border-radius:25px;padding:15px;justify-items:left;text-wrap:nowrap}nav{text-align:left}.drawer-button{border:2px solid grey;border-radius:10px;padding:10px;display:block;width:195px;font-size:large;font-weight:700;color:#191919de}.drawer-button:hover{box-shadow:0 0 5px;color:#696969}#openDrawer{position:fixed;top:30px;left:20px;z-index:1001}#closeDrawer{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0006;z-index:1000}#drawer{position:fixed;top:0;width:300px;height:100vh;overflow:auto;background-color:#fff;box-shadow:2px 0 5px #0000004d;transition:left .3s ease;z-index:1001;padding:20px}.card-container{border:2px solid orange;box-shadow:0 5px 10px 2px #a9a9a9;border-radius:15px;display:flex;flex-wrap:wrap;min-height:50px;min-width:50px;max-height:750px;max-width:1500px;justify-content:center;padding:5px;height:fit-content;margin:10px}#title,#card-body h1{margin:0}#card-body{display:flex;justify-content:center;margin:10px;height:100%;width:100%}.popup-container{display:flex;text-align:center;align-items:center;justify-content:center}.popup-shadow{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:999}.popup-box{background-color:#ffc55a;padding:0 30px 30px;border-radius:10px;width:800px;text-align:center;box-shadow:0 0 15px #0000004d;text-wrap:wrap;display:grid;grid-template-columns:[start] 100% [end];grid-template-rows:[start] fr1 [mid1] fr1 [mid2] fr1 [mid3] fr1 [end];max-height:60vh;overflow:auto}.close-popup-button{margin-top:20px;padding:8px 16px;background-color:#dc3545;color:#fff;border-radius:6px;cursor:pointer}.instalation-button-selected{margin-bottom:10px;background-color:#004793;border:3px solid #ffffff}#logo{height:100px}#header{display:flex;position:fixed;top:0;left:0;width:100vw;min-width:600px;min-height:100px;align-items:center;justify-content:center;border-bottom:4px solid orange}#formbody{text-align:justify;background-color:#fff;margin-top:100px;border-radius:10px;box-shadow:0 0 10px 10px #a9a9a9;padding:25px}#form_config{display:grid}#top_form_text{margin-top:0}.cadastro_label{display:flex;max-width:1222px;width:calc(100vw - 122px);min-width:478px;justify-content:space-between;margin-bottom:10px;font-size:20px}.cadastro_input{display:flex;width:calc(100vw - 300px);max-width:1000px;min-width:300px;margin-bottom:10px;font-size:20px;border-top:none;border-left:none;border-right:none;border-radius:10px;background-color:#c8c8c8;color:#191919de;padding-left:10px}#submit_cadastro{display:flex;justify-self:end;height:45px;font-size:larger;border:2px solid transparent;border-radius:10px;background-color:#007bff;font-weight:700}#submit_cadastro:hover{border-color:#c8c8c8}#tipo_cadastro{height:35px;font-size:large;border-radius:10px;background-color:#007bff;border:transparent;padding-left:10px}#erromsg{color:red}.popup-content{background-color:#fff;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;padding:30px;border-radius:10px;width:400px;text-align:center;box-shadow:0 0 15px #0000004d}.close-popup-buttonn{margin-top:20px;padding:8px 16px;background-color:#dc3545;color:#fff;border-radius:8px;cursor:pointer}.save-popup-button{margin-top:20px;padding:8px 16px;background-color:#07f;color:#fff;border-radius:8px;cursor:pointer}.close-popup-buttonn:hover,.save-popup-buttonn:hover{border-color:#c8c8c8}#submitButton{margin-top:20px}.editInput{width:70%;border-radius:5px;background-color:#232323;border:none;border-bottom:2px solid rgb(135,135,135);margin-bottom:6px;height:25px;padding-left:5px;font-size:15px}#ListUsers_box{text-align:justify;background-color:#fff;border-radius:10px;height:75vh;min-height:500px;box-shadow:0 0 10px 10px #a9a9a9;padding:25px;overflow:auto}#ListUsers_box h2{text-align:center;align-self:center;border:2px solid gray}#ListBody th,#ListBody td{padding:10px;text-align:left;border-bottom:2px solid #ddd}#ListBody thead{position:sticky;top:0;background-color:#f0f0f0;z-index:1}.functionButton{background-color:#007bff}#clickable{cursor:pointer}#clickable:hover{cursor:pointer;background-color:#007bff;border-radius:25px}#editUserForm{display:flex;flex-wrap:wrap;justify-content:left;justify-content:space-around}.editLabel{width:100%;text-align:center;display:flex;justify-content:space-between}.faturas-container{padding:2rem;font-family:Arial,sans-serif;background-color:#eee;border-radius:8px;max-width:800px;margin:auto;box-shadow:0 2px 8px #0000001a;overflow:auto}.faturas-tabela{width:100%;border-collapse:collapse;margin-top:1rem}.faturas-tabela th,.faturas-tabela td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid #ddd}.faturas-tabela th{background-color:#007bff;color:#fff}#mainbody{margin-top:100px}.recebimentos-container{padding:2rem;font-family:Arial,sans-serif;background-color:#eee;border-radius:8px;max-width:800px;margin:auto auto 20px;box-shadow:0 2px 8px #0000001a;overflow:auto}.recebimentos-tabela{width:100%;border-collapse:collapse;margin-top:1rem}.recebimentos-tabela th,.recebimentos-tabela td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid #ddd}.recebimentos-tabela th{background-color:#007bff;color:#fff}.fatura-pendente{background-color:#ffe799}.btn-detalhes,.btn-pagar{padding:.4rem .75rem;margin-right:.5rem;border:none;border-radius:4px;cursor:pointer}.btn-detalhes{background-color:#007bff;color:#fff}.btn-pagar{background-color:#10c039;color:#fff}.btn-detalhes:hover,.btn-pagar:hover{opacity:.85}#Fatura-box{height:75vh}#configform{max-width:500px;margin:20px auto 50px;padding:20px;background-color:#f9f9f9;border:1px solid #ddd;border-radius:12px;box-shadow:0 4px 10px #0000000d;font-family:Arial,sans-serif}.configlabel{display:block;margin-bottom:16px;font-weight:700;color:#333}.configinput[type=text]{width:100%;padding:10px 12px;margin-top:6px;border:1px solid #ccc;border-radius:8px;font-size:14px;box-sizing:border-box;transition:border-color .2s}.configinput[type=text]:focus{border-color:#007bff;outline:none}.configinput[type=date]{width:100%;padding:10px 12px;margin-top:6px;border:1px solid #ccc;border-radius:8px;font-size:14px;box-sizing:border-box;transition:border-color .2s}.configinput[type=date]:focus{border-color:#007bff;outline:none}.alerts{text-align:center;font-size:14px;margin-top:10px;color:#555}.configTable{width:40%;margin:20px auto;border-collapse:collapse;font-family:Arial,sans-serif;box-shadow:0 4px 10px #0000001a;background-color:#fff}#tablehead{background-color:#007bff;color:#fff}#tablebody tr:nth-child(2n){background-color:#daf1ff}#dailyTariffTable{width:100%;display:grid;grid-template-columns:[start] 1fr [mid] 1fr [end];border:5px solid ghostwhite;border-radius:20px}#tableChanger{background-color:orange;height:100px;width:80%;border-radius:15px;display:flex;justify-content:center;align-items:center;margin:20px auto}#tableChanger input{margin-left:10px;margin-right:20px;height:30px;font-size:medium;width:100px}#UserBody{width:100%}#userinfo{display:grid;grid-template-columns:[start] 125px [mid1] 1fr [mid2] 1fr [end];grid-template-rows:[start] 40px [mid1] 40px [mid2] 40px [mid3] 40px [mid4] 40px [mid5] 40px [end];column-gap:20px;justify-items:left;border:3px solid #007bff;background-color:#e7f6fb;border-radius:25px;padding:15px 15px 20px;text-wrap:nowrap}#usericon{grid-column:start / mid1;grid-row:start / end;width:100%;aspect-ratio:1/1}#userinfo h2{margin:0;padding:0}.userbox{text-align:justify;background-color:#fff;border-radius:10px;box-shadow:0 0 10px 10px #a9a9a9;padding:25px;overflow:auto}.userbox h2,.userbox h3{text-align:center;align-self:center}.thcenter{text-align:center!important}#city_selection{height:30px;width:calc(100vw - 300px);max-width:1012px;min-width:300px;font-size:large;border-radius:10px;background-color:#007bff;border:transparent;padding-left:10px}.retractable{display:none}.expanded{display:block}.popup-wrapper{display:flex;text-align:center;align-items:center;justify-content:center}.open-popup-button{padding:10px 20px;font-size:16px;background-color:#007bff;color:#fff;border-radius:8px;cursor:pointer}.open-popup-button:hover{border-color:#c8c8c8}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:999}.popup-content-deletion{background-color:#fff;display:block;padding:30px;border-radius:10px;width:250px;text-align:center;box-shadow:0 0 15px #0000004d}.close-popup-button{padding:8px 16px;margin:5px;background-color:#dc3545;color:#fff;border-radius:6px;cursor:pointer}.close-popup-button:hover{border-color:#c8c8c8}.instalation-button{margin-bottom:10px}#ButtonsPanel{display:grid;grid-template-columns:[start] 50% [mid] 50% [end];grid-template-rows:[start] 150px [mid1] 150px [mid2] 150px [mid3] 500px [end];width:100%;justify-content:center}.controlButton{width:95%;height:90%;font-size:20px;font-weight:700;font-size:xx-large;color:#fff;background-color:#007bff;border:none;border-radius:12px;cursor:pointer;transition:background-color .3s,transform .2s;align-self:center;justify-self:center}#botao1{background-color:#0069ff;color:#fff}#botao2{background-color:#ff7f00;color:#fff}#botao3{background-color:#ffad4f;color:#333}#botao4{background-color:#39f;color:#fff}#botao5{background-color:#2247ff;color:#fff}#botao6{background-color:#ffdc8b;color:#333}.generator-form input,.generator-form input[type=date]{padding:10px;border-radius:15px 15px 5px 5px;width:90%;min-height:20px;background-color:#e6f0ff;color:#323232;font-size:20px;border:none;border-bottom:2px solid #0077ff}.generator-form button{grid-row:6;padding:10px;margin:20px;background-color:#07f;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background-color .2s}.generator-form button:hover{background-color:#005fc4}.generator-form{display:grid;grid-template-columns:[start] 100% [end];grid-template-rows:[start] 1fr [mid1] 1fr [mid2] 1fr [mid3] 1fr [mid4] 1fr [mid5] 1fr [end];row-gap:10px;border:2px solid #0077ff;border-radius:15px;padding:1%;width:98%;height:calc(100% - 20px);background-color:#0095ff5f}#clickableName:hover{cursor:pointer;background-color:#a8d8ff;border-radius:5px}.planilha-tabela{height:500px;overflow:auto;margin-bottom:50px;border-radius:10px;box-shadow:0 0 7px 5px #a9a9a9}#ListBody{width:100%;border-collapse:collapse}#ListBody th,#ListBody td{padding:10px;text-align:left;border-bottom:2px solid #ddd;text-wrap:nowrap}#ListBody thead{position:sticky;top:0;background-color:#6bb0ff;z-index:1}#ListBody tbody tr:nth-child(2n){background-color:#f9f9f9}#ListBody tbody tr:nth-child(2n){background-color:#dcdcdc}#ListBody tbody tr:hover{background-color:#f1f1f1}.distributionSheet{width:100%}.tableId{margin:0}#updateTable{height:49px}.barra-pesquisa-input{width:100%;padding:10px;font-size:16px;border:2px solid #0077ff;border-radius:6px 0 0 6px;height:25px}.barra-pesquisa-input:focus{outline:none;border-color:orange}#searchButton{border-bottom-left-radius:0;border-top-left-radius:0}.consumer-container{padding:30px;width:100%;margin:auto;font-family:Arial,sans-serif}.consumer-container h2{text-align:center;margin-bottom:20px;color:#333}.consumer-form{display:grid;grid-template-columns:[start] 100% [end];grid-template-rows:[start] 1fr [mid1] 1fr [mid2] 1fr [mid3] 1fr [mid4] 1fr [mid5] 1fr [end];row-gap:10px;border:2px solid #0077ff;border-radius:15px;padding:1%;width:98%;height:calc(100% - 20px);background-color:#0095ff5f}.consumer-form input,.consumer-form input[type=date]{padding:10px;border-radius:15px 15px 5px 5px;width:90%;min-height:20px;background-color:#e6f0ff;color:#323232;font-size:20px;border:none;border-bottom:2px solid #0077ff}#consumerSelect{padding:10px 15px 10px 10px;border-radius:15px 15px 5px 5px;width:94%;min-height:20px;height:42px;background-color:#e6f0ff;color:#323232;font-size:20px;border:none;border-bottom:2px solid #0077ff}.consumerLabel{font-size:large;font-weight:700;grid-column:1}.consumer-form button{grid-row:6;padding:10px;margin:20px;background-color:#07f;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background-color .2s}.consumer-form button:hover{background-color:#005fc4}.consumer-list{display:flex;flex-direction:column;gap:15px;height:100%;overflow:auto;padding-right:2px}.consumer-card{padding:15px;background-color:#f5f5f5;border-radius:8px;display:flex;justify-content:space-between;align-items:center}.consumer-info{text-align:left}.card-actions button{margin-left:8px;padding:6px 12px;border:none;border-radius:4px;cursor:pointer}.edit-btn{background-color:#fa0;color:#fff}.delete-btn{background-color:#e63946;color:#fff}#splitView{display:grid;grid-template-columns:[start] 50% [mid] 50% [end];grid-template-rows:[start] 650px [end];border:3px solid #0077ff;border-radius:30px;margin-bottom:50px;background-color:#e6e6e6}.leftView{grid-column:1;padding:20px}.rightView{grid-column:2;padding:20px;background-color:#ffa600de;border-top-right-radius:28px;border-bottom-right-radius:28px}.form-container{max-width:800px;margin:auto;padding:20px;display:grid;grid-template-columns:1fr 1fr;gap:15px;background-color:orange;border-radius:8px;box-shadow:0 0 10px #0000001a}.form-group{display:flex;flex-direction:column}.form-group label{font-weight:700;margin-bottom:5px;font-size:.9em}.form-group input{padding:8px;border:1px solid #cccccc;border-radius:4px}button[type=submit]{grid-column:span 2;padding:10px;background-color:#1976d2;color:#fff;font-weight:700;border:none;border-radius:5px;cursor:pointer}button[type=submit]:hover{background-color:#115293}.container{max-width:1000px;margin:auto;padding:20px}.search-section{display:flex;gap:10px;margin-bottom:20px}.search-section input{padding:10px;flex:1;border-radius:5px;border:1px solid #ccc}.search-section button{padding:10px 20px;background-color:#388e3c;color:#fff;border:none;border-radius:5px;cursor:pointer}.search-section button:hover{background-color:#2e7d32}#genPanel{display:grid;width:100%;grid-template-columns:[first] 10% [mid] 90% [end];background-color:orange;border-radius:10px}#monthList button{width:80%;margin:5px}#duoList{background-color:#969696;display:grid;width:100%;grid-template-columns:[first] 50% [mid] 50% [end];column-gap:5px}#gastosList,#socioList{background-color:#e0ffff}#buttonGrid{padding-bottom:10px;display:grid;width:100%;grid-template-columns:[first] 10% [mid1] 45% [mid2] 45% [end]}#gastobutton{grid-column:2;width:50%}#sociobutton{grid-column:3;width:50%}#duoListBody{width:100%;border-collapse:collapse}#duoListBody th{background-color:#87cefa}#duoListBody tbody tr:nth-child(2n){background-color:azure}