.home-container{padding:2.4%;background:linear-gradient(180deg,#fff 90%,#fffde6);margin:0 0 0 80px;min-height:100vh;min-width:calc(100% - 80px);overflow-x:auto;position:relative;z-index:1;transition:margin-left .3s,min-width .3s}.home-header{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:1%}.home-add-payment{background-color:var(--secondary-color);color:var(--text--color--button);border:none;padding:.6%;border-radius:5px;cursor:pointer;font-size:26px;width:350px;height:90px;font-weight:700;transition:transform .1s ease-in-out,background-color .3s ease-in-out;box-shadow:0 4px 10px #0003}.home-add-payment:hover{background-color:var(--secondary-color-hover);box-shadow:0 6px 14px #00000040}.home-add-payment:active{transform:scale(.97);box-shadow:0 2px 6px #0003}.home-subtitle{margin-bottom:1%}.home-month-selector label{margin-right:1%}.home-month-selector select{padding:5px;font-size:16px;border:1px solid #ccc;border-radius:5px}.home-graphics{display:flex;justify-content:space-between;margin-top:20px}.home-graph{background:var(--container-color);color:var(--text--color);padding:15px;flex:1;text-align:center;border-radius:10px;margin:0 10px;height:400px}.home-graph img{margin-top:10%;height:100%;width:100%;max-height:200px}.viewer-desktop-content{background:#fff;border-radius:8px;padding:1.5rem;overflow-y:auto}.viewer-desktop-body p{margin:5px 0}.comments-container{max-height:200px;overflow-y:auto;margin-bottom:10px;background-color:var(--container-color);padding:10px;border-radius:4px}.comments-list{list-style:none;padding:0;margin:0}.comment-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.read-status{background:none;border:none;font-size:24px;cursor:pointer}.read-status.read{color:green}.read-status.unread{color:gray}.comment-input{width:100%;padding:10px;border:1px solid #ccc;border-radius:4px;margin-bottom:10px}.comment-actions{display:flex;justify-content:space-between;margin-bottom:20px}.save-comment-button,.mark-all-read-button,.add-file-button,.save-button{background-color:var(--primary-color);color:var(--text--color--button);padding:10px 20px;border:none;border-radius:4px;cursor:pointer}.save-button:hover{background-color:#218838}.save-button svg{font-size:18px}.mark-all-read-button{background-color:var(--primary-color)}.files-list{list-style:none;padding:0;margin:10px 0}.file-item{margin-bottom:5px}.file-actions{display:flex;align-items:center;margin-bottom:20px}.file-actions input{margin-right:10px}.viewer-desktop-footer{display:flex;flex-direction:column;gap:10px}.action-buttons{display:flex;justify-content:space-between}.approve-button{background-color:#28a745;color:#fff;padding:10px 20px;border:none;border-radius:4px;cursor:pointer;flex:1;margin-right:5px}.approve-button:hover{background-color:#5ccf77}.reject-button{background-color:#dc3545;color:#fff;padding:10px 20px;border:none;border-radius:4px;cursor:pointer;flex:1;margin-left:5px}.reject-button:hover{background-color:#fa6473}.files-container{margin:15px;cursor:pointer;gap:10px}.file-card{margin-bottom:5px}.file-name,.file-card .file-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:80%;display:inline-block;color:#fff}.add-file-button{cursor:pointer;background-color:#ccc;border-color:var(--primary-color)}.selected-files-container{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.selected-file-card{background-color:#fff;border:2px solid var(--primary-color);border-radius:8px;padding:10px 15px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 4px #0000001a;max-width:100%;margin:0 10px 10px;cursor:pointer}.selected-file-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:80%;display:inline-block;color:#fff}.remove-selected-file{background:none;border:none;font-size:16px;cursor:pointer;color:var(--primary-color)}.swal-on-top{z-index:10001!important}.modal{position:relative;background:var(--bg--color);padding:20px;border-radius:8px;box-shadow:0 2px 10px #0003;width:600px;height:320px;overflow:visible}.modal h2{margin-bottom:20px}.modal-subtitle{margin-bottom:30px;font-size:13px;color:var(--text--color)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-close-section{display:flex;justify-content:flex-end}.modal-content{text-align:left}.modal-medium{width:340px}.modal-large,.modal-extra-large{width:600px}.modal-select-condominium-size{width:500px}.modal-select-type-payment-size{width:600px}.modal-select-files-size{width:550px}.select-condominio-container{padding:20px;position:relative;display:flex;flex-direction:column;z-index:10000;background:#fff;border-radius:8px}.select-title{font-size:18px;font-weight:700;color:#333;margin-bottom:10px}.confirm-button{display:flex;justify-content:center;align-items:center;font-size:12px;font-weight:700;border:none;border-radius:5px;background:var(--primary-color);color:var(--text--color--button);transition:background .3s ease-in-out;cursor:pointer;text-align:center}.confirm-button.disabled{background:#ccc;color:#666;width:10%;display:flex}.confirm-button.enabled{width:10%;display:flex}.save-button{padding:6px 12px;font-size:12px;font-weight:700;border:none;border-radius:5px;background:#1dc742;color:#fff;transition:background .3s ease-in-out;cursor:pointer;text-align:center;display:flex}.save-button:hover{background-color:#50d66d}.buttons-select-condominium{align-items:center;display:flex;justify-content:flex-end;margin-top:15px}@media (max-width: 480px){.select-condominio-container{padding:15px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:95%;max-width:345px;max-height:80%;background:#fff;border-radius:8px;touch-action:manipulation;overflow:auto}.confirm-button.enabled,.confirm-button.disabled{width:25%;padding:12px;font-size:14px;margin-top:15px;touch-action:manipulation}.save-button{padding:12px;font-size:14px;margin-top:15px;touch-action:manipulation}.react-select__control{min-height:48px!important;width:100%!important;touch-action:manipulation}.react-select__menu{position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;width:90%!important;max-width:400px!important;z-index:10001!important;touch-action:manipulation}.react-select__option{padding:12px!important;font-size:14px!important;touch-action:manipulation}body.modal-open{overflow:hidden;position:fixed;width:100%;height:100%}}.sidebar{width:80px;height:100%;background-color:var(--primary-color);color:#575151;display:flex;flex-direction:column;justify-content:space-between;position:fixed;transition:width .3s ease-in-out;overflow:hidden;left:0;top:0;padding:10px;z-index:1000}.sidebar.expanded{width:240px}.modal-z-index{z-index:10000}.sidebar ul{list-style:none;padding:0;margin:0;background-color:transparent}.sidebar li svg,.logout svg{font-size:20px;margin:0 15px;flex-shrink:0;font-weight:bolder;background-color:transparent}.sidebar li,.logout-sidebar{padding:20px 10px 20px 5px;display:flex;align-items:center;cursor:pointer;transition:background .2s;font-weight:bolder;border-radius:16px;background-color:transparent}.button-menu-sidebar{display:flex;align-items:center;width:100%;background-color:transparent}.logout-sidebar{margin-bottom:20px;display:flex;align-items:center;justify-content:flex-start;padding:20px 10px 20px 25px;cursor:pointer;border-radius:16px;transition:background-color .2s ease-in-out}.logout-sidebar:hover{background-color:var(--primary-color-hover)}.sidebar-text{opacity:0;white-space:nowrap;width:0;overflow:hidden;transition:opacity .3s ease-in-out,width .3s ease-in-out;color:var(--text--color--button)}.sidebar.expanded .sidebar-text{opacity:1;width:auto;margin-left:10px;background-color:transparent}.sidebar li:hover,.logout:hover{background-color:var(--primary-color-hover);border-radius:16px}.profile-section-sidebar{display:flex;align-items:center;height:80px;padding:10px;overflow:hidden;background-color:transparent}.profile-picture-sidebar{width:40px;height:40px;border-radius:50%;margin-right:10px}.profile-details-sidebar{display:flex;flex-direction:column;justify-content:center;transition:opacity .3s ease,transform .3s ease;background-color:transparent}.profile-name-sidebar{font-size:14px;font-weight:700;color:var(--text--color--button);background-color:transparent}.profile-cpf-sidebar{font-size:12px;color:var(--text--color--button);background-color:transparent}.profilePicture-sidebar{margin-bottom:50px}.itens-sidebar{width:100%;background-color:transparent}.payment-header-sidebar{display:flex;align-items:center;justify-content:space-between;width:100%;cursor:pointer;background-color:transparent;margin-bottom:10px}.chevron-icon-sidebar{font-size:12px;margin-left:10px;transition:transform .3s ease}.chevron-icon-sidebar.rotated{transform:rotate(180deg)}.payment-options-sidebar{max-height:0;overflow:hidden;transition:max-height .3s ease-out;background-color:transparent;color:var(--text--color--button)}.payment-options-sidebar .primeiro{margin-top:10px}.payment-option-item-sidebar{padding:5px 10px;font-size:14px;cursor:pointer;transition:background-color .3s ease;color:var(--text--color--button)}.payment-options-sidebar .payment-option-item-sidebar:hover{background-color:var(--primary-color-select-hover)}.payment-section-sidebar{flex-direction:column;background-color:transparent;transition:background-color .3s ease}.payment-section-sidebar .payment-options-sidebar{display:block}.payment-section-sidebar.open .payment-options-sidebar{max-height:500px;overflow:visible}.payment-section-sidebar.open{background-color:var(--primary-color);border-radius:16px}.payment-section-sidebar:hover{background-color:var(--primary-color-hover)}.sidebar:not(.expanded) .payment-options-sidebar{max-height:0;overflow:hidden}.sidebar:not(.expanded) .profile-details-sidebar{opacity:0;transform:translate(-20px)}.sidebar.expanded .profile-details-sidebar{opacity:1;transform:translate(0)}.home-cards{display:flex;flex-direction:row;justify-content:space-between;margin-top:20px}.home-card{background:var(--container-color);color:var(--text--color);padding:1.3%;flex:1;text-align:center;border-radius:10px;margin:0 10px;cursor:pointer;position:relative;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out,background-color .3s ease-in-out}.home-card:hover{transform:scale(1.01);box-shadow:0 4px 10px #0003;background-color:var(--select-color)}.home-card p{color:var(--text--color)}.statuscard-comment-alert{position:absolute;top:10px;right:10px;display:inline-block;line-height:0}.statuscard-comment-icon{display:block;color:var(--primary-color)}.statuscard-comment-badge{position:absolute;top:-9px;right:-9px;min-width:15px;height:18px;padding:0 5px;border-radius:999px;background:#e11d48;display:flex;align-items:center;justify-content:center;color:#fff;font-size:8px;font-weight:700;line-height:1;border:2px solid rgba(255,255,255,.9)}@media screen and (max-width: 768px){.home-card{height:150px;padding-top:30px}.statuscard-comment-alert-mobile{top:6px;right:6px}.statuscard-comment-badge-mobile{min-width:14px;height:14px;padding:0 4px;font-size:7px;top:-6px;right:-6px}}.action-buttons{display:flex;flex-direction:row;justify-content:space-between;gap:70px}.cancel-button,.continue-button{padding:10px 15px;border-radius:8px;border:none;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:5px;margin-top:5px}.cancel-button{background-color:#ff4d4d;color:#fff;min-width:100px}.cancel-button:hover{background-color:#ff7272}.space-button{background-color:transparent;width:100px}.continue-button{background-color:#1dc742;color:#fff}.continue-button:hover{background-color:#50d66d}.left-hint{display:flex;align-items:center;gap:6px;color:#4b5563;font-size:13px;max-width:320px}@media (max-width: 480px){.left-hint{font-size:12px;max-width:220px}}@media (max-width: 768px){.action-buttons{gap:8px}.cancel-button,.continue-button{padding:8px 12px;font-size:13px;max-width:48%}}.scroll-hint-button{width:100px;background:transparent;border:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center}.scroll-hint-button:hover{color:#50d66d}.scroll-hint-button .chevrons{display:flex;flex-direction:column;line-height:0;animation:bob 1.6s ease-in-out infinite}.scroll-hint-text{font-size:11px;color:#6b7280}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}@media (max-width: 768px){.scroll-hint-button{width:72px}.scroll-hint-text{display:none}}@media (max-width: 480px){.scroll-hint-button{width:64px}}@media (max-width: 480px){.action-buttons{gap:6px}.cancel-button,.continue-button{padding:6px 10px;font-size:12px;max-width:48%;min-width:100px}}.radio-wrap{display:inline-flex;align-items:center;cursor:pointer;gap:1px;padding:8px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.radio-input{position:absolute;opacity:0;width:0;height:0}.radio-custom{width:20px;height:20px;background:var(--gray-color);border-radius:50%;position:relative;transition:background .2s ease,transform .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.radio-custom:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--bg--color);transform:scale(0);transition:transform .2s ease}.radio-input:hover+.radio-custom{transform:scale(1.1);box-shadow:0 0 0 4px #ffffff1a}.radio-input:checked+.radio-custom{background:var(--primary-color-select-hover);animation:ripple .6s ease-out}.radio-input:checked+.radio-custom:before{transform:scale(1)}.radio-label-text{font-size:15px;color:var(--bg--color)}@keyframes ripple{0%{box-shadow:0 0 #435dd899}50%{box-shadow:0 0 0 12px #435dd800}to{box-shadow:0 0 #435dd800}}.hm-recent-section{padding:0 16px;flex:1;overflow-y:auto}.hm-loading,.hm-empty{padding:8px;color:#666;font-size:.9rem}.hm-recent-list{list-style:none;margin:0;padding:0}.hm-recent-item{display:flex;align-items:center;background:#f8f8f8;border-radius:8px;padding:12px;margin-bottom:12px;cursor:pointer}.hm-recent-icon{width:36px;height:36px;background:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-right:12px}.hm-recent-info strong{display:block;font-size:1rem}.hm-recent-info small{color:#666;font-size:.75rem}.hm-recent-value{margin-left:auto;font-weight:600}.config-first-container{padding:3% 0% 0% 12%}.config-second-container{padding:2%;display:flex;flex-direction:column;background-color:var(--container-color);border-radius:20px;width:90%;height:700px}.config-content-container{display:flex;flex-direction:row;gap:2%}.config-top-nav{background-color:var(--container-color);padding-bottom:1%;width:100%}.config-nav-list{display:flex;flex-direction:row;justify-content:center;list-style:none;gap:2%}.config-nav-item a{text-decoration:none;color:var(--text--navigation);font-weight:700;background-color:var(--container-color)}.config-nav-item.active a{color:var(--primary-color);border-bottom:1px solid var(--primary-color)}.config-nav-item a:hover{color:var(--primary-color)}.config-third-container{background-color:var(--bg--color);border-radius:10px;padding:2%;height:100%}.config-left-collum{display:flex;flex-direction:column;width:35%;align-items:center}.config-profile-picture-config-screen{width:40%;height:30%;border-radius:10px;background-color:var(--div--line);margin-bottom:2%;margin-top:4%}.config-profile-picture-image{border-radius:10px;width:100%;height:100%}.config-edit-profile-picture-button{background-color:var(--primary-color);border-radius:5px;cursor:pointer;margin-bottom:10%;color:var(--text--color--button);font-weight:700}.config-edit-profile-picture-button:hover{background-color:var(--primary-color-hover)}.config-user-name{font-weight:700;margin-bottom:7%}.config-condominiums p{font-weight:700;margin-bottom:20%}.config-condominiums ul{padding-left:10%;line-height:150%}.config-middle-section{display:flex;flex-direction:column;width:.1%;background-color:var(--div--line);height:500px}.config-right-collum{display:flex;flex-direction:column;padding:2%;width:100%}.config-edit-button{display:flex;justify-content:flex-end;background-color:var(--primary-color);color:#fff;padding:10px;border-radius:8px;width:auto;font-size:16px;cursor:alias}.config-edit-button:hover{background-color:var(--primary-color-hover);cursor:pointer}.config-form{display:flex;flex-direction:column;gap:7%}.config-save-button{display:flex;justify-content:center;background-color:var(--primary-color);border-radius:10px;padding:1%;font-weight:700;cursor:pointer;width:10%;color:var(--text--color--button)}.config-save-button:hover{background-color:var(--primary-color-hover)}.config-preview-box{width:80%;height:40%;background-color:var(--div--line);margin-bottom:3%;border-radius:10px}.config-personalization-right-collum{display:flex;flex-direction:column;justify-content:center;align-items:end;gap:10%;padding:2%;width:80%}.config-setting-item{width:100%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--div--line);padding:1.5%}.config-setting-label{font-weight:700}.config-setting-select{border-radius:10px;padding:1%;background-color:var(--select-color)}.config-color-circle{width:4.5%;height:200%;border-radius:50%;cursor:pointer}.input-group{position:relative;margin-bottom:1rem}.password-toggle-icon{position:absolute;right:12px;top:65%;transform:translateY(-50%);cursor:pointer;z-index:10;font-size:18px;color:#555}.payment-card{background-color:var(--bg--color);border:1px solid var(--gray-color);border-radius:8px;padding:16px;width:96%;margin-bottom:16px;box-shadow:0 2px 4px var(--div--line)}.card-details{display:flex;flex-direction:column;gap:8px}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-size:14px}.detail-row.header-row{border-bottom:1px solid #e0e0e0;padding-bottom:12px;display:flex;justify-content:space-between;align-items:center}.total-container{display:flex;flex-direction:column;align-items:flex-start}.total-label{font-size:12px;color:#888;font-weight:400}.total-value{font-size:18px;color:#333;font-weight:700}.detail-row .total-label{font-weight:400;color:#666;flex-grow:1}.detail-row .total-value{font-size:18px;color:#333;font-weight:700;margin-right:auto}.detail-label{color:#666;font-weight:400}.detail-value{font-weight:700;color:#333}.view-button{width:100%;background-color:var(--secondary-color);color:#fff;border:none;padding:6px;border-radius:10px;cursor:pointer;font-weight:700;margin-top:16px;text-align:center}