.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}.payment-icon-text-sidebar{display:flex;align-items:center;background-color:transparent}.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}.home-card-icon{color:var(--home-card-icon-color)}.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}.sidebar-mobile-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:999;opacity:0;visibility:hidden;transition:opacity .3s ease-in-out,visibility .3s ease-in-out}.sidebar-mobile-overlay.visible{opacity:1;visibility:visible}.sidebar-mobile{width:280px;height:100%;background-color:var(--primary-color);color:#575151;display:flex;flex-direction:column;justify-content:space-between;padding:10px;position:fixed;left:-280px;top:0;z-index:1001;transition:left .3s ease-in-out;overflow-y:auto}.sidebar-mobile.open{left:0}.sidebar-mobile ul{list-style:none;padding:0;margin:0;background-color:transparent}.sidebar-mobile li svg,.sidebar-mobile .logout-sidebar-mobile svg{font-size:20px;margin:0 15px;flex-shrink:0;font-weight:bolder;background-color:transparent}.sidebar-mobile li,.logout-sidebar-mobile{padding:20px 10px 20px 5px;display:flex;align-items:center;cursor:pointer;transition:background .2s;font-weight:bolder;border-radius:16px;background-color:transparent}.logout-sidebar-mobile{display:flex;align-items:center;justify-content:flex-start;padding:20px 10px 20px 5px;cursor:pointer;border-radius:16px;transition:background-color .2s ease-in-out}.logout-sidebar-mobile:hover{background-color:var(--primary-color-hover)}.sidebar-mobile .sidebar-text-mobile{white-space:nowrap;overflow:hidden;margin-left:10px;background-color:transparent;color:var(--text--color--button)}.sidebar-mobile li:hover{background-color:var(--primary-color-hover);border-radius:16px}.profile-section-sidebar-mobile{display:flex;align-items:center;height:80px;padding:10px;overflow:hidden;background-color:transparent}.profile-picture-sidebar-mobile{width:40px;height:40px;border-radius:50%;margin-right:10px}.profile-details-sidebar-mobile{display:flex;flex-direction:column;justify-content:center;background-color:transparent}.profile-name-sidebar-mobile{font-size:14px;font-weight:700;color:var(--text--color--button);background-color:transparent}.itens-sidebar-mobile{width:100%;background-color:transparent}.payment-header-sidebar-mobile{display:flex;align-items:center;justify-content:space-between;width:100%;cursor:pointer;background-color:transparent;margin-bottom:10px}.payment-icon-text-sidebar-mobile{display:flex;align-items:center;background-color:transparent}.chevron-icon-sidebar-mobile{font-size:12px;margin-left:10px;transition:transform .3s ease}.chevron-icon-sidebar-mobile.rotated{transform:rotate(180deg)}.payment-options-sidebar-mobile{max-height:0;overflow:hidden;transition:max-height .3s ease-out;background-color:transparent;color:var(--text--color--button)}.payment-option-item-sidebar-mobile{padding:5px 10px;font-size:14px;cursor:pointer;transition:background-color .3s ease;color:var(--text--color--button)}.payment-options-sidebar-mobile .payment-option-item-sidebar-mobile:hover{background-color:var(--primary-color-select-hover)}.payment-section-sidebar-mobile{flex-direction:column;background-color:transparent;transition:background-color .3s ease}.payment-section-sidebar-mobile .payment-options-sidebar-mobile{display:block}.payment-section-sidebar-mobile.open .payment-options-sidebar-mobile{max-height:500px;overflow:visible}.payment-section-sidebar-mobile.open{background-color:var(--primary-color);border-radius:16px}.payment-section-sidebar-mobile:hover{background-color:var(--primary-color-hover)}.hamburger-button{display:flex;flex-direction:column;justify-content:center;align-items:center;background:transparent;border:none;cursor:pointer;padding:4px;gap:4px}.hamburger-button span{display:block;width:22px;height:2px;background-color:var(--text--color--button);border-radius:2px;transition:all .3s ease-in-out}.hamburger-button.open span:nth-child(1){transform:rotate(45deg) translate(4px,4px)}.hamburger-button.open span:nth-child(2){opacity:0}.hamburger-button.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.close-sidebar-mobile{position:absolute;top:15px;right:15px;background:transparent;border:none;cursor:pointer;color:var(--text--color--button);font-size:24px}.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;padding:10px}.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}[class$=__title]{display:flex;align-items:center;gap:10px;font-size:var(--font-size-2xl);font-weight:700;color:var(--text-color)}.manual-icons{color:var(--primary-color)}[class$=__content]{max-width:none}[class$=__content--spaced]{max-width:none;margin-top:1.5rem}.content__text{color:var(--text-color)}.content__text--large{font-size:var(--font-size-sm);color:var(--text-secondary)}.content__text--gray{color:var(--text-secondary)}.content__text--spaced{margin-top:1.5rem}.content__step{font-size:var(--font-size-lg);font-weight:600;margin-top:1.5rem;margin-bottom:1rem;color:var(--text-color)}.content__image-container{margin-top:1.5rem;margin-bottom:1.5rem}.content__image-container img{width:100%;max-width:42rem;margin-left:auto;margin-right:auto;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.content__image-container img:hover{transform:scale(1.02);box-shadow:0 8px 12px -2px #00000026,0 4px 8px -2px #0000001a}.content__unordered-list{list-style-type:disc;list-style-position:inside;margin-top:1rem}.content__unordered-list li{margin-bottom:.5rem}.content__nested-list,.content__nested-list--small{list-style:none;margin-top:.5rem}.content__nested-list li,.content__nested-list--small li{margin-bottom:.25rem}.content__nested-list{margin-left:1.5rem}.content__nested-list--small{margin-left:1rem}.content__subtitle,.content__subtitle--large,.content__subtitle--spaced{font-size:var(--font-size-lg);font-weight:600}.content__subtitle{margin-top:1rem;margin-bottom:.5rem}.content__subtitle--large{margin-top:1.5rem}.content__subtitle--spaced{margin-top:1.5rem;margin-bottom:.5rem}.content__code{background-color:var(--code-bg);padding:.125rem .5rem;border-radius:.25rem;font-family:monospace}[class^=info-box-]{padding:1rem;margin:1rem 0;border-left-width:4px;border-left-style:solid}.info-box-primary{background-color:var(--primary-bg);border-left-color:var(--primary-color)}.info-box-primary p{color:var(--text-color)}.info-box-warning{background-color:var(--warning-bg);border-left-color:var(--warning-color)}.info-box-warning p{color:var(--warning-dark)}.info-box-danger{background-color:var(--danger-bg);border-left-color:var(--danger-color)}.info-box-danger p{color:var(--danger-dark)}.info-box-success{background-color:var(--success-bg);border-left-color:var(--success-color)}.info-box-success p{color:var(--success-dark)}[class^=card-]{border-width:2px;border-style:solid;border-radius:.5rem}.card-primary,.card-success{padding:1.5rem}.card-neutral{padding:1rem}.card-primary{border-color:var(--primary-color)}.card-success{border-color:var(--success-color)}.card-neutral{border-color:var(--gray-color)}.text-primary{color:var(--primary-color)}.text-success{color:var(--success-color)}.text-warning{color:var(--warning-color)}.text-danger{color:var(--danger-color)}.text-gray{color:var(--light--gray--color)}[class^=status-box-]:not(.status-box-header){border-width:2px;border-style:solid;border-radius:.5rem;padding:1rem}.status-box-pending{border-color:var(--warning-color);background-color:var(--warning-bg)}.status-box-processing{border-color:var(--primary-color);background-color:var(--primary-bg)}.status-box-success{border-color:var(--success-color);background-color:var(--success-bg)}.status-box-rejected{border-color:var(--danger-color);background-color:var(--danger-bg)}.status-box-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:var(--font-size-sm);font-weight:600}.content__section{display:flex;flex-direction:column;gap:1.5rem}.content__title{font-size:var(--font-size-2xl);font-weight:700;color:var(--text-color)}.content__checklist{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.content__checklist-item{display:flex;align-items:flex-start;gap:.75rem}.content__checklist-icon{font-size:var(--font-size-xl)}.content__checklist-title{font-weight:600}.content__checklist-desc{color:var(--text-muted)}.manual-content-container{height:100%;overflow-y:auto;overflow-x:hidden}.image-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;cursor:pointer}.image-modal-content{max-width:90%;max-height:90%;-o-object-fit:contain;object-fit:contain;border-radius:.5rem;box-shadow:0 4px 20px #0000004d}@media(max-width:768px){.access__title,.payment__title,.attach-documents__title,.supplier-data__title,.payment-type__title,.payment-data__title,.accounting-class__title,.payment-review__title,.approve-payments__title,.sent-payments__title,.processed-payments__title,.rejected-payments__title,.comment-notifications__title,.settings__title{font-size:1.25rem}.content__subtitle--large,.content__subtitle,.content__subtitle--spaced,.content__step{font-size:1rem}.content__text--large{font-size:.9375rem}.content__image-container img{max-width:100%}[class^=info-box-]{padding:.75rem;margin:.75rem 0}.content__ordered-list,.content__unordered-list{padding-left:.5rem}}@media(max-width:480px){.access__title,.payment__title,.attach-documents__title,.supplier-data__title,.payment-type__title,.payment-data__title,.accounting-class__title,.payment-review__title,.approve-payments__title,.sent-payments__title,.processed-payments__title,.rejected-payments__title,.comment-notifications__title,.settings__title{font-size:1.1rem}.manual-icons{width:20px;height:20px}.content__subtitle--large,.content__subtitle,.content__subtitle--spaced,.content__step{font-size:.9375rem}.content__text,.content__text--large,.content__text--spaced,.content__ordered-list li,.content__unordered-list li{font-size:.875rem}[class^=info-box-]{padding:.5rem;font-size:.875rem}.content__image-container{margin-top:1rem;margin-bottom:1rem}.image-modal-content{max-width:95%;max-height:85%;border-radius:.25rem}}.manual-page{min-height:100vh;background-color:var(--container-color)}.manual-header{background-color:var(--bg--color);box-shadow:0 1px 3px #0000001a;position:sticky;top:0;z-index:10}.manual-header-content{max-width:80rem;margin:0 auto;padding:0 1rem}.manual-header-inner{display:flex;align-items:center;justify-content:space-between;height:4rem}.manual-header-title-wrapper{display:flex;align-items:center;gap:1rem}.manual-header-icon-wrapper{display:flex;align-items:center;gap:.5rem}.manual-header-icon{color:var(--primary-color);font-size:1.25rem}.manual-header-title{font-size:1.25rem;font-weight:600;color:var(--text-color)}.manual-home-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:var(--primary-color);color:var(--text--color--button);border-radius:.5rem;border:none;cursor:pointer;transition:background-color .2s}.manual-home-button:hover{background-color:var(--primary-color-hover)}.manual-header-buttons{display:flex;align-items:center;gap:.5rem}.manual-menu-toggle{display:none;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;background-color:var(--primary-color);color:var(--text--color--button);border-radius:.5rem;border:none;cursor:pointer;transition:background-color .2s}.manual-menu-toggle:hover{background-color:var(--primary-color-hover)}.manual-content-wrapper{max-width:80rem;margin:0 auto;padding:2rem 1rem}.manual-layout{display:flex;gap:2rem}.manual-sidebar{width:18rem;flex-shrink:0}.manual-sidebar-card{background-color:var(--bg--color);border-radius:.5rem;box-shadow:0 1px 3px #0000001a;padding:1rem;position:sticky;top:6rem}.manual-sidebar-title{font-size:.875rem;font-weight:600;color:var(--light--gray--color);text-transform:uppercase;margin-bottom:1rem}.manual-sidebar-nav{display:flex;flex-direction:column;gap:.25rem}.manual-section-wrapper{position:relative}.manual-section-button{width:100%;text-align:left;padding:.5rem .75rem;border-radius:.5rem;transition:all .2s;display:flex;align-items:center;gap:.5rem;border:none;background:transparent;cursor:pointer;color:var(--text-color)}.manual-section-button:hover{background-color:var(--container-color)}.manual-section-button.active{background-color:#0047ab1a;color:var(--primary-color);font-weight:500}.manual-subsection-wrapper{margin-left:1.5rem;margin-top:.25rem;display:flex;flex-direction:column;gap:.25rem;border-left:2px solid var(--primary-color);padding-left:.5rem}.manual-subsection-button{width:100%;text-align:left;padding:.375rem .5rem;border-radius:.5rem;transition:all .2s;display:flex;align-items:center;gap:.5rem;font-size:.875rem;border:none;background:transparent;cursor:pointer;color:var(--light--gray--color)}.manual-subsection-button:hover{background-color:var(--container-color)}.manual-subsection-button.active{background-color:#0047ab1a;color:var(--primary-color);font-weight:500}.manual-main-content{flex:1;background-color:var(--bg--color);border-radius:.5rem;box-shadow:0 1px 3px #0000001a;padding:2rem;max-height:calc(100vh - 8rem);overflow:hidden}@media(max-width:1024px){.manual-menu-toggle{display:flex}.manual-sidebar{display:none;position:fixed;top:4rem;left:0;right:0;z-index:50;width:100%;max-height:calc(100vh - 4rem);overflow-y:auto;background-color:var(--bg--color);box-shadow:0 4px 6px -1px #0000001a}.manual-sidebar.open{display:block}.manual-sidebar-card{position:static;border-radius:0;box-shadow:none}.manual-layout{flex-direction:column}.manual-main-content{max-height:none;overflow:visible}}@media(min-width:640px){.manual-header-content,.manual-content-wrapper{padding-left:1.5rem;padding-right:1.5rem}}@media(min-width:1024px){.manual-header-content,.manual-content-wrapper{padding-left:2rem;padding-right:2rem}}@media(max-width:768px){.manual-header-inner{height:auto;padding:1rem 0;gap:.75rem}.manual-header-title{font-size:1rem;text-align:center}.manual-content-wrapper{padding:1rem .5rem}.manual-main-content{padding:1rem}.manual-home-button,.manual-menu-toggle{padding:.4rem .75rem;font-size:.875rem}}@media(max-width:480px){.manual-header-title{font-size:.875rem}.manual-header-icon{font-size:1rem}.manual-content-wrapper{padding:.75rem .25rem}.manual-main-content{padding:.75rem;border-radius:.25rem}.manual-home-button,.manual-menu-toggle{padding:.35rem .5rem;font-size:.75rem}.manual-home-button span{display:none}}
