@charset "UTF-8";*{box-sizing:border-box;margin:0;padding:0;scrollbar-width:thin;scrollbar-color:#e0e0e0 transparent}html{font-size:50%}@media (max-width: 1280px){html{font-size:40%}}@media (max-width: 1024px){html{font-size:30%}}body{font-weight:400;line-height:1.6;letter-spacing:.01rem;height:100%;color:#2d2d2d}body::-webkit-scrollbar-track{background:transparent}body,h1,h2,h3,h4,h5,h6,p,span,div,button,input,textarea,select{font-family:Poppins,sans-serif}.input-group{position:relative;margin-top:8px;width:50%}.input-group .input-field{width:100%;padding:.75rem 1rem;border:1px solid #D8D8D8;border-radius:5px;font-size:16px;transition:all .2s ease;height:55px;outline:none;background-color:transparent}.input-group .input-field:-webkit-autofill,.input-group .input-field:-webkit-autofill:hover,.input-group .input-field:-webkit-autofill:focus,.input-group .input-field:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px white inset!important;box-shadow:0 0 0 30px #fff inset!important;-webkit-text-fill-color:inherit!important;transition:background-color 5000s ease-in-out 0s}.input-group .input-field:focus+.input-label,.input-group .input-field:not(:placeholder-shown)+.input-label{transform:translateY(-38px) scale(.85);color:#d8d8d8;background-color:#fff;padding:0 8px;font-weight:400;left:8px}.input-group .input-label{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#d8d8d8;font-size:16px;transition:all .2s ease;pointer-events:none;transform-origin:left top;background-color:transparent;z-index:1}.input-group .error{color:#e53e3e;font-size:12px;margin-top:.5rem;display:block}.btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 1.5rem;cursor:pointer;width:fit-content;font-weight:500}.btn__icon{color:#fff;display:flex;align-items:center}.btn__primary{background-color:#a3876e;color:#fff;border:none}.btn__secondary{background-color:#fff;border:1px solid #e0e0e0;color:#2d2d2d}.btn__tertiary{background-color:#fff;border:1px solid #D6D4E0}.btn__tertiary--icon{color:#21566d}.btn__success{background-color:#fff;color:#4caf50;border:1px solid #BEE2C0}.btn__danger{background-color:#21566d;color:#fff;border:none}.btn__warning{background-color:#fff;color:#d64550;border:1px solid #F1BCC0}.toggle{border:1px solid #e0e0e0;background-color:#f4f4f2;position:relative;overflow:hidden;padding:.3rem}.toggle__options{display:flex;height:100%;position:relative}.toggle__btn{flex:1;z-index:1;background:none;border:none;outline:none;cursor:pointer;font-weight:400;color:#545454;transition:color .3s ease;padding:.5rem}.toggle__btn.active{color:#2d2d2d;font-weight:500}.toggle__pill{position:absolute;top:0;width:50%;height:100%;background-color:#e0eef1;z-index:0}.projectDetails{display:flex;flex-direction:column;gap:2.5rem;color:#2d2d2d;font-size:1.2rem}.projectDetails__container{background:#fff;padding:0 1rem 4rem;display:grid;gap:1.5rem}.projectDetails__heading{font-size:2rem;font-weight:500;color:#c6d4c2;position:relative;margin-left:-.75rem}.projectDetails .input-group{position:relative;margin-top:8px}.projectDetails .input-group .input-field{padding:.75rem 1rem .75rem 2rem;border:1px solid #D8D8D8;border-radius:5px;font-size:1.6rem;transition:all .2s ease;height:5.5rem;outline:none;background-color:transparent}.projectDetails .input-group .input-field:-webkit-autofill,.projectDetails .input-group .input-field:-webkit-autofill:hover,.projectDetails .input-group .input-field:-webkit-autofill:focus,.projectDetails .input-group .input-field:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px white inset!important;box-shadow:0 0 0 30px #fff inset!important;-webkit-text-fill-color:inherit!important;transition:background-color 5000s ease-in-out 0s}.projectDetails .input-group .input-field:focus+.input-label,.projectDetails .input-group .input-field:not(:placeholder-shown)+.input-label{transform:translateY(-30px) translate(-4px) scale(.85);color:#d8d8d8;background-color:#fff;padding:0 8px;font-weight:400;left:8px}.projectDetails .input-group .input-label{position:absolute;left:1.6rem;top:50%;transform:translateY(-50%);color:#d6d4e0;font-size:1.6rem;transition:all .2s ease;pointer-events:none;transform-origin:left top;background-color:transparent;z-index:1}.projectDetails .input-group .error{color:#e53e3e;font-size:12px;margin-top:.5rem;display:block}.projectDetails__error{font-size:1.2rem;margin-left:1rem;color:#d64550;margin-top:.5rem;display:block;animation:fadeIn .2s ease}.projectDetails__logo-upload{display:flex;flex-direction:column;align-items:flex-start;gap:1rem}.projectDetails__logo-preview{height:14rem;border-radius:1rem;background:#e0eef1;display:flex;flex-direction:row;align-items:flex-start;justify-content:center;position:relative;overflow:hidden;border:1px solid #A4CBD4}.projectDetails__logo-preview img{width:100%;height:100%;object-fit:contain}.projectDetails__logo-preview .logo-delete{position:absolute;top:.5rem;right:.5rem;width:2.5rem;height:2.5rem;background:#f7dadc;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0}.projectDetails__logo-preview .logo-delete svg{width:1rem;height:1rem;color:#d64550}.projectDetails__logo-preview .logo-delete:hover{background:#f1bcc0;border:#D64550}.projectDetails__logo-preview:hover{opacity:80%}.projectDetails__logo-preview:hover .logo-delete{opacity:1}.projectDetails__logo-placeholder{display:flex;flex-direction:row;align-items:center;justify-content:center;text-align:center}.projectDetails__logo-placeholder svg{width:2.5rem;height:2.5rem;margin-bottom:.5rem;color:#21566d}.projectDetails__logo-placeholder p{font-size:1.2rem;color:#21566d}.projectDetails__logo-upload-btn{height:14rem;width:14rem;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;border-radius:1rem;font-size:1.2rem;font-weight:400;cursor:pointer;transition:var(--transition)}.projectDetails__logo-upload-btn:hover{background:#e0eef1}.projectDetails__logo-hint{font-size:1.4rem;color:#545454;margin-top:.25rem}.projectDetails__gallery{display:flex;flex-direction:row;width:100%;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.projectDetails__image-container{width:14rem;position:relative;aspect-ratio:1/1;border-radius:4px;overflow:hidden;border:1px solid #D6D4E0}.projectDetails__image-container:hover{opacity:80%}.projectDetails__image{width:14rem;height:14rem;object-fit:cover;background:#f3f4f6}.projectDetails__image-delete{position:absolute;top:.5rem;right:.5rem;width:2.5rem;height:2.5rem;background:#f7dadc;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0}.projectDetails__image-delete svg{width:1rem;height:1rem;color:#d64550}.projectDetails__image-delete:hover{background:#f1bcc0;border:#D64550}.projectDetails__image-container:hover .projectDetails__image-delete{opacity:1}.projectDetails__add-image{width:14rem;height:14rem;border-radius:1rem;padding:1.75rem;border:1px solid #A4CBD4;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#e0eef1;cursor:pointer}.projectDetails__add-image:hover{opacity:80%}.projectDetails__add-image svg{width:2.5rem;height:2.5rem;margin-bottom:.5rem;color:#21566d}.projectDetails__add-image p{font-size:1.2rem;color:#21566d;text-align:center;line-height:1.4}.projectDetails__image-hint{font-size:var(--font-size-xs);color:var(--text-light)}.projectDetails__upload-doc-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;background:#e0eef1;border:1px solid #A4CBD4;border-radius:4px;cursor:pointer;transition:var(--transition);margin-bottom:1.5rem;text-align:center}.projectDetails__upload-doc-zone:hover{opacity:80%}.projectDetails__upload-doc-zone svg{width:2rem;height:2rem;color:#21566d;margin-bottom:.75rem}.projectDetails__upload-doc-zone p{font-size:1.2rem;color:#21566d;margin-bottom:.25rem}.projectDetails__upload-doc-zone p:last-child{font-size:var(--font-size-xs);color:var(--text-light)}.projectDetails__doc-list-container{margin-top:1.5rem}.projectDetails__doc-list-heading{font-size:var(--font-size-sm);font-weight:500;color:var(--text-light);margin-bottom:.75rem}.projectDetails__doc-list{display:flex;flex-direction:column;gap:.75rem}.projectDetails__doc-item{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:.75rem;min-height:6rem;background:#fff;border-radius:4px;gap:.75rem;cursor:pointer;border:1px solid #ffffff}.projectDetails__doc-item:hover{border:1px solid #A4CBD4}.projectDetails__doc-left{display:flex;align-items:center;gap:1rem;flex:1;min-width:0}.projectDetails__doc-left svg{width:4.2rem;height:4.2rem;margin-right:.25rem;color:#a3876e}.projectDetails__doc-info{display:flex;flex-direction:column;align-items:flex-start;flex:1;min-width:0;font-size:1.6rem;color:#2d2d2d}.projectDetails__doc-link{font-size:1.6rem;font-weight:500;color:#2d2d2d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;text-decoration:none}.projectDetails__doc-meta{display:flex;gap:.5rem;font-size:1.4rem;color:#545454;font-weight:400;margin-top:0}.projectDetails__doc-delete{background:none;border:none;padding:.25rem;cursor:pointer;width:4.8rem;height:4.8rem;border-radius:4px}.projectDetails__doc-delete svg{width:2.4rem;height:2.4rem;stroke:#d64550;margin-top:.75rem}.projectDetails__doc-delete:hover{background:#f7dadc;border-radius:4px}.projectDetails__upload-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000050;display:flex;align-items:center;justify-content:center;z-index:100}.projectDetails__upload-spinner{display:flex;align-items:center;gap:.5rem;font-size:2rem;color:#fff}.projectDetails__upload-spinner svg{animation:spin 1s linear infinite}@keyframes fadeIn{0%{opacity:0;transform:translateY(-.25rem)}to{opacity:1;transform:translateY(0)}}.projectDetails__actions{display:flex;justify-content:flex-end}.projectDetails .hidden{display:none}.projectDetails__actions{margin-top:1rem}.location-collaterals{background:#fff;border-radius:8px;padding-top:0}.location-collaterals .map-container{height:400px;width:100%;margin:2rem 1rem 1rem;border-radius:8px;overflow:hidden;margin-bottom:24px;border:1px solid #e0e0e0}.location-collaterals .section-title{font-size:2rem;font-weight:500;color:#c6d4c2;position:relative;margin-left:-.75rem}.location-collaterals .form-section{margin:0 .75rem 2.4rem}.location-collaterals .form-section .form-field{margin-bottom:2rem;margin:0 .75rem 2.4rem}.location-collaterals .form-section .coord-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.location-collaterals .form-section .coord-fields .coord-field label{display:block;margin-bottom:8px;font-size:14px;color:#555}.location-collaterals .form-section .coord-fields .coord-field input{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px}.location-collaterals .gates-section{margin-bottom:24px}.location-collaterals .gates-section .gates-container{max-height:300px;overflow-y:auto;border:1px solid #e0e0e0;border-radius:4px;padding:12px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.location-collaterals .gates-section .gates-container .gate-item{display:flex;align-items:center}.location-collaterals .gates-section .gates-container .gate-item input{margin-right:8px}.location-collaterals .gates-section .gates-container .gate-item label{font-size:14px;color:#444}.location-collaterals .amenities-section{margin:0 .75rem 2.4rem}.location-collaterals .amenities-section .section-description{font-size:1.2rem;font-weight:300;color:#545454;margin-bottom:1.5rem}.location-collaterals .amenities-section .amenities-multiselect{margin:0 1rem 2rem}.location-collaterals .amenities-section .amenities-multiselect .custom-multiselect{position:relative;font-family:inherit;font-size:1rem}.location-collaterals .amenities-section .amenities-multiselect .react-select__control{display:flex;flex-wrap:wrap;align-items:center;background-color:#fff;border:1px solid #D6D4E0;border-radius:4px;padding:.5rem .75rem;transition:border-color .2s ease;cursor:pointer}.location-collaterals .amenities-section .amenities-multiselect .react-select__control:hover,.location-collaterals .amenities-section .amenities-multiselect .react-select__control--is-focused{border-color:#c6d4c2}.location-collaterals .amenities-section .amenities-multiselect .react-select__value-container{display:flex;flex:1;flex-wrap:wrap;align-items:center;gap:.5rem;padding:0}.location-collaterals .amenities-section .amenities-multiselect .react-select__value-container:hover,.location-collaterals .amenities-section .amenities-multiselect .react-select__value-container:active{border-color:#c6d4c2}.location-collaterals .amenities-section .amenities-multiselect .react-select__multi-value{display:flex;align-items:center;background-color:#e0eef1;border-radius:4px;font-size:1.6rem;font-weight:500;color:#2d2d2d}.location-collaterals .amenities-section .amenities-multiselect .react-select__multi-value__label{margin-right:0;color:#2d2d2d;padding:6px 0 6px 10px}.location-collaterals .amenities-section .amenities-multiselect .react-select__multi-value__remove{cursor:pointer;display:flex;align-items:center;color:#f1bcc0;height:100%;aspect-ratio:1}.location-collaterals .amenities-section .amenities-multiselect .react-select__multi-value__remove:hover{background-color:transparent;color:#d64550}.location-collaterals .amenities-section .amenities-multiselect .react-select__multi-value__remove svg{width:2rem;height:2rem}.location-collaterals .amenities-section .amenities-multiselect .react-select__menu{font-size:1.6rem}.location-collaterals .amenities-section .amenities-multiselect .react-select__menu-list{border-bottom:1px solid #D6D4E0;max-height:240px}.location-collaterals .amenities-section .amenities-multiselect .react-select__option{border-bottom:1px solid #D6D4E0}.location-collaterals .amenities-section .amenities-multiselect .react-select__option:hover{background-color:#e0eef1;color:#21566d;cursor:pointer}.location-collaterals .amenities-section .amenities-multiselect .react-select__input-container{flex:1;min-width:100px;font-size:1.6rem}.location-collaterals .amenities-section .amenities-multiselect .react-select__input-container input{width:100%;border:none;outline:none;font-size:inherit;font-family:inherit}.location-collaterals .amenities-section .amenities-multiselect .react-select__indicators{display:flex;align-items:center;gap:4px;font-size:1.6rem;display:none}.location-collaterals .amenities-section .amenities-multiselect .react-select__indicator{cursor:pointer;display:flex;align-items:center;color:#a0aec0;padding:4px}.location-collaterals .amenities-section .amenities-multiselect .react-select__indicator:hover{color:#e0eef1}.location-collaterals .amenities-section .amenities-multiselect .react-select__indicator svg{width:16px;height:16px}.location-collaterals .amenities-section .amenities-multiselect .react-select__indicator-separator{height:20px;width:1px;background-color:#cbd5e0;margin:0 4px}.location-collaterals .amenities-section .selected-count{display:flex;align-items:center;gap:8px;padding:8px 12px;background:linear-gradient(135deg,#3498db,#2980b9);border-radius:6px;color:#fff;font-size:14px;width:fit-content}.location-collaterals .amenities-section .selected-count .count-badge{background:#fff3;padding:2px 8px;border-radius:12px;font-weight:600;font-size:12px}.location-collaterals .amenities-section .selected-count .count-text{font-weight:500}.location-collaterals .connectivites-section{margin:0 .75rem 2.4rem}.location-collaterals .connectivites-section .connectivites-list{margin-top:16px}.location-collaterals .connectivites-section .location-search-section{margin:20px 0}.location-collaterals .connectivites-section .location-search-section .location-label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#374151;margin-bottom:8px}.location-collaterals .connectivites-section .location-search-section .location-label .label-icon{font-size:16px}.location-collaterals .connectivites-section .location-search-section .location-search-container{position:relative}.location-collaterals .connectivites-section .location-search-section .location-search-container .search-input-wrapper{position:relative;display:flex;align-items:center}.location-collaterals .connectivites-section .location-search-section .location-search-container .search-input-wrapper .search-icon{position:absolute;left:12px;font-size:1.6rem;color:#9ca3af;z-index:1}.location-collaterals .connectivites-section .location-search-section .location-search-container .search-input-wrapper .location-search-input{width:100%;padding:1.5rem 2rem;border:1px solid #e5e7eb;border-radius:4px;font-size:1.6rem;background:#fff;transition:all .3s ease}.location-collaterals .connectivites-section .location-search-section .location-search-container .search-input-wrapper .location-search-input:focus{outline:none;border-color:#21566d}.location-collaterals .connectivites-section .location-search-section .location-search-container .search-input-wrapper .location-search-input::placeholder{color:#d6d4e0}.location-collaterals .connectivites-section .location-search-section .location-search-container .search-input-wrapper .loading-spinner{position:absolute;right:40px}.location-collaterals .connectivites-section .location-search-section .location-search-container .search-input-wrapper .loading-spinner .spinner{width:16px;height:16px;border:2px solid #e5e7eb;border-top:2px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite}.location-collaterals .connectivites-section .location-search-section .location-search-container .search-input-wrapper .clear-search{position:absolute;right:12px;aspect-ratio:1;background:none;border:none;color:#d64550;cursor:pointer;font-size:1.6rem;padding:4px;border-radius:4px;transition:all .2s ease}.location-collaterals .connectivites-section .location-search-section .location-search-container .search-input-wrapper .clear-search:hover{color:#d64550}.location-collaterals .connectivites-section .location-search-section .location-search-container .autocomplete-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a;z-index:1000;margin-top:4px;max-height:300px;overflow-y:auto}.location-collaterals .connectivites-section .location-search-section .location-search-container .autocomplete-dropdown .dropdown-header{padding:12px 16px;border-bottom:1px solid #f3f4f6;background:#f9fafb;border-radius:12px 12px 0 0}.location-collaterals .connectivites-section .location-search-section .location-search-container .autocomplete-dropdown .dropdown-header .suggestions-title{font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.location-collaterals .connectivites-section .location-search-section .location-search-container .autocomplete-dropdown .autocomplete-item{display:flex;align-items:center;padding:12px 16px;cursor:pointer;transition:background-color .2s ease;border-bottom:1px solid #f3f4f6}.location-collaterals .connectivites-section .location-search-section .location-search-container .autocomplete-dropdown .autocomplete-item:hover{background:#f8fafc}.location-collaterals .connectivites-section .location-search-section .location-search-container .autocomplete-dropdown .autocomplete-item:last-child{border-bottom:none;border-radius:0 0 12px 12px}.location-collaterals .connectivites-section .location-search-section .location-search-container .autocomplete-dropdown .autocomplete-item .location-icon{font-size:16px;margin-right:12px;color:#3b82f6}.location-collaterals .connectivites-section .location-search-section .location-search-container .autocomplete-dropdown .autocomplete-item .location-details{flex:1}.location-collaterals .connectivites-section .location-search-section .location-search-container .autocomplete-dropdown .autocomplete-item .location-details .main-text{font-size:14px;font-weight:500;color:#374151;margin-bottom:2px}.location-collaterals .connectivites-section .location-search-section .location-search-container .autocomplete-dropdown .autocomplete-item .location-details .secondary-text{font-size:12px;color:#6b7280}.location-collaterals .connectivites-section .location-search-section .location-search-container .autocomplete-dropdown .autocomplete-item .select-arrow{font-size:16px;color:#9ca3af;margin-left:8px}.location-collaterals .connectivites-section .location-search-section .location-search-container .no-results{display:flex;align-items:center;gap:8px;padding:16px;margin-top:4px;background:#fef3cd;border:1px solid #fde68a;border-radius:8px;font-size:14px;color:#92400e}.location-collaterals .connectivites-section .location-search-section .location-search-container .no-results .no-results-icon{font-size:16px}.location-collaterals .connectivites-section .connectivity-details-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:20px 0}.location-collaterals .connectivites-section .connectivity-details-row .detail-input-group .detail-label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#374151;margin-bottom:8px}.location-collaterals .connectivites-section .connectivity-details-row .detail-input-group .detail-label .label-icon{font-size:16px}.location-collaterals .connectivites-section .connectivity-details-row .detail-input-group .detail-input{width:100%;padding:10px 12px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;transition:all .3s ease}.location-collaterals .connectivites-section .connectivity-details-row .detail-input-group .detail-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.location-collaterals .connectivites-section .connectivity-details-row .detail-input-group .detail-input::placeholder{color:#9ca3af}.location-collaterals .connectivites-section .list-subtitle{font-size:16px;font-weight:600;color:#374151;margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid #e5e7eb}.location-collaterals .connectivites-section .connectivity-item-enhanced{background:#fff;border:1px solid #D6D4E0;border-radius:4px;margin:0 1rem;padding:16px;margin-bottom:12px;transition:all .3s ease}.location-collaterals .connectivites-section .connectivity-item-enhanced .connectivity-info{position:relative}.location-collaterals .connectivites-section .connectivity-item-enhanced .connectivity-info .remove-connectivity-btn{position:absolute;right:2rem;background:#fff;border:1px solid #ffffff;color:#f1bcc0;border-radius:6px;height:100%;cursor:pointer;font-size:12px;transition:all .2s ease}.location-collaterals .connectivites-section .connectivity-item-enhanced .connectivity-info .remove-connectivity-btn:hover{color:#d64550}.location-collaterals .connectivites-section .connectivity-item-enhanced .connectivity-info .connectivity-details{display:flex;align-items:center}.location-collaterals .connectivites-section .connectivity-item-enhanced .connectivity-info .connectivity-details .connectivity-icon{width:6rem;height:6rem;padding:1.25rem;background-color:#e0eef1;border-radius:4px;margin-right:1.5rem}.location-collaterals .connectivites-section .connectivity-item-enhanced .connectivity-info .connectivity-details .connectivity-icon img{width:100%;height:100%}.location-collaterals .connectivites-section .connectivity-item-enhanced .connectivity-info .connectivity-details .location-name{display:block;font-size:1.6rem;color:#2d2d2d;margin-bottom:.5rem;font-weight:500}.location-collaterals .connectivites-section .connectivity-item-enhanced .connectivity-info .connectivity-details .distance-time-info{display:flex;gap:.75rem}.location-collaterals .connectivites-section .connectivity-item-enhanced .connectivity-info .connectivity-details .distance-time-info .distance,.location-collaterals .connectivites-section .connectivity-item-enhanced .connectivity-info .connectivity-details .distance-time-info .time{font-size:1.4rem;font-weight:300;color:#545454}.location-collaterals .connectivites-section .add-connectivity-section{border:1px solid #D6D4E0;fill:#fff;box-shadow:0 4px 20px #0000001a;margin:2rem 1rem 0;padding:0 2rem 4rem;border-radius:4px}.location-collaterals .connectivites-section .connectivity-types-section{margin:24px 0}.location-collaterals .connectivites-section .connectivity-types-section .connectivity-types-label{display:flex;align-items:center;gap:8px;font-size:1.4rem;font-weight:400;color:#2d2d2d;margin:0 -4px 16px;padding-bottom:12px;padding-left:8px;border-bottom:1px solid #D6D4E0}.location-collaterals .connectivites-section .connectivity-types-section .connectivity-types-label .label-icon{font-size:18px}.location-collaterals .connectivites-section .connectivity-types-section .connectivity-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1rem}.location-collaterals .connectivites-section .connectivity-types-section .connectivity-grid .connectivity-card{display:flex;aspect-ratio:1;flex-direction:column;align-items:center;justify-content:center;padding:4px 3px;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;transition:all .2s ease;background:#fff;max-width:100%;overflow:hidden}.location-collaterals .connectivites-section .connectivity-types-section .connectivity-grid .connectivity-card:hover{border-color:#e0eef1;background-color:#f4f4f2}.location-collaterals .connectivites-section .connectivity-types-section .connectivity-grid .connectivity-card.selected{border-color:#21566d;background:linear-gradient(135deg,#eff6ff,#dbeafe)}.location-collaterals .connectivites-section .connectivity-types-section .connectivity-grid .connectivity-card.selected .connectivity-card-label{color:#2d2d2d;font-weight:600}.location-collaterals .connectivites-section .connectivity-types-section .connectivity-grid .connectivity-card .connectivity-card-icon{width:2.4rem;height:2.4rem;object-fit:contain;margin-bottom:2px;flex-shrink:0}.location-collaterals .connectivites-section .connectivity-types-section .connectivity-grid .connectivity-card .connectivity-card-label{font-size:1.2rem;font-weight:500;color:#2d2d2d;text-align:center;line-height:1.1;overflow:hidden;margin-top:4px;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.location-collaterals .connectivites-section .add-connectivity-btn{display:flex;align-items:center;margin-left:auto;gap:8px;background:#fff;color:#21566d;border:none;padding:1.25rem 2rem;border-radius:8px;font-size:1.4rem;font-weight:600;cursor:pointer;border:1px solid #A4CBD4;transition:all .3s ease;margin-top:20px}.location-collaterals .connectivites-section .add-connectivity-btn:hover:not(:disabled){background:#e0eef1;border:1px solid #21566d}.location-collaterals .connectivites-section .add-connectivity-btn:disabled{background:#fff;cursor:not-allowed;transform:none;box-shadow:none;border:1px solid #A4CBD4;color:#a4cbd4}.location-collaterals .connectivites-section .connectivity-form{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:16px}.location-collaterals .connectivites-section .connectivity-form>div label{display:block;margin-bottom:8px;font-size:14px;color:#555}.location-collaterals .connectivites-section .connectivity-form>div input{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px}.location-collaterals .connectivites-section>button{background:#3498db;color:#fff;border:none;padding:8px 16px;border-radius:4px;font-size:14px;cursor:pointer}.location-collaterals .connectivites-section>button:hover{background:#2980b9}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.location-collaterals .submit-section{display:flex;justify-content:flex-end}.location-collaterals .error-message{color:#e74c3c;font-size:12px;margin-top:4px;display:block}.unit-information{margin:0 auto;padding:1rem;padding-top:0;font-family:Inter,sans-serif}.unit-information .section-title{font-size:2rem;font-weight:500;color:#c6d4c2;margin-bottom:2rem;margin-left:-1rem}.unit-information .heading{font-size:1.4rem;padding-bottom:1.5rem;font-weight:500;color:#2d2d2d;margin-bottom:2.6rem;border-bottom:1px solid #D6D4E0}.unit-information .header{margin-bottom:2rem}.unit-information .header h1{font-size:2rem;font-weight:700;color:#2d2d2d;margin-bottom:.5rem}.unit-information .header p{font-size:1rem;color:#666}.unit-information .unit-form{background:#fff;border-radius:12px;margin-bottom:2rem;box-shadow:0 2px 10px #0000000d;border:1px solid #eaeaea}.unit-information .unit-form .form-heading{font-size:1.4rem;font-weight:500;color:#2d2d2d;margin-bottom:1rem;width:100%;border-bottom:1px solid #C6D4C2;padding:3rem 0 2rem 3rem}.unit-information .unit-form h3{font-size:1.2rem;font-weight:500;color:#333;margin-bottom:1rem}.unit-information .unit-form .image-info-row{margin-bottom:2rem;padding:0rem 4rem 2rem}.unit-information .unit-form .image-info-row h3{font-size:1.4rem;color:#545454;margin-left:-1rem;padding-bottom:1rem}.unit-information .unit-form .image-info-row .image-upload-section,.unit-information .unit-form .image-info-row .basic-info-section{flex:1}.unit-information .unit-form .image-info-row .upload-area{position:relative}.unit-information .unit-form .image-info-row .upload-area:hover{border-color:#5d9db0;background-color:#e0eef1}.unit-information .unit-form .image-info-row .upload-area .image-preview{position:relative;width:100%;height:auto}.unit-information .unit-form .image-info-row .upload-area .image-preview img{width:100%;height:auto;display:block;transition:opacity .2s ease}.unit-information .unit-form .image-info-row .upload-area .image-preview:hover img{opacity:.3}.unit-information .unit-form .image-info-row .upload-area .image-preview .change-image-btn{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#d645501a;border:1px solid #D64550;border-radius:4px;color:#d64550;font-size:1.8rem;font-weight:500;cursor:pointer;opacity:0;transition:opacity .2s ease}.unit-information .unit-form .image-info-row .upload-area .image-preview .change-image-btn:hover{opacity:1}.unit-information .unit-form .image-info-row .upload-area .image-preview .change-image-btn p{display:flex;align-items:center}.unit-information .unit-form .image-info-row .upload-area .image-preview:hover .change-image-btn{opacity:1}.unit-information .unit-form .image-info-row .upload-area .upload-prompt{font-size:1.6rem;flex-direction:column;align-items:center;gap:.5rem;height:200px;font-weight:500;cursor:pointer;color:#21566d;display:flex;border:1px solid #5D9DB0;background-color:#e0eef1;border-radius:4px;text-align:center;transition:all .2s;justify-content:center;position:relative}.unit-information .unit-form .image-info-row .upload-area .upload-prompt:hover{opacity:80%}.unit-information .unit-form .image-info-row .upload-area .upload-prompt svg{color:#21566d;margin-bottom:1rem}.unit-information .unit-form .image-info-row .upload-area .upload-prompt .hint{font-size:1rem;color:#21566d;font-weight:500}.unit-information .unit-form .basic-info-section{margin-bottom:2rem;padding:0rem 4rem 2rem}.unit-information .unit-form .basic-info-section h3{font-size:1.4rem;color:#545454;margin-left:-1rem;padding-bottom:1rem}.unit-information .unit-form .basic-info-section .input-group{position:relative;margin-top:8px;width:100%;margin-top:3rem}.unit-information .unit-form .basic-info-section .input-group .input-field{padding:.75rem 1rem .75rem 2rem;border:1px solid #D8D8D8;border-radius:5px;font-size:1.6rem;transition:all .2s ease;height:5.5rem;outline:none;background-color:transparent}.unit-information .unit-form .basic-info-section .input-group .input-field:-webkit-autofill,.unit-information .unit-form .basic-info-section .input-group .input-field:-webkit-autofill:hover,.unit-information .unit-form .basic-info-section .input-group .input-field:-webkit-autofill:focus,.unit-information .unit-form .basic-info-section .input-group .input-field:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px white inset!important;box-shadow:0 0 0 30px #fff inset!important;-webkit-text-fill-color:inherit!important;transition:background-color 5000s ease-in-out 0s}.unit-information .unit-form .basic-info-section .input-group .input-field:focus+.input-label,.unit-information .unit-form .basic-info-section .input-group .input-field:not(:placeholder-shown)+.input-label{transform:translateY(-30px) translate(-4px) scale(.85);color:#d8d8d8;background-color:#fff;padding:0 8px;font-weight:400;left:8px}.unit-information .unit-form .basic-info-section .input-group .input-label{position:absolute;left:1.6rem;top:50%;transform:translateY(-50%);color:#d6d4e0;font-size:1.6rem;transition:all .2s ease;pointer-events:none;transform-origin:left top;background-color:transparent;z-index:1}.unit-information .unit-form .basic-info-section .input-group .error{color:#e53e3e;font-size:12px;margin-top:.5rem;display:block}.unit-information .unit-form .configuration-row{margin-bottom:2rem;padding:2rem 4rem}.unit-information .unit-form .configuration-row h3{font-size:1.4rem;color:#545454;margin-left:-1rem;padding-bottom:1rem}.unit-information .unit-form .configuration-row .layout-options{display:flex;grid-template-columns:repeat(auto-fill,minmax(74px,4fr));gap:.75rem;flex-wrap:wrap}.unit-information .unit-form .configuration-row .layout-options .layout-option{padding:1rem 2rem;border:1px solid #D6D4E0;border-radius:1rem;background:#fafafa;cursor:pointer;transition:all .2s;font-size:1.6rem;text-align:center;color:#545454}.unit-information .unit-form .configuration-row .layout-options .layout-option:hover{border-color:#5d9db0}.unit-information .unit-form .configuration-row .layout-options .layout-option.active{background-color:#21566d;color:#fff;border-color:#21566d;font-weight:500}.unit-information .unit-form .actions{width:100%;border-top:1px solid #C6D4C2;padding-top:3rem}.unit-information .unit-form .add-unit-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 1.5rem;margin-right:1rem;background-color:#fff;border:1px solid #21566d;color:#21566d;border-radius:4px;font-weight:500;font-size:1.4rem;transition:all .2s;margin-left:auto;margin-bottom:4rem;margin-right:4rem;cursor:pointer}.unit-information .unit-form .add-unit-btn:hover{background-color:#21566d;color:#fff}.unit-information .units-grid{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:1.5rem}.unit-information .unit-card{background:#fff;border:1px solid #C6D4C2;border-radius:12px;overflow:hidden;transition:all .2s;position:relative}.unit-information .unit-card .remove-btn{position:absolute;top:calc(50% - 3rem);right:3rem;color:#f1bcc0;height:6rem;width:6rem;display:flex;align-items:center;border:none;z-index:10;padding:2rem;background-color:#fff}.unit-information .unit-card .remove-btn svg{width:4rem;height:4rem;color:#d64550}.unit-information .unit-card .remove-btn:hover{color:#d64550;cursor:pointer;background-color:#f7dadc;border-radius:1rem}.unit-information .unit-card .card-content{padding:1rem;display:flex;flex-direction:row;gap:1.5rem;position:relative}.unit-information .unit-card .card-content .unit-image img{width:10rem;height:10rem;object-fit:cover;border-radius:1rem;border:1px solid #C6D4C2}.unit-information .unit-card .card-content .unit-details{flex:1;display:flex;flex-direction:column;justify-content:center;gap:.25rem;margin-left:0rem}.unit-information .unit-card .card-content .unit-details .unit-layout{display:flex;gap:.5rem;font-size:1.8rem;font-weight:600;color:#2d2d2d;align-items:center}.unit-information .unit-card .card-content .unit-details .unit-area{font-size:1.8rem;font-weight:300;color:#2d2d2d}.unit-information .unit-card .card-content .unit-details .units-available,.unit-information .unit-card .card-content .unit-details .starting-at{font-size:1.4rem;color:#545454;font-weight:300}.unit-information .unit-card .card-content .unit-details .detail{display:flex;gap:.5rem;align-items:center;color:#2d2d2d}.unit-information .unit-card .card-content .unit-details .detail span{font-size:1.2rem;color:#545454}.unit-information .units-list{background:#fff;border-radius:12px;margin-bottom:2rem}.unit-information .units-list .list-header{margin-bottom:1.5rem;display:none}.unit-information .units-list .list-header h2{font-size:1.4rem;font-weight:600;color:#333}.unit-information .action-buttons{display:flex;justify-content:flex-end}.unit-information .action-buttons .next-btn{padding:1rem 2rem;background-color:#3b82f6;color:#fff;border:none;border-radius:8px;font-weight:500;font-size:1rem;transition:all .2s}.unit-information .action-buttons .next-btn:hover{background-color:#2563eb}.unit-information .action-buttons .next-btn:disabled{background-color:#cbd5e1;cursor:not-allowed}.team-contacts{margin:0 auto}.team-contacts .section-title{font-size:2rem;font-weight:500;color:#c6d4c2;margin-left:-.75rem;padding-bottom:2rem}.team-contacts .section-description{color:#d6d4e0;font-size:1rem;margin-bottom:2rem;line-height:1.6}.team-contacts .payment-milestones{background:#fff;border-radius:1rem;padding:0 1rem;margin-bottom:2.5rem}.team-contacts .payment-milestones .booking-amount{border-radius:.75rem;padding:.75rem 1.25rem}.team-contacts .payment-milestones .booking-amount .amount-header .label{font-size:1.1rem;font-weight:500;color:#545454}.team-contacts .payment-milestones .new-milestone-form{background:#fff;border:1px solid #D6D4E0;border-radius:4px;padding:2rem;margin-bottom:2rem;transition:all .3s ease}.team-contacts .payment-milestones .new-milestone-form .bottom{display:flex;flex-direction:row-reverse;align-items:flex-end}.team-contacts .payment-milestones .new-milestone-form .bottom .add-btn{height:fit-content;align-self:end;margin:2.8rem 0 1rem;margin-left:auto}.team-contacts .payment-milestones .new-milestone-form .bottom p{font-size:1.4rem;color:#545454;font-weight:500}.team-contacts .payment-milestones .new-milestone-form h4{color:#2d2d2d;font-weight:500;font-size:1.4rem;margin:0 -.75rem 2rem;padding-bottom:1.25rem;padding-left:.75rem;border-bottom:1px solid #D6D4E0}.team-contacts .payment-milestones .new-milestone-form .input-groups{display:flex;flex-direction:row;width:100%;gap:1rem}.team-contacts .payment-milestones .new-milestone-form .input-groups .floating-input{width:100%}.team-contacts .payment-milestones .new-milestone-form .form-grid{display:flex;flex-direction:column;gap:1rem}.team-contacts .payment-milestones .new-milestone-form .form-grid .input-row{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;align-items:end}@media (max-width: 768px){.team-contacts .payment-milestones .new-milestone-form .form-grid .input-row{grid-template-columns:1fr;gap:1rem}}.team-contacts .payment-milestones .new-milestone-form .grid{gap:1.25rem;display:flex!important}.team-contacts .payment-milestones .milestones-table{border:1px solid #D6D4E0;margin-bottom:20px;border-radius:4px}.team-contacts .payment-milestones .milestones-table :nth-child(odd){background-color:#f4f4f2}.team-contacts .payment-milestones .milestones-table .table-header{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;font-weight:600;color:#2d3748;border-bottom:2px solid #e2e8f0;background:#f8fafc;border-radius:.5rem .5rem 0 0;margin:0 -.5rem;padding:1rem .5rem}.team-contacts .payment-milestones .milestones-table .milestone-row{display:flex;gap:1.25rem;align-items:center;padding:1.25rem 1.25rem 1.25rem 2rem;font-size:1.6rem;border-bottom:1px solid #D6D4E0;transition:background-color .2s ease}.team-contacts .payment-milestones .milestones-table .milestone-row :nth-child(odd){background-color:transparent}.team-contacts .payment-milestones .milestones-table .milestone-row .row-actions{display:flex;justify-content:flex-end;gap:.75rem}.team-contacts .payment-milestones .milestones-table .completion-date{margin-top:2rem;background:#f8fafc;padding:1.25rem;border-radius:.75rem;border:1px solid #e2e8f0}.team-contacts .payment-milestones .milestones-table .completion-date .info-label{font-weight:600;margin-bottom:.75rem;color:#2d3748;font-size:1.1rem}.team-contacts .payment-milestones .milestones-table :last-child{border-bottom:0px solid #edf2f7}.team-contacts .completion-section{background:#fff;border-radius:1rem;padding:2rem 1rem 5rem;border:none}.team-contacts .commission-slabs{background:#fff;border-radius:1rem;padding:2rem 1rem 5rem;transition:all .3s ease}.team-contacts .commission-slabs .info-details{color:#4a5568;font-size:1rem;margin:0 -1rem 2rem;padding:1.25rem;border-radius:.75rem;gap:2rem}.team-contacts .commission-slabs .info-details span{font-weight:600;color:#2d3748}.team-contacts .commission-slabs .new-slab-form{background:#fff;border:1px solid #D6D4E0;border-radius:4px;padding:2rem;margin-bottom:2rem;transition:all .3s ease}.team-contacts .commission-slabs .new-slab-form .bottom{display:flex;flex-direction:row-reverse;align-items:flex-end}.team-contacts .commission-slabs .new-slab-form .bottom .add-btn{height:fit-content;align-self:end;margin:2.8rem 0 1rem;margin-left:auto}.team-contacts .commission-slabs .new-slab-form .bottom p{font-size:1.4rem;color:#545454;font-weight:500}.team-contacts .commission-slabs .new-slab-form .input-groups{display:flex;flex-direction:row;width:100%;gap:1rem}.team-contacts .commission-slabs .new-slab-form .input-groups .floating-input{width:100%}.team-contacts .commission-slabs .new-slab-form h4{color:#2d2d2d;font-weight:500;font-size:1.4rem;margin:0 -.75rem 2rem;padding-bottom:1.25rem;padding-left:.75rem;border-bottom:1px solid #D6D4E0}.team-contacts .commission-slabs .new-slab-form .form-grid{display:flex;flex-direction:column;gap:1rem}.team-contacts .commission-slabs .new-slab-form .form-grid .input-row{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;align-items:end}.team-contacts .commission-slabs .new-slab-form .form-grid .input-row .add-btn{height:fit-content;align-self:end}@media (max-width: 768px){.team-contacts .commission-slabs .new-slab-form .form-grid .input-row{grid-template-columns:1fr;gap:1rem}}.team-contacts .commission-slabs .new-slab-form .grid{gap:1.25rem}.team-contacts .commission-slabs .commission-table{border:1px solid #D6D4E0;margin-bottom:20px;border-radius:4px}.team-contacts .commission-slabs .commission-table :nth-child(odd){background-color:#f4f4f2}.team-contacts .commission-slabs .commission-table .table-header{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;font-weight:600;color:#2d3748;border-bottom:2px solid #e2e8f0;background:#f8fafc;border-radius:.5rem .5rem 0 0;margin:0 -.5rem;padding:1rem .5rem}.team-contacts .commission-slabs .commission-table .milestone-row{display:flex;gap:1.25rem;align-items:center;padding:1.25rem 1.25rem 1.25rem 2rem;font-size:1.6rem;border-bottom:1px solid #D6D4E0;transition:background-color .2s ease}.team-contacts .commission-slabs .commission-table .milestone-row :nth-child(odd){background-color:transparent}.team-contacts .commission-slabs .commission-table .milestone-row .row-actions{display:flex;justify-content:flex-end;gap:.75rem}.team-contacts .commission-slabs .commission-table .completion-date{margin-top:2rem;background:#f8fafc;padding:1.25rem;border-radius:.75rem;border:1px solid #e2e8f0}.team-contacts .commission-slabs .commission-table .completion-date .info-label{font-weight:600;margin-bottom:.75rem;color:#2d3748;font-size:1.1rem}.team-contacts .commission-slabs .commission-table :last-child{border-bottom:0px solid #edf2f7}.team-contacts .empty-state{border:2px dashed #cbd5e0;border-radius:.75rem;padding:2rem;margin-bottom:2rem;text-align:center;background:linear-gradient(135deg,#f7fafc,#edf2f7);color:#718096;font-size:1rem}.team-contacts .empty-state:before{content:"📋";display:block;font-size:2rem;margin-bottom:.5rem}.team-contacts .form-actions{display:flex;justify-content:space-between;gap:1rem;margin-top:3rem;padding-top:2rem;border-top:2px solid #e2e8f0}.team-contacts .form-actions .back-btn{padding:.875rem 1.75rem;background-color:#fff;color:#4a5568;border:2px solid #e2e8f0;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .2s;font-size:1rem}.team-contacts .form-actions .back-btn:hover{background-color:#f7fafc;border-color:#cbd5e0;transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a}.team-contacts .form-actions .submit-btn{padding:.875rem 1.75rem;background:linear-gradient(135deg,#4299e1,#3182ce);color:#fff;border:none;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .2s;font-size:1rem}.team-contacts .form-actions .submit-btn:hover{background:linear-gradient(135deg,#3182ce,#2c5282);transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a}.team-contacts .form-actions .submit-btn:disabled{background:#a0aec0;cursor:not-allowed;transform:none;box-shadow:none}.team-contacts .add-btn,.team-contacts .add-slab-btn{display:inline-flex;align-items:center;justify-content:center;padding:1rem 1.25rem;background:#fff;color:#21566d;border:1px solid #5D9DB0;border-radius:.5rem;font-weight:500;cursor:pointer;transition:all .2s;font-size:1.4rem;margin-left:auto;right:0}.team-contacts .add-btn:hover:not(:disabled),.team-contacts .add-slab-btn:hover:not(:disabled){background:#e0eef1;border-color:#21566d}.team-contacts .add-btn:disabled,.team-contacts .add-slab-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.team-contacts .add-btn:before,.team-contacts .add-slab-btn:before{content:"+";margin-right:.5rem;font-weight:700;font-size:1.1rem}.team-contacts .reset-btn{padding:.5rem;background:transparent;color:#f1bcc0;border:0px solid #feb2b2;border-radius:.375rem;font-size:2rem;height:100%;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.team-contacts .reset-btn:hover{color:#d64550}.team-contacts .text-red-500{color:#e53e3e;font-weight:600}.team-contacts .text-blue-500{color:#3182ce;font-weight:600}.team-contacts .text-green-500{color:#38a169;font-weight:600}.team-contacts .loading{opacity:.7;pointer-events:none}@media (max-width: 768px){.team-contacts{padding:1rem}.team-contacts .payment-milestones,.team-contacts .commission-slabs{padding:1.25rem}.team-contacts .new-milestone-form .grid,.team-contacts .new-slab-form .grid{grid-template-columns:1fr;gap:1rem}.team-contacts .milestones-table .table-header,.team-contacts .milestones-table .milestone-row,.team-contacts .slabs-table .table-header,.team-contacts .slabs-table .slab-row{grid-template-columns:1fr;gap:.75rem;text-align:left}.team-contacts .form-actions{flex-direction:column-reverse;gap:.75rem}}.d-flex{display:flex}.rightModal__wrapper:has(.add-project-modal){padding:0 24px;height:100%;scrollbar-width:none;-ms-overflow-style:none}.add-project-modal{padding:0;display:flex;flex-direction:column;height:100%}.add-project-modal .modal-header{display:flex;background-color:#fff;justify-content:space-between;align-items:center;padding-bottom:2.2rem;padding-top:4rem;position:sticky;top:0;z-index:100;border-bottom:1px solid #D6D4E0}.add-project-modal .modal-header .modal-title{font-size:2rem;font-weight:300;color:#2d2d2d;margin:0}.add-project-modal .modal-header .close-btn{background:none;border:none;cursor:pointer;padding:4px 4px 0;border-radius:4px;transition:background-color .2s;margin-bottom:0}.add-project-modal .modal-header .close-btn:hover{background-color:#f4f4f2}.add-project-modal .modal-header .close-btn svg{width:2.4rem;height:2.4rem}.add-project-modal .stepper{margin-bottom:5rem;flex-shrink:0;width:100%;padding:5.2rem 4% 0;align-items:flex-end;background-color:#fff}.add-project-modal .stepper .step-container{display:flex;align-items:end;justify-content:space-between;position:relative}.add-project-modal .stepper .step-container .step{display:flex;flex-direction:column-reverse;align-items:center;gap:1rem;z-index:2;width:16rem}.add-project-modal .stepper .step-container .step .step-circle{width:2.4rem;height:2.4rem;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff;border:2px solid #D6D4E0;font-weight:500;font-size:14px;transition:all .3s ease}.add-project-modal .stepper .step-container .step .step-circle img{width:100%;height:100%;object-fit:contain}.add-project-modal .stepper .step-container .step .step-label{font-size:1.4rem;color:#545454;font-weight:300;text-align:center}.add-project-modal .stepper .step-container .step.active .step-circle{background:#fff;border:2px solid #4CAF50;color:#fff}.add-project-modal .stepper .step-container .step.active .step-label{color:#2d2d2d;font-weight:500}.add-project-modal .stepper .step-container .step.completed .step-circle{background:#fff;border:0px solid #4CAF50;color:#fff}.add-project-modal .stepper .step-container .step.completed .step-label{color:#4caf50;font-weight:500}.add-project-modal .stepper .step-container .step-connector{flex:1;height:2px;bottom:0;z-index:1;margin-bottom:1.1rem;margin-left:-6.5rem;margin-right:-6.5rem;left:5rem}.add-project-modal .stepper .step-container .step-connector .connector-line{height:100%;border-top:2px dotted #D6D4E0;transition:all .3s ease}.add-project-modal .stepper .step-container .step-connector .connector-line.active{background:#4caf50;border-top:0px}.add-project-modal .modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:1.5rem;padding:2.5rem 2rem 2.25rem;margin-left:-24px;width:calc(100% + 48px);border-top:1px solid #D6D4E0;background-color:#fff;flex-shrink:0;margin-top:auto;position:sticky;bottom:0rem;right:1rem;z-index:80}.add-project-modal .modal-footer .checkbox-container{margin-right:auto;height:100%;display:flex;margin-left:4rem}.add-project-modal .modal-footer .checkbox-container .send-notification-label{font-size:1.6rem;color:#2d2d2d;font-weight:400;gap:.8rem;display:flex;align-items:center;justify-content:center;margin-right:auto;cursor:pointer}.add-project-modal .modal-footer .checkbox-container .send-notification-label .checked{color:#21566d;font-weight:500}.add-project-modal .modal-footer .checkbox-container .send-notification-label input[type=checkbox]{width:1.8rem;height:1.8rem;cursor:pointer}.add-project-modal .modal-footer .checkbox-container .send-notification-label input[type=checkbox] :hover{accent-color:#21566d}.add-project-modal .modal-footer .checkbox-container .send-notification-label input[type=checkbox]:checked{accent-color:#21566d}.add-project-modal .modal-footer .cancel-btn{padding:1.25rem 2.5rem;background:#fff;color:#d64550;border:1px solid #F1BCC0;border-radius:1rem;font-size:1.6rem;font-weight:500;cursor:pointer;transition:all .2s ease}.add-project-modal .modal-footer .cancel-btn:hover{background:#f7dadc;border-color:#eca4aa}.add-project-modal .modal-footer .next-btn{padding:1.25rem 2.5rem;background:#21566d;color:#fff;border:none;border-radius:8px;font-size:1.6rem;font-weight:500;cursor:pointer;transition:all .2s ease}.add-project-modal .modal-footer .next-btn:hover{background:#5d9db0}.add-project-modal .modal-footer .next-btn:disabled{background:#a4cbd4;cursor:not-allowed}.add-project-modal .form-row{display:flex;gap:20px;padding-top:24px}.add-project-modal .form-row .form-group{flex:1}.add-project-modal .input-group{position:relative;margin-top:8px}.add-project-modal .input-group .input-field{padding:.75rem 1rem .75rem 2rem;border:1px solid #D8D8D8;border-radius:5px;font-size:1.6rem;transition:all .2s ease;height:5.5rem;outline:none;background-color:transparent}.add-project-modal .input-group .input-field:-webkit-autofill,.add-project-modal .input-group .input-field:-webkit-autofill:hover,.add-project-modal .input-group .input-field:-webkit-autofill:focus,.add-project-modal .input-group .input-field:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px white inset!important;box-shadow:0 0 0 30px #fff inset!important;-webkit-text-fill-color:inherit!important;transition:background-color 5000s ease-in-out 0s}.add-project-modal .input-group .input-field:focus+.input-label,.add-project-modal .input-group .input-field:not(:placeholder-shown)+.input-label{transform:translateY(-30px) translate(-4px) scale(.85);color:#d8d8d8;background-color:#fff;padding:0 8px;font-weight:400;left:8px}.add-project-modal .input-group .input-label{position:absolute;left:1.6rem;top:50%;transform:translateY(-50%);color:#d6d4e0;font-size:1.6rem;transition:all .2s ease;pointer-events:none;transform-origin:left top;background-color:transparent;z-index:1}.add-project-modal .input-group .error{color:#d64550;font-size:12px;margin-top:.5rem;display:block}.editForm__form-content{flex:1;overflow-y:auto;padding:3rem 0;position:relative}.editForm__footer{position:sticky;bottom:0;background-color:#fff;border-top:1px solid #e0e0e0;padding:1.5rem 0;z-index:10;display:flex;justify-content:flex-end;gap:2rem}.editForm__steps{display:flex;align-items:center;justify-content:space-between;margin:2rem 0;position:relative;top:0}.editForm__steps .editForm__step{display:flex;flex-direction:column;align-items:center;position:relative;flex:1}.editForm__steps .editForm__step .editForm__step--label{font-size:1.4rem;font-weight:500;color:#a0a0a0;margin-bottom:.5rem;transition:all .3s ease}.editForm__steps .editForm__step .editForm__step--label.active{color:#000;font-weight:600}.editForm__steps .editForm__step .editForm__step--label.completed{color:#4caf50;font-weight:600}.editForm__steps .editForm__step .editForm__step--circle{width:20px;height:20px;border-radius:50%;border:2px solid #ccc;background-color:#fff;display:flex;align-items:center;justify-content:center;z-index:1;transition:all .3s ease}.editForm__steps .editForm__step .editForm__step--circle.active{border-color:#4caf50}.editForm__steps .editForm__step .editForm__step--circle.completed{background-color:#4caf50;color:#fff;border-color:#4caf50}.editForm__steps .editForm__step .editForm__step--line{position:absolute;top:9px;left:50%;width:100%;height:2px;background-color:#ccc;z-index:0;transform:translate(10px);transition:all .3s ease}.editForm__steps .editForm__step .editForm__step--line.completed{background-color:#4caf50}.editForm__steps .editForm__step:last-child .editForm__step--line{display:none}.project__sidebar{background-color:#fafafa;z-index:50;padding:2rem;width:28rem!important;border-radius:10px;height:100%;overflow:hidden;border:1px solid #e0e0e0}.project__sidebar--content,.project__sidebar--header{display:flex;flex-direction:column;gap:2rem}.project__sidebar--header-container{display:flex;justify-content:space-between;align-items:center}.project__sidebar--heading{font-size:2.4rem;font-weight:500;color:#2d2d2d}.project__item{display:flex;flex-direction:column;gap:1rem}.project__items{padding:0rem}.project__items--container{display:flex;flex-direction:column;gap:2rem;padding:1.5rem 0rem 0rem;overflow:scroll;height:calc(100dvh - 28rem);padding-bottom:20px;scrollbar-width:none;-ms-overflow-style:none}.project__items--container::-webkit-scrollbar{display:none}.project__items--link{display:flex;width:100%;align-items:center;gap:1rem;padding:1.25rem 1.5rem;border-radius:1rem;cursor:pointer;color:#2d2d2d;transition:all .2s ease}.project__items--link--active{background-color:#21566d;color:#fff}.sidebar__empty{text-align:center;color:#545454;font-size:1.4rem;margin-top:2rem}.project__item--icon{width:2.4rem;height:2.4rem;flex-shrink:0}.icon-active{filter:brightness(0) invert(1)}.project__dropdown-btn{width:100%;display:flex;align-items:center;justify-content:space-between;background-color:transparent;border:none;margin:.25rem 0rem;padding:0 1rem;cursor:pointer}.project__dropdown-btn .body-font{font-size:1.6rem;color:#2d2d2d;font-weight:500}.project__dropdown-chevron{width:1.2rem;height:1.2rem;fill:#545454;transition:transform .3s ease}.project__add-btn{display:flex;color:#21566d;align-items:center;justify-content:center;gap:.75rem;font-weight:500}.project__add-btn--custom{width:100%;background-color:#e0eef1!important;color:#000!important;border:1px solid #21566D!important;box-shadow:none!important;border-radius:8px!important}.project__toggle{display:flex;border:1px solid #ddd;border-radius:12px;overflow:hidden;background-color:#e0eef1}.project__toggle-btn{padding:.5rem 1.5rem;cursor:pointer;background-color:transparent;color:#333;font-weight:400;border:none;flex:1;transition:all .3s ease}.project__toggle-btn.active{background-color:#21566d;color:#fff}.icon__search{width:2rem;height:2rem;color:#2d2d2d;cursor:pointer}.icon-plus{margin-right:0rem;width:2rem}.icon-plus path{fill:#21566d}.sidebar__wrapper{height:100%;display:flex;width:24rem}.sidebar__wrapper--expanded{height:100%;display:flex;width:44rem}.sidebar{display:flex;background-color:#fff;height:100%;border-radius:1rem;gap:2rem;padding:1rem;position:relative}.sidebar__nav{width:22rem;padding:1rem 0rem;display:flex;flex-direction:column;height:100%}.sidebar__logo{border-bottom:1px solid #D6D4E0;margin-bottom:2.5rem;display:flex;justify-content:center;align-items:center;padding:.8rem 0 2.5rem}.sidebar__logo .link{display:flex;justify-content:center;align-items:center}.sidebar__logo--icon{width:32px;height:32px}.sidebar__logo--text{font-size:20px;color:#21566d;font-weight:500;margin-left:8px}.sidebar__content{display:flex;flex-direction:column;flex-grow:1}.sidebar__links{position:relative;display:flex;flex-direction:column;gap:.8rem;padding:0}.sidebar__divider{height:1px;background-color:#d6d4e0;margin:1.5rem 1rem}.sidebar__item{position:relative;z-index:10;display:flex;align-items:center;gap:1.5rem;padding:1.25rem 2.25rem;border-radius:1.2rem;transition:all .6s ease;color:#2d2d2d;font-weight:500;font-size:16px;cursor:pointer}.sidebar__item--icon{width:2.4rem;height:2.4rem;flex-shrink:0;transition:filter .6s ease}.sidebar__item.active{color:#fff;background-color:#21566d}.sidebar__item.active .sidebar__item--icon{filter:brightness(0) invert(1)}.sidebar__user{padding:2rem 0 0 1rem;border-top:1px solid #D6D4E0;background-color:#fff;bottom:0;left:1rem;display:flex;align-items:center;gap:1rem;width:100%;cursor:pointer;transition:background-color .2s;z-index:10}.sidebar__user:hover{background-color:#fff}.sidebar__user--avatar{width:4rem;height:4rem;border-radius:50%;border:1px solid #D6D4E0;object-fit:cover}.sidebar__user--text{color:#4b5563;font-size:1.6rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.active-highlight{display:none}@media (max-width: 1536px){.sidebar__wrapper{width:22rem}.sidebar__wrapper--expanded{width:46rem}.sidebar__nav{width:22rem}}@media (max-width: 1280px){.sidebar__wrapper{width:22rem}.sidebar__wrapper--expanded{width:46rem}.sidebar__nav{width:22rem}}@media (max-width: 1024px){.sidebar__wrapper{width:22rem}.sidebar__wrapper--expanded{width:46rem}.sidebar__nav{width:22rem}}.header{border-bottom:1px solid #C6D4C2;position:sticky;top:0;background-color:#fff;z-index:10}.header__padding{padding:2rem}.header__no-bottom-padding{padding:2rem 2rem 0}.rightModal{position:fixed;top:0;right:0;bottom:0;left:0;padding:1.25rem;z-index:50;display:flex;justify-content:end;background-color:#3131312e}.rightModal__wrapper{width:45%;max-width:100%;height:100%;padding:4rem;background-color:#fff;overflow-y:auto;box-shadow:0 0 10px #0000001a;scrollbar-width:none;-ms-overflow-style:none;position:relative}.rightModal__wrapper::-webkit-scrollbar{display:none}.rightModal__close-btn{position:absolute;top:1rem;right:2rem;background:none;border:none;cursor:pointer;color:#2d2d2d;z-index:10;padding:.5rem}.rightModal__close-btn:hover{color:#21566d}.centerModal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background-color:#0000004d;display:flex;align-items:center;justify-content:center}.centerModal__wrapper{background-color:#fff;width:100%;max-width:55rem;overflow:hidden;padding:2rem}.centerModal__close{display:flex;justify-content:flex-end}.centerModal__content{padding:2rem}.alert-box{display:flex;align-items:flex-start;gap:.8rem;padding:1.2rem 1.6rem;border-radius:.8rem;font-size:1.4rem;line-height:1.6;font-style:italic}.alert-box__icon{font-size:1.6rem;margin-top:.2rem}.alert-box__text{flex:1}.alert-box--success{background-color:#4caf501a;color:#4caf50}.alert-box--success .alert-box__icon{color:#4caf50}.alert-box--warning{background-color:#fefce8;color:#92400e}.alert-box--warning .alert-box__icon{color:#92400e}.alert-box--danger{background-color:#fef2f2;color:#991b1b}.alert-box--danger .alert-box__icon{color:#991b1b}.option-selector{display:flex}.option-selector__wrapper{display:flex;position:relative;gap:12px;overflow:hidden}.option-selector__option{white-space:nowrap;padding:.8rem 2rem;background:#fff;border:1px solid #e0e0e0;cursor:pointer;position:relative;font-weight:500;color:#2d2d2d;transition:color .3s ease}.option-selector__option.active{color:#21566d;border:1px solid #21566d;background-color:#e0eef1}.floating-input{position:relative;margin-top:8px;cursor:pointer}.floating-input__label{position:absolute;left:1.6rem;top:50%;transform:translateY(-50%);color:#d6d4e0;font-size:1.6rem;transition:all .2s ease;pointer-events:none;transform-origin:left top;background-color:transparent;z-index:1}.floating-input__field{width:100%;padding:.75rem 1rem .75rem 2rem;border:1px solid #D8D8D8;border-radius:5px;font-size:1.6rem;transition:all .2s ease;height:5.5rem;outline:none;background-color:transparent}.floating-input.active .floating-input__label{transform:translateY(-3.75rem) translate(-4px) scale(.85);color:#d8d8d8;background-color:#fff;padding:0 8px;font-weight:400;left:8px}.floating-textarea{position:relative;margin-top:8px}.floating-textarea__label{position:absolute;left:1.6rem;top:20px;transform:translateY(-50%);color:#d6d4e0;font-size:1.6rem;transition:all .2s ease;pointer-events:none;transform-origin:left top;background-color:transparent;z-index:1}.floating-textarea__field{width:100%;padding:.75rem 1rem .75rem 2rem;border:1px solid #D8D8D8;border-radius:5px;font-size:1.6rem;transition:all .2s ease;resize:none;outline:none;background-color:transparent}.floating-textarea.active .floating-textarea__label{transform:translateY(-30px) translate(-4px) scale(.85);color:#d8d8d8;background-color:#fff;padding:0 8px;font-weight:400;left:8px}.user-item{border-radius:1rem;border:1px solid #E0E0E0;background-color:#fff;padding:2rem 3rem;margin-bottom:1rem;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;justify-content:center}.user-item:hover{border-color:#d1d5db}.user-item--active{background-color:#e0eef1;border-color:#21566d}.user-item--active:hover{border-color:#21566d}.user-item__header{display:flex;align-items:center;margin-bottom:.5rem}.user-item__header .user-name{font-size:1.8rem;font-weight:500;color:#2d2d2d}.user-item__header .user-role{font-size:1.6rem;margin-left:.75rem;font-weight:400;font-size:1.2rem;color:#545454}.user-item__header .current-user-tag{font-size:1.2rem;background-color:#e0eef1;color:#21566d;padding:.125rem .5rem;border-radius:4px;margin-left:auto}.user-item__status{font-size:1.4rem;display:flex;align-items:center}.user-item__status .status-dot{width:8px;height:8px;border-radius:50%;margin-right:.5rem}.user-item__status .status-dot--active{background-color:#4caf50}.user-item__status .status-text--active{color:#4caf50}.user-item__status .status-text--inactive{color:#545454}.user-detail-header{display:flex;align-items:center;padding:3.5rem 3.5rem 3rem;border-bottom:1px solid #C6D4C2;flex-shrink:0;position:sticky;top:0;background-color:#fff;z-index:2}.user-detail-header .avatar{width:9rem;height:9rem;border-radius:50%;margin-right:2rem;object-fit:cover;border:1px solid #D6D4E0}.user-detail-header .fallback-avatar{background-color:#e0eef1;color:#21566d;font-weight:200;border-radius:50%;width:9rem;height:9rem;display:flex;align-items:center;justify-content:center;font-size:30px}.user-detail-header .user-info{flex:1}.user-detail-header .user-info .name{font-size:3rem;font-weight:500;color:#2d2d2d;margin:0 0 .1rem}.user-detail-header .user-info .role-info{font-size:1.6rem;color:#545454;font-weight:400;display:flex;align-items:center;margin-left:1px}.user-detail-header .user-info .role-info .role{color:#545454;font-weight:400}.user-detail-header .user-info .role-info .separator{margin:0 .75rem;color:#d6d4e0;font-size:16px;line-height:0}.user-detail-header .user-info .role-info .last-active{color:#545454}.user-detail-header .actions{display:flex;gap:1.25rem}.user-detail-header .actions .edit-button{height:40px;padding:0 1.5rem;border-radius:10px;border:1px solid #E0E0E0;background:#fff;font-size:1.6rem;font-weight:500;color:#545454;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.user-detail-header .actions .edit-button:hover{background-color:#e0eef1;border-color:#5d9db0}.user-detail-header .actions .more-button{height:40px;padding:0 1.5rem;border-radius:10px;border:1px solid #BEE2C0;background:#fff;font-size:1.6rem;font-weight:500;color:#4caf50;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.user-detail-header .actions .more-button:hover{background-color:#dbefdc;border-color:#4caf50}.user-detail-header .actions .more-button.deactivate{border:1px solid #F1BCC0;background:#fff;color:#d64550}.user-detail-header .actions .more-button.deactivate:hover{background-color:#f7dadc;border-color:#d64550}.detail-section{padding:3rem 4.5rem;border-bottom:1px solid #C6D4C2}.detail-section:last-child{border-bottom:none}.detail-section .section-title{font-size:2rem;font-weight:300;color:#545454;margin:0 0 2rem}.contact-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.contact-info-grid .contact-item{display:flex;align-items:flex-start;padding:2rem 1rem;border-radius:1rem;position:relative}.contact-info-grid .contact-item .icon{width:4.8rem;height:4.8rem;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-right:.5rem;flex-shrink:0}.contact-info-grid .contact-item .icon svg{width:2rem;height:2rem;color:#545454}.contact-info-grid .contact-item .copy-icon{position:absolute;right:0;display:none;background-color:#f4f4f2}.contact-info-grid .contact-item:hover .copy-icon{display:inherit}.contact-info-grid .contact-item .content .label{font-size:1.4rem;color:#545454;margin:0 0 .25rem;font-weight:400}.contact-info-grid .contact-item .content .value{font-size:1.6rem;color:#2d2d2d;margin:0;font-weight:500;width:24rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contact-info-grid .contact-item:hover{background-color:#f4f4f2;cursor:pointer}.project-item{display:flex;margin-bottom:3rem;margin-top:2rem}.project-item:last-child{margin-bottom:0}.project-item .project-left{width:40%;flex-shrink:0;padding-right:2rem;text-align:right;border-right:2px solid #21566d}.project-item .project-left .project-name{font-size:1.8rem;color:#21566d;font-weight:500;margin:0;line-height:1.4}.project-item .project-right{flex:1;padding-left:2rem}.project-item .project-right .project-header{margin-bottom:1.5rem}.project-item .project-right .project-header .partners-tag{background-color:#f3f4f6;padding:.375rem .75rem;border-radius:6px;font-size:1.6rem;color:#6b7280;font-weight:400;display:inline-block}.project-item .project-right .permissions-content .permission-item{margin-bottom:2.5rem}.project-item .project-right .permissions-content .permission-item:last-child{margin-bottom:0}.project-item .project-right .permissions-content .permission-item .permission-title{font-size:1.6rem;color:#2d2d2d;font-weight:500;margin:0 0 .5rem}.project-item .project-right .permissions-content .permission-item .permission-text{font-size:1.6rem;color:#545454;margin:0;line-height:1.65;margin-bottom:2rem}.project-item .project-right .permissions-content .permission-item .permission-text .permission-highlight{font-weight:500}.detail-section.projects-section{display:flex;flex-direction:column;padding-bottom:100px}.detail-section.projects-section .section-title{flex-shrink:0;margin:0 0 1.5rem}.detail-section.projects-section .projects-scrollable-content{flex:1;overflow-y:auto;padding-right:1rem;scrollbar-width:none;-ms-overflow-style:none}.detail-section.projects-section .projects-scrollable-content::-webkit-scrollbar{display:none}.layout__container{background-color:#f4f4f2;padding:1.25rem;height:100vh;display:flex;overflow:hidden}.layout__main{flex-grow:1;height:100%;overflow:hidden;background-color:#f4f4f2}.dashboard__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.dashboard__title{font-size:3.2rem;font-weight:500;color:#c6d4c2;margin:0}.dashboard__refresh-btn{display:flex;align-items:center;gap:.5rem;background-color:#fff;border:1px solid #E0E0E0;border-radius:.5rem;padding:.75rem 1.5rem;font-size:1.5rem;border-radius:10px;color:#545454;cursor:pointer;transition:all .2s}.dashboard__refresh-btn:hover{background-color:#f1f5f9}.dashboard__refresh-icon{font-size:1.5rem}.dashboard__stats{display:flex;gap:2.3rem;margin-bottom:0}.dashboard__stat-card{background-color:#fff;border-radius:10px;padding:1.5rem;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;justify-content:space-between;position:relative;width:fit-content;width:25%;height:16rem;box-sizing:border-box}.dashboard__stat-content{flex:1;display:flex;flex-direction:column;justify-content:space-around}.dashboard__stat-header{display:flex;flex-direction:row;align-items:center;gap:1rem}.dashboard__stat-title{font-size:1.4rem;font-weight:400;color:#545454;margin:0}.dashboard__stat-value{font-size:2.8rem;font-weight:600;color:#2d2d2d;margin:.5rem 0}.dashboard__stat-change{display:flex;align-items:center;gap:.25rem;font-size:1.5rem;font-weight:400;color:#545454}.dashboard__stat-trend-icon{width:2.4rem;height:2.4rem;object-fit:contain;margin-right:.25rem}.dashboard__stat-percentage{color:#4caf50;font-size:1.6rem;font-weight:600}.dashboard__stat-percentage.negative{color:#d64550}.dashboard__stat-text{font-size:1.4rem;color:#6b7280;margin-top:.1rem;margin-left:.2rem}.dashboard__stat-icon{display:flex;align-items:center;justify-content:center;width:6rem;height:6rem;border-radius:2.3rem;background-color:#e0eef1}.dashboard__stat-icon img{height:2.6rem;object-fit:contain}.dashboard__chart-section{background-color:#fff;border-radius:1rem;box-shadow:0 1px 3px #0000001a;width:100%;height:fit-content}.dashboard__chart{padding:1.5rem;width:100%}.dashboard__chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-left:.75rem;padding-bottom:2rem}.dashboard__chart-title{font-size:1.6rem;font-weight:400;color:#2d2d2d}.dashboard__chart-period{font-size:1.2rem;color:#545454;font-weight:400;padding:.6rem 1.6rem;border-radius:.4rem;border:1px solid #E0EEF1}.dashboard__chart-container{position:relative;height:350px;padding-bottom:2rem;padding-left:4rem}.dashboard__chart-axis-label{position:absolute;left:0;font-size:1.2rem;color:#545454;transform:translateY(50%);text-align:right;width:24px;z-index:1}.dashboard__leaderboard-section{background-color:#fff;border-radius:1rem;box-shadow:0 1px 3px #0000001a;width:100%;align-self:stretch;grid-row:span 2;display:flex;flex-direction:column}.dashboard__leaderboard{padding:1.5rem;height:100%;display:flex;flex-direction:column}.dashboard__leaderboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-left:1rem;padding-top:.5rem}.dashboard__leaderboard-title{font-size:1.6rem;font-weight:300;color:#111827;margin:0}.dashboard__tabs{display:flex;background-color:#f3f4f6;border-radius:15rem;padding:.3rem}.dashboard__tab{padding:.5rem 1.5rem;font-size:1.4rem;color:#c6d4c2;border:none;font-weight:500;background-color:transparent;cursor:pointer;border-radius:15rem;transition:all .2s;display:flex;align-items:center;justify-content:center}.dashboard__tab--active{background-color:#e0eef1;color:#21566d}.dashboard__leaderboard-list{display:flex;flex-direction:column;gap:.75rem;flex:1;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.dashboard__leaderboard-list::-webkit-scrollbar{display:none}.dashboard__leaderboard-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 0 1rem;border-bottom:1px solid #f3f4f6}.dashboard__leaderboard-rank{font-size:1.4rem;font-weight:400;color:#545454;width:2rem;text-align:right}.dashboard__leaderboard-avatar{width:3.2rem;height:3.2rem;border-radius:50%;background-color:#f3f4f6;display:flex;align-items:center;justify-content:center;font-weight:500;color:#fff;overflow:hidden}.dashboard__leaderboard-name{flex:1;font-size:1.5rem;font-weight:400;color:#2d2d2d;margin-left:.6rem}.dashboard__leaderboard-value{font-size:1.5rem;font-weight:600;color:#545454;min-width:30px;text-align:right;margin-right:10px}.dashboard__bottom-stats{display:grid;grid-template-columns:70% 30%;gap:1.5rem;margin-top:1.5rem}.dashboard__bottom-stat-card{background-color:#fff;border-radius:1rem;padding:2.25rem 2.5rem 1.5rem;box-shadow:0 1px 3px #0000001a;height:100%;width:100%}.dashboard__bottom-stats-left{display:flex;gap:1.5rem;width:100%}.dashboard__bottom-stat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.dashboard__bottom-stat-title{font-size:1.6rem;font-weight:400;color:#545454;margin:0}.dashboard__bottom-period{font-size:1.2rem;color:#545454;font-weight:400;padding:.6rem 1.6rem;border-radius:.4rem;border:1px solid #E0EEF1}.dashboard__dropdown-icon{font-size:.875rem}.dashboard__bottom-stat-buttons{display:flex;gap:.5rem}.dashboard__site-visits-done{display:flex;flex-direction:column;height:calc(100% - 3rem)}.dashboard__site-visits-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-left:.75rem}.dashboard__site-visits-metrics{margin-bottom:1.5rem;display:flex;align-items:center;justify-content:flex-start;gap:4rem}.dashboard__big-number{font-size:4.2rem;font-weight:500;color:#21566d;margin:0}.dashboard__subtitle{font-size:1.6rem;color:#545454;margin-bottom:1rem;margin-top:-.75rem}.dashboard__ratio{margin-bottom:1rem}.dashboard__ratio-value{font-size:3.6rem;font-weight:500;color:#2d2d2d}.dashboard__ratio-label{font-size:1.6rem;color:#545454;margin-top:-.5rem}.dashboard__legend{display:flex;align-items:center;margin-bottom:.5rem}.dashboard__legend-item{display:flex;align-items:center;gap:.8rem;font-size:1.2rem;color:#6b7280}.dashboard__legend-colors{display:flex;gap:4px}.dashboard__legend-color{width:12px;height:12px;border-radius:20%}.dashboard__legend-color--light{background-color:#a3876e33}.dashboard__legend-color--medium{background-color:#a3876ea6}.dashboard__legend-color--dark{background-color:#a3876e}.dashboard__heatmap{flex:1;display:flex;flex-direction:column}.dashboard__heatmap-months{display:flex;justify-content:space-between;margin-bottom:.5rem;padding-left:calc(2rem + 4px)}.dashboard__heatmap-month{font-size:.75rem;color:#6b7280;text-align:center;width:100%}.dashboard__heatmap-grid{flex:1;display:flex;flex-direction:column;gap:4px}.dashboard__heatmap-row{display:flex;gap:4px;align-items:center}.dashboard__heatmap-day{min-width:2rem;text-align:right;font-size:.75rem;color:#6b7280}.dashboard__heatmap-cell{width:100%;min-width:14px;height:14px;border-radius:2px}.dashboard__heatmap-cell--empty{background-color:#a3876e33}.dashboard__heatmap-cell--medium{background-color:#a3876ea6}.dashboard__heatmap-cell--full{background-color:#a3876e}.dashboard__donut-chart-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:calc(100% - 3rem)}.dashboard__donut-legend{display:flex;justify-content:center;gap:1.6rem;margin-top:1rem}.dashboard__donut-legend-item{display:flex;align-items:center;gap:.8rem}.dashboard__donut-legend-color{width:10px;height:10px;border-radius:50%}.dashboard__donut-legend-label{font-size:1.4rem;color:#545454}.dashboard__pending-payouts{display:flex;flex-direction:column;height:calc(100% - 3rem)}.dashboard__pending-amount{margin-bottom:.6rem}.dashboard__currency-value{font-size:4.2rem;font-weight:500;color:#2d2d2d;margin:-.75rem 0 .5rem}.dashboard__unit{font-size:2.4rem;font-weight:500;color:#2d2d2d}.dashboard__change-indicator{display:flex;align-items:center;gap:.5rem}.dashboard__trend-icon{width:2rem;height:2rem}.dashboard__change-percentage{font-size:1.6rem;font-weight:300;color:#545454}.dashboard__line-chart{flex:1;display:flex;align-items:flex-end}.dashboard__line-chart svg{width:100%}@media screen and (max-width: 1480px){.dashboard__bottom-stats-left{flex-direction:column}}.dashboard-wrapper{height:100vh;overflow-y:auto;background-color:#f4f4f2;scrollbar-width:thin;scrollbar-color:#cbd5e0 transparent;scrollbar-width:none;-ms-overflow-style:none}.dashboard-wrapper::-webkit-scrollbar{display:none}.dashboard{padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#333;min-height:100vh;width:100%;padding-bottom:100px}.dashboard__layout{display:grid;grid-template-columns:70% 30%;gap:1.5rem}.dashboard__left-column{display:flex;flex-direction:column;gap:1.5rem;height:fit-content}@media (max-width: 1200px){.dashboard__layout{grid-template-columns:1fr}.dashboard__stats{flex-wrap:wrap;justify-content:flex-start}.dashboard__bottom-stats{grid-template-columns:1fr}}@media (max-width: 992px){.dashboard__layout{grid-template-columns:1fr}.dashboard__left-column{gap:1rem}.dashboard__bottom-stats-left{display:grid;grid-template-columns:1fr}}@media (max-width: 768px){.dashboard{padding:1rem}.dashboard__stats{flex-direction:column;align-items:center;gap:1rem}.dashboard__stat-card{width:100%}}.projects__container{width:auto;height:calc(100dvh - 2.4rem);background-color:#fff;overflow:auto;margin-left:1rem;display:flex;flex-direction:column}.users-page{display:flex;height:100%;width:100%;gap:10px}.users-page .manage-users-card{padding:2rem;margin-left:10px;width:30%;height:100%;border-radius:1rem;background:#fff;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 1px 3px #0000000d;flex-shrink:0}.users-page .manage-users-card .manage-users-header{padding:0;margin-bottom:1rem;border-bottom:1px solid #D6D4E0;flex-shrink:0}.users-page .manage-users-card .manage-users-header .header-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:1.5rem}.users-page .manage-users-card .manage-users-header .header-top h2{margin:0;font-size:2rem;font-weight:300;color:#545454}.users-page .manage-users-card .manage-users-header .header-top .search-toggle-button{background:none;border:none;cursor:pointer;padding:8px;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#545454;transition:all .2s ease}.users-page .manage-users-card .manage-users-header .header-top .search-toggle-button:hover{background-color:#f4f4f2;color:#21566d}.users-page .manage-users-card .manage-users-header .header-top .search-toggle-button svg{width:2rem;height:2rem}.users-page .manage-users-card .manage-users-header .search-bar{margin-top:1rem;position:relative;padding-bottom:1.5rem;gap:2rem;display:flex;align-items:center}.users-page .manage-users-card .manage-users-header .search-bar input{width:100%;height:5rem;border-radius:4px;border:1px solid #E0E0E0;padding:0 1rem 0 5rem;font-size:1.6rem}.users-page .manage-users-card .manage-users-header .search-bar input:focus{outline:none;border-color:#a4cbd4}.users-page .manage-users-card .manage-users-header .search-bar .search-icon{position:absolute;left:1.6rem;bottom:calc(50% - 2.4rem);transform:translateY(-50%);color:#545454}.users-page .manage-users-card .manage-users-header .search-bar .search-icon svg{width:2.4rem;height:2.4rem}.users-page .manage-users-card .manage-users-header .search-bar .role-filter{padding:8px 12px;border-radius:4px;border:1px solid #ddd;background-color:#fff;font-size:14px}.users-page .manage-users-card .users-list{flex:1;overflow-y:auto;padding:1rem 1rem 0;margin-bottom:0}.users-page .manage-users-card .add-user-button{border-radius:1rem;border:1px solid #21566D;background:#fff;display:flex;align-items:center;justify-content:center;color:#21566d;font-size:1.6rem;padding:1.2rem 1.5rem;font-weight:400;cursor:pointer;transition:background-color .2s ease;flex-shrink:0}.users-page .manage-users-card .add-user-button:hover{background-color:#e0eef1}.users-page .manage-users-card .add-user-button .plus-icon{margin-right:.5rem}.users-page .user-detail-card{flex:1;margin-right:0rem;border-radius:10px;background:#fff;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.users-page .user-detail-card::-webkit-scrollbar{display:none}.users-page .user-detail-card .detail-sections-container{display:flex;flex-direction:column;gap:1.5rem}:root{--PhoneInput-color--focus: #03b2cb;--PhoneInputInternationalIconPhone-opacity: .8;--PhoneInputInternationalIconGlobe-opacity: .65;--PhoneInputCountrySelect-marginRight: .35em;--PhoneInputCountrySelectArrow-width: .3em;--PhoneInputCountrySelectArrow-marginLeft: var(--PhoneInputCountrySelect-marginRight);--PhoneInputCountrySelectArrow-borderWidth: 1px;--PhoneInputCountrySelectArrow-opacity: .45;--PhoneInputCountrySelectArrow-color: currentColor;--PhoneInputCountrySelectArrow-color--focus: var(--PhoneInput-color--focus);--PhoneInputCountrySelectArrow-transform: rotate(45deg);--PhoneInputCountryFlag-aspectRatio: 1.5;--PhoneInputCountryFlag-height: 1em;--PhoneInputCountryFlag-borderWidth: 1px;--PhoneInputCountryFlag-borderColor: rgba(0,0,0,.5);--PhoneInputCountryFlag-borderColor--focus: var(--PhoneInput-color--focus);--PhoneInputCountryFlag-backgroundColor--loading: rgba(0,0,0,.1)}.PhoneInput{display:flex;align-items:center}.PhoneInputInput{flex:1;min-width:0}.PhoneInputCountryIcon{width:calc(var(--PhoneInputCountryFlag-height) * var(--PhoneInputCountryFlag-aspectRatio));height:var(--PhoneInputCountryFlag-height)}.PhoneInputCountryIcon--square{width:var(--PhoneInputCountryFlag-height)}.PhoneInputCountryIcon--border{background-color:var(--PhoneInputCountryFlag-backgroundColor--loading);box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor),inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor)}.PhoneInputCountryIconImg{display:block;width:100%;height:100%}.PhoneInputInternationalIconPhone{opacity:var(--PhoneInputInternationalIconPhone-opacity)}.PhoneInputInternationalIconGlobe{opacity:var(--PhoneInputInternationalIconGlobe-opacity)}.PhoneInputCountry{position:relative;align-self:stretch;display:flex;align-items:center;margin-right:var(--PhoneInputCountrySelect-marginRight)}.PhoneInputCountrySelect{position:absolute;top:0;left:0;height:100%;width:100%;z-index:1;border:0;opacity:0;cursor:pointer}.PhoneInputCountrySelect[disabled],.PhoneInputCountrySelect[readonly]{cursor:default}.PhoneInputCountrySelectArrow{display:block;content:"";width:var(--PhoneInputCountrySelectArrow-width);height:var(--PhoneInputCountrySelectArrow-width);margin-left:var(--PhoneInputCountrySelectArrow-marginLeft);border-style:solid;border-color:var(--PhoneInputCountrySelectArrow-color);border-top-width:0;border-bottom-width:var(--PhoneInputCountrySelectArrow-borderWidth);border-left-width:0;border-right-width:var(--PhoneInputCountrySelectArrow-borderWidth);transform:var(--PhoneInputCountrySelectArrow-transform);opacity:var(--PhoneInputCountrySelectArrow-opacity)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon+.PhoneInputCountrySelectArrow{opacity:1;color:var(--PhoneInputCountrySelectArrow-color--focus)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon--border{box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus),inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon .PhoneInputInternationalIconGlobe{opacity:1;color:var(--PhoneInputCountrySelectArrow-color--focus)}.rightModal__wrapper:has(.add-user-modal){padding:0 24px;height:100%;scrollbar-width:none;-ms-overflow-style:none}.rightModal__wrapper:has(.add-user-modal)::-webkit-scrollbar{display:none}.add-user-modal{padding:0;display:flex;flex-direction:column;height:100%}.add-user-modal .modal-header{display:flex;background-color:#fff;justify-content:space-between;align-items:center;padding-bottom:2.2rem;padding-top:4rem;position:sticky;top:0;z-index:100;border-bottom:1px solid #D6D4E0}.add-user-modal .modal-header .modal-title{font-size:2rem;font-weight:300;color:#2d2d2d;margin:0}.add-user-modal .modal-header .close-btn{background:none;border:none;cursor:pointer;padding:4px 4px 0;border-radius:4px;transition:background-color .2s;margin-bottom:0}.add-user-modal .modal-header .close-btn:hover{background-color:#f4f4f2}.add-user-modal .modal-header .close-btn svg{width:2.4rem;height:2.4rem}.add-user-modal .stepper{margin-bottom:5rem;flex-shrink:0;width:100%;padding:5.2rem 10% 0;align-items:flex-end;background-color:#fff}.add-user-modal .stepper .step-container{display:flex;align-items:end;justify-content:space-between;position:relative}.add-user-modal .stepper .step-container .step{display:flex;flex-direction:column-reverse;align-items:center;gap:1rem;z-index:2}.add-user-modal .stepper .step-container .step .step-circle{width:2.4rem;height:2.4rem;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff;border:2px solid #D6D4E0;font-weight:500;font-size:14px;transition:all .3s ease}.add-user-modal .stepper .step-container .step .step-circle img{width:100%;height:100%;object-fit:contain}.add-user-modal .stepper .step-container .step .step-label{font-size:1.4rem;color:#545454;font-weight:300;text-align:center}.add-user-modal .stepper .step-container .step.active .step-circle{background:#fff;border:2px solid #4CAF50;color:#fff}.add-user-modal .stepper .step-container .step.active .step-label{color:#2d2d2d;font-weight:500}.add-user-modal .stepper .step-container .step.completed .step-circle{background:#fff;border:0px solid #4CAF50;color:#fff}.add-user-modal .stepper .step-container .step.completed .step-label{color:#4caf50;font-weight:500}.add-user-modal .stepper .step-container .step-connector{flex:1;height:2px;position:absolute;bottom:0;z-index:1;margin-bottom:1.1rem;width:calc(100% - 10rem);left:5rem}.add-user-modal .stepper .step-container .step-connector .connector-line{height:100%;border-top:2px dotted #D6D4E0;transition:all .3s ease}.add-user-modal .stepper .step-container .step-connector .connector-line.active{background:#4caf50;border-top:0px}.add-user-modal .form-container{padding-bottom:40px;border-bottom:1px solid #D6D4E0}.add-user-modal .user-info{padding:40px 0 40px 1rem;font-size:1.6rem;color:#545454}.add-user-modal .user-info .heading{font-size:1.4rem;padding-bottom:1rem}.add-user-modal .user-info .desc{padding-bottom:.5rem}.add-user-modal .form-row{display:flex;gap:20px;padding-top:24px}.add-user-modal .form-row .form-group{flex:1}.add-user-modal .input-group{position:relative;margin-top:8px;width:100%}.add-user-modal .input-group .input-container.phone-input-container .phone-entry-area{position:relative}.add-user-modal .input-group .input-container.phone-input-container .phone-entry-area .phone-field-container{display:flex;border:1px solid #D6D4E0;border-radius:5px;overflow:visible;height:5.5rem;position:relative;background-color:#fff}.add-user-modal .input-group .input-container.phone-input-container .phone-entry-area .phone-field-container.error{border-color:#d64550}.add-user-modal .input-group .input-container.phone-input-container .phone-entry-area .phone-field-container .country-code{display:flex;align-items:center;padding:0 .75rem;background-color:#fff;font-size:1.8rem;min-width:78px;z-index:1;border-radius:5px}.add-user-modal .input-group .input-container.phone-input-container .phone-entry-area .phone-field-container .country-code img{width:3rem;height:auto;margin-left:1.25rem;margin-right:1rem}.add-user-modal .input-group .input-container.phone-input-container .phone-entry-area .phone-field-container .country-code span{margin-right:4px;color:#2d2d2d}.add-user-modal .input-group .input-container.phone-input-container .phone-entry-area .phone-field-container .country-code .dropdown-icon{width:15px;color:#545454}.add-user-modal .input-group .input-container.phone-input-container .phone-entry-area .phone-field-container .phone-input-wrapper{position:relative;flex:1}.add-user-modal .input-group .input-container.phone-input-container .phone-entry-area .phone-field-container .phone-input-wrapper input.input-field{width:100%;border:none;padding:0 1rem;outline:none;font-size:1.8rem;height:100%;border-radius:5px;background-color:#fff;color:#2d2d2d}.add-user-modal .input-group .input-container.phone-input-container .phone-entry-area .phone-field-container .phone-input-wrapper input.input-field::placeholder{color:transparent}.add-user-modal .input-group .input-container.phone-input-container .phone-entry-area .phone-field-container .phone-input-wrapper input.input-field:-webkit-autofill,.add-user-modal .input-group .input-container.phone-input-container .phone-entry-area .phone-field-container .phone-input-wrapper input.input-field:-webkit-autofill:hover,.add-user-modal .input-group .input-container.phone-input-container .phone-entry-area .phone-field-container .phone-input-wrapper input.input-field:-webkit-autofill:focus,.add-user-modal .input-group .input-container.phone-input-container .phone-entry-area .phone-field-container .phone-input-wrapper input.input-field:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px white inset!important;box-shadow:0 0 0 30px #fff inset!important;-webkit-text-fill-color:#333333!important;transition:background-color 5000s ease-in-out 0s}.add-user-modal .input-group .input-container.phone-input-container .phone-entry-area .phone-field-container .phone-input-wrapper .phone-label{position:absolute;left:1.6rem;top:50%;transform:translateY(-50%);color:#d6d4e0;font-size:1.6rem;transition:all .2s ease;pointer-events:none;transform-origin:left top;background-color:transparent;z-index:1}.add-user-modal .input-group .input-container.phone-input-container .phone-entry-area .phone-field-container .phone-input-wrapper input.input-field:focus+.phone-label,.add-user-modal .input-group .input-container.phone-input-container .phone-entry-area .phone-field-container .phone-input-wrapper input.input-field:not(:placeholder-shown)+.phone-label{transform:translateY(-30px) translate(-78px) scale(.85);color:#d6d4e0;background-color:#fff;padding:0 8px;font-weight:400;left:8px;z-index:5}.add-user-modal .input-group .input-field{padding:.75rem 1rem .75rem 2rem;border:1px solid #D8D8D8;border-radius:5px;font-size:1.6rem;transition:all .2s ease;height:5.5rem;outline:none;background-color:transparent}.add-user-modal .input-group .input-field:-webkit-autofill,.add-user-modal .input-group .input-field:-webkit-autofill:hover,.add-user-modal .input-group .input-field:-webkit-autofill:focus,.add-user-modal .input-group .input-field:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px white inset!important;box-shadow:0 0 0 30px #fff inset!important;-webkit-text-fill-color:inherit!important;transition:background-color 5000s ease-in-out 0s}.add-user-modal .input-group .input-field:focus+.input-label,.add-user-modal .input-group .input-field:not(:placeholder-shown)+.input-label{transform:translateY(-30px) translate(-4px) scale(.85);color:#d8d8d8;background-color:#fff;padding:0 8px;font-weight:400;left:8px}.add-user-modal .input-group .input-label{position:absolute;left:1.6rem;top:50%;transform:translateY(-50%);color:#d6d4e0;font-size:1.6rem;transition:all .2s ease;pointer-events:none;transform-origin:left top;background-color:transparent;z-index:1}.add-user-modal .input-group .error{color:#e53e3e;font-size:12px;margin-top:.5rem;display:block}.add-user-modal .permissionsGrid{display:flex;flex-direction:column;background-color:#fff;border-radius:12px}.add-user-modal .permissionsGrid .moduleName{font-weight:500;font-size:1.4rem;margin-top:1.75rem;color:#545454;display:flex;align-items:center;font-size:1.75rem;padding-bottom:1.5rem}.add-user-modal .permissionsGrid .moduleContainer{padding:2rem;border-bottom:1px solid #D6D4E0}.add-user-modal .permissionsGrid .permissionContainer{display:flex;flex-direction:row;align-items:center;padding-left:1rem;cursor:pointer;color:#2d2d2d;margin-bottom:.5rem}.add-user-modal .permissionsGrid .permissionContainer .permissionLabel{font-weight:400;font-size:1.6rem;text-align:center;padding:.75rem;border-radius:6px;color:#2d2d2d;margin-left:.75rem}.add-user-modal .permissionsGrid .permissionContainer .permissionCell{display:flex;align-items:center;justify-content:center;padding:.5rem;width:2.5rem;height:2.5rem;background-color:#f7fafc;border-radius:2px;border:1px solid #D6D4E0;transition:.2s ease-in-out;font-size:1.4rem}.add-user-modal .permissionsGrid .permissionContainer .permissionCell:hover{background-color:#e2e8f0}.add-user-modal .permissionsGrid .permissionContainer .permissionCell.active{background-color:#21566d;color:#fff;font-weight:700;border:0px}.add-user-modal .permissionsGrid .permissionContainer .permissionCell.active:before{content:"✓"}.add-user-modal .modal-footer{display:flex;align-items:flex-end;justify-content:flex-end;gap:1.5rem;padding:2.5rem 2rem 2.25rem;margin-left:-24px;width:calc(100% + 48px);border-top:1px solid #D6D4E0;background-color:#fff;flex-shrink:0;margin-top:auto;position:sticky;bottom:0rem;right:1rem}.add-user-modal .modal-footer .cancel-btn{padding:1.25rem 2.5rem;background:#fff;color:#d64550;border:1px solid #F1BCC0;border-radius:1rem;font-size:1.6rem;font-weight:500;cursor:pointer;transition:all .2s ease}.add-user-modal .modal-footer .cancel-btn:hover{background:#f7dadc;border-color:#eca4aa}.add-user-modal .modal-footer .next-btn{padding:1.25rem 2.5rem;background:#21566d;color:#fff;border:none;border-radius:8px;font-size:1.6rem;font-weight:500;cursor:pointer;transition:all .2s ease}.add-user-modal .modal-footer .next-btn:hover{background:#5d9db0}.add-user-modal .modal-footer .next-btn:disabled{background:#a4cbd4;cursor:not-allowed}.partnerModal{display:flex;flex-direction:column;height:100%;margin-top:-2rem}.partnerModal .illustration{width:100%;height:12rem;object-fit:contain}.partnerModal .modal-footer{display:flex;align-items:flex-end;justify-content:flex-end;gap:1.5rem;padding:2.5rem 2rem 2.25rem;margin-left:-24px;width:calc(100% + 48px);border-top:1px solid #D6D4E0;background-color:#fff;flex-shrink:0;margin-top:auto;position:sticky;bottom:0rem;right:1rem}.partnerModal .modal-footer .btn__success{padding:1.25rem 2.5rem;font-size:1.8rem;font-weight:500}.partnerModal .modal-footer .btn__secondary{padding:1.25rem 2.5rem;font-size:1.8rem;font-weight:500;border:1px solid #F1BCC0;color:#d64550}.partnerModal__header{display:flex;justify-content:space-between;align-items:flex-end}.partnerModal__header--heading{display:flex;flex-direction:column;gap:.75rem;margin-left:1rem;margin-bottom:1.25rem}.partnerModal__header--heading h2{font-size:2.6rem}.partnerModal__header--heading h2 svg{fill:#4caf50}.partnerModal__header--heading p{font-size:1.6rem;color:#545454;margin-left:.5rem}.partnerModal__header--heading p svg{fill:#545454;width:1.8rem;height:1.8rem}.partnerModal__header--heading--text{display:flex;align-items:center;gap:.5rem}.partnerModal__header img{width:14.4rem;height:14.4rem;border-radius:50%;border:1px solid #D6D4E0}.partnerModal__subheading{color:#c6d4c2;font-weight:500;margin-bottom:1rem;margin-top:4rem}.onBoardedModal__fixed-section{flex-shrink:0;padding-bottom:1rem;z-index:1;display:flex;flex-direction:column;gap:3rem}.onBoardedModal__scroll-section{padding-right:.5rem}.onBoardedModal__scroll-section .button-container{width:100%;margin-top:30px;padding:0 1rem;display:flex;justify-content:flex-end;margin-bottom:30px}.onBoardedModal__scroll-section .button-container .btn__warning{padding:1.25rem 2.5rem;width:100%;font-size:1.6rem;border:1px solid #F1BCC0;color:#d64550}.onBoardedModal__scroll-section .button-container .btn__warning:hover{border:1px solid #ECA4AA;background:#f7dadc}.onBoardedModal__badge{background-color:#2d2d2d0d;color:#2d2d2d;display:flex;align-items:center;justify-content:center;gap:4px;padding:.5rem 1.5rem;font-weight:600;max-width:fit-content;margin:0 auto;border:1px solid #e0e0e0}.onBoardedModal__info-grid{display:flex;flex-direction:column;gap:1.25rem;padding:1rem 1.5rem 0px;border-bottom:1px solid #D6D4E0}.onBoardedModal__info-grid .info-row{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:1px}.onBoardedModal__info-grid .info-row:last-child{border-bottom:none;padding-bottom:0;margin-bottom:4rem}.onBoardedModal__info-grid .info-row .label{font-size:1.6rem;color:#545454;font-weight:400;min-width:40%}.onBoardedModal__info-grid .info-row .value{font-size:1.6rem;color:#2d2d2d;font-weight:400;text-align:right;max-width:60%}.onBoardedModal__info-grid .info-row .link{font-size:1.6rem;color:#21566d;font-weight:500;text-decoration:none;cursor:pointer;text-decoration:underline}.onBoardedModal__info-grid .info-row .link:hover{text-decoration:underline}.onBoardedModal__poc-grid{display:flex;flex-direction:column;gap:1.25rem;padding:0px 1rem;padding-top:0;padding-bottom:3.5rem;border-bottom:1px solid #D6D4E0}.onBoardedModal__poc-grid .point-of-contact{display:flex;flex-direction:column;gap:2rem;padding:1rem 0}.onBoardedModal__poc-grid .contact-card{display:flex;align-items:center;background-color:#fff;border:1px solid #D6D4E0;border-radius:1rem;padding:2.4rem 2rem;gap:2rem;cursor:pointer}.onBoardedModal__poc-grid .contact-card .chevron{display:none;width:3rem;height:3rem;margin-right:1.4rem}.onBoardedModal__poc-grid .contact-card .chevron svg{width:100%;height:100%;fill:#21566d}.onBoardedModal__poc-grid .contact-card:hover{background-color:#e0eef1;border:1px solid #21566d}.onBoardedModal__poc-grid .contact-card:hover .chevron{display:block}.onBoardedModal__poc-grid .contact-card .contact-avatar{width:6rem;height:6rem;border-radius:50%;object-fit:cover;border:1px solid #D6D4E0}.onBoardedModal__poc-grid .contact-card .contact-info{display:flex;flex-direction:column;margin-right:auto}.onBoardedModal__poc-grid .contact-card .contact-info .contact-name{font-size:1.8rem;font-weight:500;color:#2d2d2d;margin-bottom:.25rem}.onBoardedModal__poc-grid .contact-card .contact-info .contact-detail{font-size:1.5rem;color:#545454}.onBoardedModal__siteVisits--header{display:flex;justify-content:space-between;margin-bottom:2.5rem}.onBoardedModal__information{display:grid;grid-template-columns:repeat(4,1fr);justify-content:space-between;width:100%;border:1px solid #e0e0e0;padding:3rem 0;margin-bottom:1rem}.onBoardedModal__information:last-child{margin-bottom:none}.onBoardedModal__information--stat{border-right:1px solid #D6D4E0;display:flex;flex-direction:column;gap:.75rem}.onBoardedModal__information--stat:last-child{border-right:none}.onBoardedModal__information--stat--text{text-align:center}.onBoardedModal__information--label{font-weight:500;text-align:center}.onBoardedModal__information--col-1{grid-column:span 2;border-right:1px solid #e0e0e0}.onBoardedModal__information--col-1>h3{font-weight:600;color:#2d2d2d;margin-bottom:1rem}.onBoardedModal__information--col-1>p{display:flex;gap:.5rem}.onBoardedModal__information--col-1>p>span{display:flex;align-items:center;color:#4caf50;font-weight:500}.onBoardedModal__information--col-2{grid-column:span 2;padding-left:4rem;display:flex;justify-content:space-between}.onBoardedModal__information--col-2>div{display:flex;flex-direction:column;justify-content:center}.onBoardedModal__information--col-2>span{color:#545454;font-weight:500}.onBoardedModal__information--col-2>p{color:#2d2d2d;font-weight:500}.onBoardedModal__information--col-3{grid-column:span 4;display:flex;flex-direction:column;gap:.5rem}.onBoardedModal__tabs{display:flex;gap:4rem;border-bottom:1px solid #e0e0e0;position:relative}.onBoardedModal__tab{position:relative;padding:.8rem 0rem;font-size:1.4rem;font-weight:400;color:#545454;background:none;border:none;cursor:pointer}.onBoardedModal__tab--active{color:#21566d;font-weight:500}.onBoardedModal__tab--underline{position:absolute;bottom:-1px;left:0;right:0;height:2px;background-color:#21566d;border-radius:4px}.blockedModal__heading{color:#545454;font-weight:500;text-align:center}.blockedModal__description{font-weight:400;color:#545454;text-align:center;margin-bottom:2rem}.blockedModal__actions{display:flex;gap:2rem;justify-content:center}.reqModal__col-2{flex:1;padding:1rem 0;display:flex;flex-direction:column;gap:2rem}.reqModal__col-3{flex-shrink:0;border-top:1px solid #e0e0e0;padding-top:1rem;display:flex;gap:2rem;justify-content:end}.reqModal__information{width:100%;border:1px solid #e0e0e0;padding:2rem 2.5rem;margin-bottom:1rem;margin-top:2rem}.reqModal__information>p{color:#545454;line-height:2}.reqModal__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem}.reqModal__stat{border:1px solid #e0e0e0;padding:3rem;display:flex;flex-direction:column;gap:1.25rem}.reqModal__stat--value{font-size:2rem;font-weight:600;color:#2d2d2d;text-align:center}.reqModal__stat--text{color:#545454;font-weight:400;text-align:center}.reqModal__iconBox{display:flex;justify-content:center}.reqModal__iconBox>svg{width:6rem;height:6rem;padding:1.5rem;stroke:#21566d;fill:#21566d;border-radius:50%}.rightModal__wrapper:has(.partnerModal){padding:30px 24px 0}.card{display:grid;background-color:#fff;padding:2.5rem 3.5rem 2.5rem 3rem;width:100%;border:1px solid #e0e0e0;align-items:center}.card__col-1{display:flex;gap:1rem;height:100%;padding:1.5rem 1rem 1.5rem 0;align-items:center;border-right:1px solid #D6D4E0;width:30vw;min-width:50rem}.card__information{border-right:1px solid #D6D4E0;padding:0 3rem;display:flex;flex-direction:column;gap:.5rem;text-align:flex-start}.card__information:last-child{border-right:none}.card__information--text{text-align:center}.card__img--container{width:8rem;height:8rem;overflow:hidden;border-radius:50%;margin-right:1rem}.card__heading{display:flex;align-items:center;margin-bottom:.5rem}.card__heading--text.text-ellipsis{width:fit-content;max-width:24rem;margin-right:.5rem;font-size:2rem}.card__heading--text{font-weight:600;color:#2d2d2d}.card__location{display:flex;align-items:center;gap:.5rem;color:#545454}.onBoarded__card{grid-template-columns:repeat(6,1fr);cursor:pointer}.onBoarded__card--col-1{overflow:hidden;display:flex;flex-direction:row}.onBoarded__card--col-2{grid-column:span 5;display:grid;grid-template-columns:repeat(4,1fr);justify-content:space-between;width:100%}.onBoarded__card--badge{background-color:#2d2d2d0d;color:#2d2d2d;display:flex;align-items:center;justify-content:center;gap:4px;padding:.5rem 1.5rem;font-weight:600;max-width:fit-content;margin:0 auto;border:1px solid #e0e0e0}.blocked__card{grid-template-columns:repeat(7,1fr)}.blocked__card--col-2{grid-column:span 5;display:grid;grid-template-columns:repeat(2,1fr)}.blocked__card--col-3{display:flex;justify-content:end}.blocked__card--col-3 .btn__warning{padding:1.25rem 2.5rem;font-size:1.6rem;border:1px solid #F1BCC0;color:#d64550}.blocked__card--col-3 .btn__warning:hover{border:1px solid #ECA4AA;background:#f7dadc}.request__card{grid-template-columns:repeat(5,1fr) auto;gap:4rem;cursor:pointer}.request__card--col-2{grid-column:span 4;border:1px solid #D6D4E0;border-radius:.4rem;padding:1rem 2rem}.request__card--col-3{display:flex;justify-content:end}.request__card--col-3 .btn__tertiary{border:0}.request__card--col-3 .btn__tertiary svg{fill:#c6d4c2}.request__card__text{color:#545454;white-space:pre-line}.modal-container{display:flex;flex-direction:column;gap:2.4rem;height:100%;scrollbar-width:none;-ms-overflow-style:none}.modal-container::-webkit-scrollbar{display:none}@media screen and (max-width: 1536px){.card__col-1{gap:1.5rem}.card__location{gap:.75rem}}@media screen and (max-width: 1280px){.card__col-1{gap:1.25rem}}.w-full{margin:0 0 0 10px;border-radius:10px;overflow:hidden;background-color:#fff;height:100%}.tabs__container{display:flex;margin-top:1.5rem;position:relative;gap:2rem}.tab{position:relative;padding:1.6rem .8rem;font-weight:600;display:flex;align-items:center;gap:12px;background-color:transparent;border:none;cursor:pointer}.tab__button{color:#545454;font-weight:400}.tab__button--active{color:#21566d;font-weight:600}.tab__count{background-color:#21566d1a;font-weight:400;color:#21566d;border-radius:9999px;padding:.5rem 1.15rem}.tab__underline{position:absolute;bottom:0;left:0;right:0;height:3px;background-color:#21566d}.tab__card{display:flex;flex-direction:column;gap:2rem;overflow-y:scroll;padding-bottom:200px;height:300px;height:calc(100vh - 16.75rem);border-radius:10px}.transaction-details-modal{padding:0}.transaction-details-modal .modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.2rem;padding-bottom:2.2rem;border-bottom:1px solid #D6D4E0}.transaction-details-modal .modal-header .modal-title{font-size:2rem;font-weight:300;color:#2d2d2d;margin:0;margin-left:1rem}.transaction-details-modal .modal-header .close-btn{background:none;border:none;cursor:pointer;padding:4px 4px 0;border-radius:4px;transition:background-color .2s;margin-bottom:0}.transaction-details-modal .modal-header .close-btn:hover{background-color:#f4f4f2}.transaction-details-modal .modal-header .close-btn svg{width:2.4rem;height:2.4rem}.transaction-details-modal .transaction-card{background-color:#dbefdc;border-radius:1rem;padding:0;margin-bottom:32px}.transaction-details-modal .transaction-card.pending{background-color:#f9efcd}.transaction-details-modal .transaction-card .card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.6rem;padding:2.5rem 3.5rem 2rem 2rem;border-bottom:1px solid #C6D4C2}.transaction-details-modal .transaction-card .card-header .company-info{display:flex;align-items:center;gap:1.5rem;height:fit-content}.transaction-details-modal .transaction-card .card-header .company-info .company-icon{width:6rem;height:6rem;border-radius:3rem!important;border-radius:8px;display:flex;align-items:center;justify-content:center}.transaction-details-modal .transaction-card .card-header .company-info .company-icon img{width:100%;height:100%;object-fit:cover;border-radius:50%;border:1px solid #D6D4E0}.transaction-details-modal .transaction-card .card-header .company-info .company-name{font-size:2rem;font-weight:500;color:#545454}.transaction-details-modal .transaction-card .card-header .amount-section{text-align:right}.transaction-details-modal .transaction-card .card-header .amount-section .amount{display:block;font-size:3rem;font-weight:500;color:#2d2d2d;margin-bottom:0rem}.transaction-details-modal .transaction-card .card-header .amount-section .status-badge{display:flex;align-items:center;justify-content:flex-end;gap:.5rem}.transaction-details-modal .transaction-card .card-header .amount-section .status-badge .status-dot{width:1.4rem;height:1.4rem;border-radius:50%}.transaction-details-modal .transaction-card .card-header .amount-section .status-badge .status-text{font-size:1.6rem;font-weight:500;color:#4caf50;margin-right:.25rem}.transaction-details-modal .transaction-card .card-header .amount-section .status-badge .status-text.pending{color:#e2b007}.transaction-details-modal .transaction-card .timeline{position:relative;padding-left:6rem;padding-top:10px}.transaction-details-modal .transaction-card .timeline .timeline-item{position:relative;display:flex;align-items:flex-start;gap:16px;padding-bottom:30px}.transaction-details-modal .transaction-card .timeline .timeline-item:last-child{padding-bottom:30px}.transaction-details-modal .transaction-card .timeline .timeline-item .timeline-dot{position:absolute;left:-3rem;top:0;margin-top:.75rem;width:1.8rem;height:1.8rem;background:#fff;border:2px solid #4CAF50;border-radius:50%;z-index:2}.transaction-details-modal .transaction-card .timeline .timeline-item .timeline-dot.completed{background:#fff;border:0px}.transaction-details-modal .transaction-card .timeline .timeline-item .timeline-dot img{width:100%;height:100%;object-fit:cover;border-radius:50%}.transaction-details-modal .transaction-card .timeline .timeline-item .notify-on-whatsApp{background-color:#fff;border:1px solid #BEE2C0;color:#4caf50;font-weight:500;padding:1rem 2rem;margin-top:1rem}.transaction-details-modal .transaction-card .timeline .timeline-item .notify-on-whatsApp:hover{background-color:#dbefdc;border:1px solid #A7D8AA}.transaction-details-modal .transaction-card .timeline .timeline-item .timeline-content .timeline-title{font-size:1.8rem;font-weight:500;color:#2d2d2d;margin-bottom:4px}.transaction-details-modal .transaction-card .timeline .timeline-item .timeline-content .timeline-date{font-size:1.4rem;color:#545454}.transaction-details-modal .transaction-card .timeline .timeline-line{position:absolute;left:calc(3rem + 6px);top:22px;bottom:76px;width:2px;z-index:1;background:none;border-left:2px dotted #4CAF50}.transaction-details-modal .transaction-card .timeline .timeline-line.completed{background:#4caf50;border-left:none;bottom:62px}.transaction-details-modal .payment-information .section-title{font-size:2rem;font-weight:500;color:#c6d4c2;margin:0 0 2rem}.transaction-details-modal .payment-information .info-grid{display:flex;flex-direction:column;gap:1.25rem;padding:0px 1.5rem}.transaction-details-modal .payment-information .info-grid .info-row{display:flex;justify-content:space-between;align-items:center;padding-bottom:1px}.transaction-details-modal .payment-information .info-grid .info-row:last-child{border-bottom:none;padding-bottom:0}.transaction-details-modal .payment-information .info-grid .info-row .info-label{font-size:1.6rem;color:#545454;font-weight:400}.transaction-details-modal .payment-information .info-grid .info-row .info-value{font-size:1.6rem;color:#2d2d2d;font-weight:400;text-align:right}.transaction-details-modal .payment-information .info-grid .info-row .info-link{font-size:1.6rem;color:#21566d;font-weight:500;text-decoration:none;cursor:pointer;text-decoration:underline}.transaction-details-modal .payment-information .info-grid .info-row .info-link:hover{text-decoration:underline}.rightModal__wrapper:has(.transaction-details-modal){padding:30px 24px}.rightModal__wrapper:has(.add-transaction-modal){padding:0 24px;height:100%;scrollbar-width:none;-ms-overflow-style:none}.rightModal__wrapper:has(.add-transaction-modal)::-webkit-scrollbar{display:none}.add-transaction-modal{padding:0;display:flex;flex-direction:column;height:100%}.add-transaction-modal .modal-header{display:flex;background-color:#fff;justify-content:space-between;align-items:center;padding-bottom:2.2rem;padding-top:4rem;position:sticky;top:0;z-index:100;border-bottom:1px solid #D6D4E0}.add-transaction-modal .modal-header .modal-title{font-size:2rem;font-weight:300;color:#2d2d2d;margin:0}.add-transaction-modal .modal-header .close-btn{background:none;border:none;cursor:pointer;padding:4px 4px 0;border-radius:4px;transition:background-color .2s;margin-bottom:0}.add-transaction-modal .modal-header .close-btn:hover{background-color:#f4f4f2}.add-transaction-modal .modal-header .close-btn svg{width:2.4rem;height:2.4rem}.add-transaction-modal .stepper{margin-bottom:5rem;flex-shrink:0;width:100%;padding:5.2rem 10% 0;align-items:flex-end;background-color:#fff}.add-transaction-modal .stepper .step-container{display:flex;align-items:end;justify-content:space-between;position:relative}.add-transaction-modal .stepper .step-container .step{display:flex;flex-direction:column-reverse;align-items:center;gap:1rem;z-index:2}.add-transaction-modal .stepper .step-container .step .step-circle{width:2.4rem;height:2.4rem;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff;border:2px solid #D6D4E0;font-weight:500;font-size:14px;transition:all .3s ease}.add-transaction-modal .stepper .step-container .step .step-circle img{width:100%;height:100%;object-fit:contain}.add-transaction-modal .stepper .step-container .step .step-label{font-size:1.4rem;color:#545454;font-weight:300;text-align:center}.add-transaction-modal .stepper .step-container .step.active .step-circle{background:#fff;border:2px solid #4CAF50;color:#fff}.add-transaction-modal .stepper .step-container .step.active .step-label{color:#2d2d2d;font-weight:500}.add-transaction-modal .stepper .step-container .step.completed .step-circle{background:#fff;border:0px solid #4CAF50;color:#fff}.add-transaction-modal .stepper .step-container .step.completed .step-label{color:#4caf50;font-weight:500}.add-transaction-modal .stepper .step-container .step-connector{flex:1;height:2px;position:absolute;bottom:0;z-index:1;margin-bottom:1.1rem;width:calc(100% - 10rem);left:5rem}.add-transaction-modal .stepper .step-container .step-connector .connector-line{height:100%;border-top:2px dotted #D6D4E0;transition:all .3s ease}.add-transaction-modal .stepper .step-container .step-connector .connector-line.active{background:#4caf50;border-top:0px}.add-transaction-modal .step-content{display:flex;flex-direction:column;scrollbar-width:none;-ms-overflow-style:none;overflow:scroll}.add-transaction-modal .step-content::-webkit-scrollbar{display:none}.add-transaction-modal .step-content .amount-section{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding-bottom:40px;flex-shrink:0;border-bottom:1px solid #D6D4E0}.add-transaction-modal .step-content .amount-section .amount-title{font-size:1.75rem;color:#c6d4c2;font-weight:500;margin:0 0 1.5rem;width:30%}.add-transaction-modal .step-content .amount-section .amount-display{display:flex;align-items:center;justify-content:center;gap:8px;background-color:#f4f4f2;border-radius:1rem;width:fit-content;padding:1rem 2.5rem}.add-transaction-modal .step-content .amount-section .amount-display .currency{font-size:3.25rem;font-weight:500;color:#21566d}.add-transaction-modal .step-content .amount-section .amount-display .amount-input{font-size:3.25rem;font-weight:500;color:#21566d;border:none;outline:none;background:transparent;text-align:center}.add-transaction-modal .step-content .amount-section .amount-display .amount-input::placeholder{color:#c6d4c2}.add-transaction-modal .step-content .partner-selection{display:flex;flex-direction:column;flex:1;margin-top:2.5rem}.add-transaction-modal .step-content .partner-selection__header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:0 0 0 1.5rem}.add-transaction-modal .step-content .partner-selection .section-title{font-size:2rem;color:#c6d4c2;font-weight:500;margin:0 0 20px;flex-shrink:0}.add-transaction-modal .step-content .partner-selection .search-container{margin-bottom:24px;flex-shrink:0;width:300px}.add-transaction-modal .step-content .partner-selection .search-container .search-input-wrapper{position:relative;display:flex;align-items:center}.add-transaction-modal .step-content .partner-selection .search-container .search-input-wrapper .search-icon{position:absolute;left:1.5rem;z-index:1}.add-transaction-modal .step-content .partner-selection .search-container .search-input-wrapper .search-icon path{stroke:#c6d4c2}.add-transaction-modal .step-content .partner-selection .search-container .search-input-wrapper .search-input{width:100%;padding:1.25rem 2rem 1.25rem 5rem;border:1px solid #D6D4E0;border-radius:4px;font-size:1.6rem;color:#2d2d2d;background:#fff;transition:border-color .2s}.add-transaction-modal .step-content .partner-selection .search-container .search-input-wrapper .search-input::placeholder{color:#c6d4c2}.add-transaction-modal .step-content .partner-selection .search-container .search-input-wrapper .search-input:focus{outline:none;border:1px solid #C6D4C2}.add-transaction-modal .step-content .partner-selection .partners-list{display:flex;flex-direction:column;gap:1rem;padding-bottom:40px}.add-transaction-modal .step-content .partner-selection .partners-list .partner-item{display:flex;align-items:center;padding:1.8rem;border:1px solid #D6D4E0;border-radius:8px;cursor:pointer;transition:all .2s ease;background:#fff}.add-transaction-modal .step-content .partner-selection .partners-list .partner-item:hover{border-color:#a4cbd4}.add-transaction-modal .step-content .partner-selection .partners-list .partner-item.selected{border-color:#5d9db0;background:#e0eef1}.add-transaction-modal .step-content .partner-selection .partners-list .partner-item .partner-radio{margin-right:1.8rem}.add-transaction-modal .step-content .partner-selection .partners-list .partner-item .partner-radio input[type=radio]{width:16px;height:16px;accent-color:#21566d}.add-transaction-modal .step-content .partner-selection .partners-list .partner-item .partner-info{flex:1}.add-transaction-modal .step-content .partner-selection .partners-list .partner-item .partner-info .partner-name{font-size:1.8rem;font-weight:500;color:#2d2d2d;margin-bottom:2px;margin-left:2px}.add-transaction-modal .step-content .partner-selection .partners-list .partner-item .partner-info .partner-location{display:flex;align-items:center;gap:.75rem;font-size:1.6rem;color:#545454}.add-transaction-modal .step-content .partner-selection .partners-list .partner-item .partner-info .partner-location svg{width:1.2rem;height:1.2rem}.add-transaction-modal .step-content .partner-selection .partners-list .partner-item .partner-info .partner-location svg path{stroke:#545454}.add-transaction-modal .step-content .partner-selection .partners-list .partner-item .partner-amount{text-align:right}.add-transaction-modal .step-content .partner-selection .partners-list .partner-item .partner-amount .pending-label{font-size:1.4rem;color:#e2b007;font-weight:400;margin-bottom:4px}.add-transaction-modal .step-content .partner-selection .partners-list .partner-item .partner-amount .pending-amount{font-size:2rem;font-weight:500;color:#2d2d2d}.add-transaction-modal .step-content .payment-method-section{display:flex;flex-direction:column;flex:1}.add-transaction-modal .step-content .payment-method-section .payment-methods{margin-bottom:4rem;flex-shrink:0}.add-transaction-modal .step-content .payment-method-section .payment-methods .payment-method-item{display:flex;flex-direction:column;align-items:flex-start;padding:1rem 2rem;border-radius:1rem;cursor:pointer;margin-bottom:2rem}.add-transaction-modal .step-content .payment-method-section .payment-methods .payment-method-item .method-type{display:flex;align-items:center}.add-transaction-modal .step-content .payment-method-section .payment-methods .payment-method-item .payment-radio{margin-right:1rem}.add-transaction-modal .step-content .payment-method-section .payment-methods .payment-method-item .payment-radio input[type=radio]{width:16px;height:16px;accent-color:#21566D}.add-transaction-modal .step-content .payment-method-section .payment-methods .payment-method-item .payment-method-label{font-size:1.8rem;color:#2d2d2d;font-weight:400}.add-transaction-modal .step-content .payment-method-section .payment-methods .payment-method-item.selected{border:1px solid #D6D4E0;padding:2.5rem 2rem 5rem;margin-bottom:4rem}.add-transaction-modal .step-content .payment-method-section .payment-methods .payment-method-item.selected .payment-method-label{font-weight:500;color:#21566d}.add-transaction-modal .step-content .payment-method-section .payment-details{width:100%;padding:0 2rem;flex:1;overflow-y:auto;padding-right:8px}.add-transaction-modal .step-content .payment-method-section .payment-details::-webkit-scrollbar{width:6px}.add-transaction-modal .step-content .payment-method-section .payment-details::-webkit-scrollbar-track{background:#f3f4f6;border-radius:3px}.add-transaction-modal .step-content .payment-method-section .payment-details::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.add-transaction-modal .step-content .payment-method-section .payment-details::-webkit-scrollbar-thumb:hover{background:#9ca3af}.add-transaction-modal .step-content .payment-method-section .payment-details .form-row{display:flex;gap:20px;padding-top:24px}.add-transaction-modal .step-content .payment-method-section .payment-details .form-row .form-group{flex:1}.add-transaction-modal .step-content .payment-method-section .payment-details .input-group{position:relative;margin-top:8px}.add-transaction-modal .step-content .payment-method-section .payment-details .input-group .input-field{padding:.75rem 1rem .75rem 2rem;border:1px solid #D8D8D8;border-radius:5px;font-size:1.6rem;transition:all .2s ease;height:5.5rem;outline:none;background-color:transparent}.add-transaction-modal .step-content .payment-method-section .payment-details .input-group .input-field:-webkit-autofill,.add-transaction-modal .step-content .payment-method-section .payment-details .input-group .input-field:-webkit-autofill:hover,.add-transaction-modal .step-content .payment-method-section .payment-details .input-group .input-field:-webkit-autofill:focus,.add-transaction-modal .step-content .payment-method-section .payment-details .input-group .input-field:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px white inset!important;box-shadow:0 0 0 30px #fff inset!important;-webkit-text-fill-color:inherit!important;transition:background-color 5000s ease-in-out 0s}.add-transaction-modal .step-content .payment-method-section .payment-details .input-group .input-field:focus+.input-label,.add-transaction-modal .step-content .payment-method-section .payment-details .input-group .input-field:not(:placeholder-shown)+.input-label{transform:translateY(-30px) translate(-4px) scale(.85);color:#d8d8d8;background-color:#fff;padding:0 8px;font-weight:400;left:8px}.add-transaction-modal .step-content .payment-method-section .payment-details .input-group .input-label{position:absolute;left:1.6rem;top:50%;transform:translateY(-50%);color:#d6d4e0;font-size:1.6rem;transition:all .2s ease;pointer-events:none;transform-origin:left top;background-color:transparent;z-index:1}.add-transaction-modal .step-content .payment-method-section .payment-details .input-group .error{color:#e53e3e;font-size:12px;margin-top:.5rem;display:block}.add-transaction-modal .step-content .transaction-success{display:flex;flex-direction:column;flex:1;overflow:hidden}.add-transaction-modal .step-content .transaction-success .success-transaction-card{background-color:#fef3c7;border-radius:12px;padding:24px;margin-bottom:32px;flex-shrink:0}.add-transaction-modal .step-content .transaction-success .success-transaction-card .card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px}.add-transaction-modal .step-content .transaction-success .success-transaction-card .card-header .company-info{display:flex;align-items:center;gap:12px}.add-transaction-modal .step-content .transaction-success .success-transaction-card .card-header .company-info .company-icon{width:40px;height:40px;background:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center}.add-transaction-modal .step-content .transaction-success .success-transaction-card .card-header .company-info .company-icon svg{width:20px;height:20px}.add-transaction-modal .step-content .transaction-success .success-transaction-card .card-header .company-info .company-name{font-size:18px;font-weight:600;color:#1f2937}.add-transaction-modal .step-content .transaction-success .success-transaction-card .card-header .amount-section{text-align:right}.add-transaction-modal .step-content .transaction-success .success-transaction-card .card-header .amount-section .amount{display:block;font-size:24px;font-weight:700;color:#1f2937;margin-bottom:8px}.add-transaction-modal .step-content .transaction-success .success-transaction-card .card-header .amount-section .status-badge{display:flex;align-items:center;justify-content:flex-end;gap:6px}.add-transaction-modal .step-content .transaction-success .success-transaction-card .card-header .amount-section .status-badge svg{width:16px;height:16px}.add-transaction-modal .step-content .transaction-success .success-transaction-card .card-header .amount-section .status-badge .status-text{font-size:14px;font-weight:500;color:#f59e0b}.add-transaction-modal .step-content .transaction-success .success-transaction-card .success-timeline{position:relative;padding-left:20px}.add-transaction-modal .step-content .transaction-success .success-transaction-card .success-timeline .timeline-item{position:relative;display:flex;align-items:flex-start;gap:16px;padding-bottom:20px}.add-transaction-modal .step-content .transaction-success .success-transaction-card .success-timeline .timeline-item:last-child{padding-bottom:0}.add-transaction-modal .step-content .transaction-success .success-transaction-card .success-timeline .timeline-item .timeline-dot{position:absolute;left:-24px;top:4px;width:12px;height:12px;border:3px solid #FFFFFF;border-radius:50%;z-index:2}.add-transaction-modal .step-content .transaction-success .success-transaction-card .success-timeline .timeline-item .timeline-dot.completed{background:#10b981}.add-transaction-modal .step-content .transaction-success .success-transaction-card .success-timeline .timeline-item .timeline-dot.pending{background:#f59e0b}.add-transaction-modal .step-content .transaction-success .success-transaction-card .success-timeline .timeline-item .timeline-content .timeline-title{font-size:14px;font-weight:500;color:#374151;margin-bottom:4px}.add-transaction-modal .step-content .transaction-success .success-transaction-card .success-timeline .timeline-item .timeline-content .timeline-date{font-size:13px;color:#6b7280;margin-bottom:12px}.add-transaction-modal .step-content .transaction-success .success-transaction-card .success-timeline .timeline-item .timeline-content .action-buttons{display:flex;gap:12px}.add-transaction-modal .step-content .transaction-success .success-transaction-card .success-timeline .timeline-item .timeline-content .action-buttons .send-notification-btn{padding:8px 16px;background:#21566d;color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.add-transaction-modal .step-content .transaction-success .success-transaction-card .success-timeline .timeline-item .timeline-content .action-buttons .send-notification-btn:hover{background:#1e4a5d}.add-transaction-modal .step-content .transaction-success .success-transaction-card .success-timeline .timeline-item .timeline-content .action-buttons .whatsapp-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#fff;color:#25d366;border:1px solid #25D366;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.add-transaction-modal .step-content .transaction-success .success-transaction-card .success-timeline .timeline-item .timeline-content .action-buttons .whatsapp-btn:hover{background:#25d366;color:#fff}.add-transaction-modal .step-content .transaction-success .success-transaction-card .success-timeline .timeline-item .timeline-content .action-buttons .whatsapp-btn:hover svg path{stroke:#fff}.add-transaction-modal .step-content .transaction-success .success-transaction-card .success-timeline .timeline-item .timeline-content .action-buttons .whatsapp-btn svg{width:16px;height:16px}.add-transaction-modal .step-content .transaction-success .success-transaction-card .success-timeline .timeline-line{position:absolute;left:-18px;top:16px;bottom:20px;width:2px;background:#e5e7eb;z-index:1}.add-transaction-modal .step-content .transaction-success .success-payment-info{flex:1;overflow-y:auto;padding-right:8px}.add-transaction-modal .step-content .transaction-success .success-payment-info::-webkit-scrollbar{width:6px}.add-transaction-modal .step-content .transaction-success .success-payment-info::-webkit-scrollbar-track{background:#f3f4f6;border-radius:3px}.add-transaction-modal .step-content .transaction-success .success-payment-info::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.add-transaction-modal .step-content .transaction-success .success-payment-info::-webkit-scrollbar-thumb:hover{background:#9ca3af}.add-transaction-modal .step-content .transaction-success .success-payment-info .section-title{font-size:20px;font-weight:500;color:#c6d4c2;margin:0 0 24px;letter-spacing:.02em}.add-transaction-modal .step-content .transaction-success .success-payment-info .info-grid{display:flex;flex-direction:column;gap:.1rem}.add-transaction-modal .step-content .transaction-success .success-payment-info .info-grid .info-row{display:flex;justify-content:space-between;align-items:center;padding-bottom:1px}.add-transaction-modal .step-content .transaction-success .success-payment-info .info-grid .info-row:last-child{border-bottom:none;padding-bottom:0}.add-transaction-modal .step-content .transaction-success .success-payment-info .info-grid .info-row .info-label{font-size:16px;color:#545454;font-weight:400}.add-transaction-modal .step-content .transaction-success .success-payment-info .info-grid .info-row .info-value{font-size:14px;color:#2d2d2d;font-weight:500;text-align:right}.add-transaction-modal .step-content .transaction-success .success-payment-info .info-grid .info-row .info-link{font-size:16px;color:#21566d;font-weight:500;text-decoration:none;cursor:pointer}.add-transaction-modal .step-content .transaction-success .success-payment-info .info-grid .info-row .info-link:hover{text-decoration:underline}.add-transaction-modal .modal-footer{display:flex;align-items:flex-end;justify-content:flex-end;gap:1.5rem;padding:2.5rem 2rem 2.25rem;margin-left:-24px;width:calc(100% + 48px);border-top:1px solid #D6D4E0;background-color:#fff;flex-shrink:0;margin-top:auto;position:sticky;bottom:0rem;right:1rem}.add-transaction-modal .modal-footer .cancel-btn{padding:1.25rem 2.5rem;background:#fff;color:#d64550;border:1px solid #F1BCC0;border-radius:1rem;font-size:1.6rem;font-weight:500;cursor:pointer;transition:all .2s ease}.add-transaction-modal .modal-footer .cancel-btn:hover{background:#f7dadc;border-color:#eca4aa}.add-transaction-modal .modal-footer .next-btn{padding:1.25rem 2.5rem;background:#21566d;color:#fff;border:none;border-radius:8px;font-size:1.6rem;font-weight:500;cursor:pointer;transition:all .2s ease}.add-transaction-modal .modal-footer .next-btn:hover{background:#5d9db0}.add-transaction-modal .modal-footer .next-btn:disabled{background:#a4cbd4;cursor:not-allowed}.transactions-header{display:flex;justify-content:space-between;align-items:center;padding:24px 32px;background:#fff;border-bottom:1px solid #e5e7eb;flex-shrink:0}.transactions-header .transactions-title{font-size:2rem;font-weight:300;color:#545454;margin:0}.transactions-header .header-actions{display:flex;align-items:center;gap:1.6rem}.transactions-header .header-actions .search-btn{display:flex;align-items:center;justify-content:center;width:4.8rem;height:4.8rem;background:transparent;border:1px solid #C6D4C2;border-radius:8px;cursor:pointer;color:#c6d4c2;transition:all .2s ease}.transactions-header .header-actions .search-btn svg{width:1.8rem;height:1.8rem}.transactions-header .header-actions .add-transaction-btn{display:flex;align-items:center;gap:.8rem;max-height:4.8rem;padding:1.25rem 1.75rem;background:#21566d;color:#fff;border:none;border-radius:1rem;font-size:1.6rem;font-weight:500;cursor:pointer;transition:all .2s ease;height:44px}.transactions-header .header-actions .add-transaction-btn svg{color:#fff;width:1.6rem;height:1.6rem;background:#fff3;border-radius:50%;padding:2px}.header-divider{height:1px;background:#e5e7eb;flex-shrink:0}.transaction-item{display:flex;align-items:center;padding:16px 32px;border-bottom:1px solid #f3f4f6;transition:background-color .2s ease;cursor:pointer}.transaction-item:hover{background:#f9fafb}.transaction-item:active{background:#f3f4f6}.transaction-item .transaction-icon{margin-right:16px}.transaction-item .transaction-icon .icon-wrapper{width:5rem;height:5rem;border-radius:50%;border:1px solid #E0E0E0;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#fff}.transaction-item .transaction-icon .icon-wrapper .company-logo{width:100%;height:100%;object-fit:cover;border-radius:50%}.transaction-item .transaction-details{flex:1}.transaction-item .transaction-details .company-info-detail .company-name{display:flex;align-items:center;font-size:1.8rem;font-weight:500;color:#2d2d2d;margin-bottom:4px}.transaction-item .transaction-details .company-info-detail .company-name .verified-badge{margin-left:8px;width:2rem;height:2rem;display:inline-block;vertical-align:middle}.transaction-item .transaction-details .company-info-detail .payment-info{display:flex;align-items:center;font-size:1.4rem;color:#545454}.transaction-item .transaction-details .company-info-detail .payment-info .payment-method{font-weight:500;font-size:1.4rem;color:#545454}.transaction-item .transaction-details .company-info-detail .payment-info .added-by{margin-left:4px;font-weight:400;font-size:1.4rem;color:#545454}.transaction-item .transaction-amount{text-align:right}.transaction-item .transaction-amount .amount{display:block;font-size:2rem;font-weight:500;color:#2d2d2d;margin-bottom:.4rem}.transaction-item .transaction-amount .status{display:flex;align-items:center;font-size:1.6rem;font-weight:500}.transaction-item .transaction-amount .status.confirmed{color:#4caf50}.transaction-item .transaction-amount .status.pending{color:#e2b007}.transaction-item .transaction-amount .status img{width:1.4rem;height:1.4rem;margin-right:.6rem}.date-group .date-header{padding:1.5rem 3.25rem;font-size:2rem;font-weight:500;color:#c6d4c2;background:#fff;position:sticky;top:0;z-index:10;margin:1.6rem 0 0rem}.transactions-left{width:50%;background:#fff;border-right:1px solid #e5e7eb;overflow-y:auto;flex-shrink:0;scrollbar-width:none;-ms-overflow-style:none}.transactions-left .transactions-list{padding:0}.transactions-left::-webkit-scrollbar{display:none}.pending-payout-section{margin-bottom:50px}.pending-payout-section .payout-header{margin-bottom:12px}.pending-payout-section .payout-header .payout-label{font-size:1.6rem;font-weight:400;color:#545454;letter-spacing:.02em}.pending-payout-section .payout-amount{display:flex;align-items:baseline;margin-bottom:1.6rem}.pending-payout-section .payout-amount .amount-value{font-size:5.6rem;font-weight:600;color:#2d2d2d;line-height:1}.pending-payout-section .payout-amount .amount-unit{font-size:2.4rem;font-weight:400;color:#545454;margin-left:8px}.pending-payout-section .payout-change{display:flex;align-items:center;gap:6px}.pending-payout-section .payout-change .change-icon{color:#4caf50;width:2.6rem;height:2.6rem}.pending-payout-section .payout-change .change-text{font-size:1.8rem;color:#4caf50;font-weight:500;letter-spacing:.01em}.graph-container{margin-top:30px}.graph-container .graph-svg{width:100%;height:100%;margin-bottom:10px;background:#fff;border-radius:12px}.graph-container .graph-svg .grid-lines line{stroke:#f3f4f6;stroke-width:1}.graph-container .graph-labels{display:flex;justify-content:space-between;padding:0 80px;margin-top:10px}.graph-container .graph-labels span{font-size:13px;color:#545454;font-weight:500;text-align:center;white-space:nowrap}.unit-details{padding:1.5rem;max-width:600px;margin:0 auto}.unit-details .input-group{position:relative;margin-bottom:1.5rem}.unit-details .input-group.error .input-field{border-color:#ef4444}.unit-details .input-group.error .input-label{color:#ef4444}.unit-details .input-field{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:1rem;transition:border-color .2s}.unit-details .input-field:focus{outline:none;border-color:#3b82f6}.unit-details .input-field::placeholder{color:transparent}.unit-details .input-field:focus+.input-label,.unit-details .input-field:not(:placeholder-shown)+.input-label{transform:translateY(-1.75rem) scale(.85);color:#3b82f6;background-color:#fff;padding:0 .25rem;left:.5rem}.unit-details .input-label{position:absolute;left:.75rem;top:.75rem;color:#6b7280;background-color:#fff;padding:0 .25rem;transition:all .2s;pointer-events:none}.unit-details .error-message{display:block;margin-top:.25rem;color:#ef4444;font-size:.875rem}.unit-details .form-actions{margin-top:1.5rem;text-align:right}.unit-details .submit-button{padding:.5rem 1.5rem;background-color:#3b82f6;color:#fff;border:none;border-radius:.375rem;cursor:pointer;font-size:1rem;transition:background-color .2s}.unit-details .submit-button:hover{background-color:#2563eb}.unit-details .submit-button:disabled{background-color:#93c5fd;cursor:not-allowed}.transactions-container{width:100%;height:100%;background:#fff;display:flex;flex-direction:column;overflow:hidden;margin-left:10px;border-radius:1rem}.transactions-container .transactions-content{display:flex;height:100%;flex:1;overflow:hidden}.transactions-container .transactions-content .vertical-divider{width:1px;background:#e5e7eb;flex-shrink:0}.transactions-container .transactions-content .transactions-right{width:50%;height:100%;padding:3rem;overflow:scroll;flex-shrink:0}@media (max-width: 1600px){.transactions-content .transactions-left,.transactions-content .transactions-right{width:50%}}@media (max-width: 1200px){.transactions-content{flex-direction:row}.transactions-content .transactions-left{width:50%;height:100%}.transactions-content .vertical-divider{width:100%;height:1px}.transactions-content .transactions-right{width:50%;height:100%}}.unit-details-modal .input-group{width:100%}.add-transaction-modal{display:flex;flex-direction:column;height:100%}.add-transaction-modal .modal-header{padding:20px;border-bottom:1px solid #eaeaea}.add-transaction-modal .modal-header .modal-title{margin:0;font-size:18px;font-weight:600;color:#333}.add-transaction-modal .booking-info-section{padding:20px;border-bottom:1px solid #eaeaea;background-color:#dbefdc}.add-transaction-modal .booking-info-section .booking-info-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.add-transaction-modal .booking-info-section .booking-info-header .visitor-info h3{margin:0 0 5px;font-size:16px;font-weight:600}.add-transaction-modal .booking-info-section .booking-info-header .visitor-info p{margin:0;font-size:14px;color:#666}.add-transaction-modal .booking-info-section .booking-info-header .match-score{text-align:center;padding:10px 15px;border-radius:8px}.add-transaction-modal .booking-info-section .booking-info-header .match-score .score-value{font-size:18px;font-weight:600;color:green}.add-transaction-modal .booking-info-section .booking-info-header .match-score .score-label{font-size:12px;color:#666}.signup__container{width:100%;max-width:70%;margin:0 auto;padding:4rem 3rem;background-color:#fff;border-radius:8px;border:1px solid #D6D4E0;box-shadow:0 2px 10px #0000000d}.signup__container .signup-form{display:flex;flex-direction:column}.signup__container .signup-form h2{font-size:2.2rem;font-weight:400;color:#21566d;margin-bottom:.5rem;text-align:left}.signup__container .signup-form .divider{height:1px;background-color:#d6d4e0;margin:1rem 0 2rem;width:100%}.signup__container .signup-form .form-group{margin-bottom:1.5rem;position:relative}.signup__container .signup-form .form-group .input-group{position:relative;margin-top:8px;width:100%}.signup__container .signup-form .form-group .input-group .input-field{width:100%;padding:.75rem 1rem .75rem 2rem;border:1px solid #D6D4E0;border-radius:5px;font-size:1.8rem;transition:all .2s ease;height:50px;outline:none;background-color:#fff;color:#2d2d2d}.signup__container .signup-form .form-group .input-group .input-field::placeholder{color:transparent}.signup__container .signup-form .form-group .input-group .input-field:-webkit-autofill,.signup__container .signup-form .form-group .input-group .input-field:-webkit-autofill:hover,.signup__container .signup-form .form-group .input-group .input-field:-webkit-autofill:focus,.signup__container .signup-form .form-group .input-group .input-field:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px white inset!important;box-shadow:0 0 0 30px #fff inset!important;-webkit-text-fill-color:inherit!important;transition:background-color 5000s ease-in-out 0s}.signup__container .signup-form .form-group .input-group .input-field:focus+.input-label,.signup__container .signup-form .form-group .input-group .input-field:not(:placeholder-shown)+.input-label{transform:translateY(-38px) scale(.85);color:#d6d4e0;background-color:#fff;padding:0 8px;font-weight:400;left:8px}.signup__container .signup-form .form-group .input-group .input-field.error{border-color:#d64550}.signup__container .signup-form .form-group .input-group .input-label{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#c6d4c2;font-size:1.8rem;transition:all .2s ease;pointer-events:none;transform-origin:left top;background-color:transparent;z-index:1}.signup__container .signup-form .input-container.phone-input-container .phone-entry-area{position:relative;margin-top:8px}.signup__container .signup-form .input-container.phone-input-container .phone-entry-area .phone-field-container{display:flex;border:1px solid #D6D4E0;border-radius:5px;overflow:visible;height:50px;position:relative;background-color:#fff}.signup__container .signup-form .input-container.phone-input-container .phone-entry-area .phone-field-container.error{border-color:#d64550}.signup__container .signup-form .input-container.phone-input-container .phone-entry-area .phone-field-container .country-code{display:flex;align-items:center;padding:0 .75rem;background-color:#fff;font-size:1.8rem;min-width:78px;z-index:1;border-radius:5px}.signup__container .signup-form .input-container.phone-input-container .phone-entry-area .phone-field-container .country-code img{width:3rem;height:auto;margin-left:1.25rem;margin-right:1rem}.signup__container .signup-form .input-container.phone-input-container .phone-entry-area .phone-field-container .country-code span{margin-right:4px;color:#2d2d2d}.signup__container .signup-form .input-container.phone-input-container .phone-entry-area .phone-field-container .country-code .dropdown-icon{width:15px;color:#545454}.signup__container .signup-form .input-container.phone-input-container .phone-entry-area .phone-field-container .phone-input-wrapper{position:relative;flex:1}.signup__container .signup-form .input-container.phone-input-container .phone-entry-area .phone-field-container .phone-input-wrapper input.input-field{width:100%;border:none;padding:0 1rem;outline:none;font-size:1.8rem;height:100%;border-radius:5px;background-color:#fff;color:#2d2d2d}.signup__container .signup-form .input-container.phone-input-container .phone-entry-area .phone-field-container .phone-input-wrapper input.input-field::placeholder{color:transparent}.signup__container .signup-form .input-container.phone-input-container .phone-entry-area .phone-field-container .phone-input-wrapper input.input-field:-webkit-autofill,.signup__container .signup-form .input-container.phone-input-container .phone-entry-area .phone-field-container .phone-input-wrapper input.input-field:-webkit-autofill:hover,.signup__container .signup-form .input-container.phone-input-container .phone-entry-area .phone-field-container .phone-input-wrapper input.input-field:-webkit-autofill:focus,.signup__container .signup-form .input-container.phone-input-container .phone-entry-area .phone-field-container .phone-input-wrapper input.input-field:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px white inset!important;box-shadow:0 0 0 30px #fff inset!important;-webkit-text-fill-color:#333333!important;transition:background-color 5000s ease-in-out 0s}.signup__container .signup-form .input-container.phone-input-container .phone-entry-area .phone-field-container .phone-input-wrapper .phone-label{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#d6d4e0;font-size:1.8rem;transition:all .2s ease;pointer-events:none;transform-origin:left top;z-index:2;border-radius:5px}.signup__container .signup-form .input-container.phone-input-container .phone-entry-area .phone-field-container .phone-input-wrapper input.input-field:focus+.phone-label,.signup__container .signup-form .input-container.phone-input-container .phone-entry-area .phone-field-container .phone-input-wrapper input.input-field:not(:placeholder-shown)+.phone-label{transform:translateY(-38px) translate(-78px) scale(.85);color:#d6d4e0;background-color:#fff;padding:0 8px;font-weight:400;left:8px;z-index:5}.signup__container .signup-form .name-container{display:flex;gap:1rem}.signup__container .signup-form .name-container .form-group{flex:1}.signup__container .signup-form .password-group .password-field{position:relative;margin-top:8px}.signup__container .signup-form .password-group .password-field .input-field{padding-right:6rem;background-color:#fff;color:#333}.signup__container .signup-form .password-group .password-field .input-field::placeholder{color:transparent}.signup__container .signup-form .password-group .password-field .input-field:-webkit-autofill,.signup__container .signup-form .password-group .password-field .input-field:-webkit-autofill:hover,.signup__container .signup-form .password-group .password-field .input-field:-webkit-autofill:focus,.signup__container .signup-form .password-group .password-field .input-field:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px white inset!important;box-shadow:0 0 0 30px #fff inset!important;-webkit-text-fill-color:#333333!important;transition:background-color 5000s ease-in-out 0s}.signup__container .signup-form .password-group .password-field .toggle-password{position:absolute;right:2rem;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;z-index:2}.signup__container .signup-form .password-group .password-field .toggle-password img{width:22px;height:22px}.signup__container .signup-form .terms-text{font-size:1.6rem;color:#2d2d2d;margin:4rem 0 1.5rem;width:100%;text-align:center}.signup__container .signup-form .terms-text strong{font-weight:500}.signup__container .signup-form .terms-text a{color:#21566d;text-decoration:none;font-weight:500}.signup__container .signup-form .terms-text a:hover{text-decoration:underline}.signup__container .signup-form .create-account-btn{width:100%;background-color:#21566d;color:#fff;border:none;padding:1.75rem;border-radius:10px;font-size:1.8rem;font-weight:500;cursor:pointer;margin-top:6rem;margin-bottom:1.5rem;transition:background-color .2s}.signup__container .signup-form .create-account-btn:hover{background-color:#174456}.signup__container .signup-form .login-link{font-size:1.7rem;color:#2d2d2d;text-align:center;margin-top:1rem}.signup__container .signup-form .login-link a{color:#21566d;font-weight:600;text-decoration:none}.signup__container .signup-form .login-link a:hover{text-decoration:underline}@media (max-width: 576px){.signup__container{max-width:100%;padding:1.5rem;box-shadow:none}.signup__container .name-container{flex-direction:column;gap:1rem}}.support{height:100%}.support__container{background-color:#fff;border-radius:1rem;padding:5rem;margin:0 0 0 10px;overflow-y:scroll;padding-bottom:150px;height:100%;scrollbar-width:none;-ms-overflow-style:none}.support__container::-webkit-scrollbar{display:none}.support__header{margin-left:6rem;display:flex;align-items:center;justify-content:space-between;margin-bottom:4rem;gap:2rem}.support__header-content{flex:1;max-width:40%;margin-bottom:6rem}.support__title{font-size:4.8rem;font-weight:600;color:#545454;margin-bottom:1rem;line-height:1.2}.support__subtitle{font-size:4.8rem;font-weight:600;color:#545454;margin:0;line-height:1.3}.support__header-image{flex:1;display:flex;justify-content:center;align-items:center;max-width:50%}.support__main-image{width:100%;max-width:360px;height:auto}.support__divider{height:1px;background-color:#d6d4e0;margin:2rem 0 7rem;width:100%}.support__options{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:5rem}.support__option{background-color:#fff;border-radius:10px;padding:2.5rem;display:flex;flex-direction:column;gap:1rem;transition:all .3s ease;border:1px solid #E5E7EB;cursor:pointer}.support__option:hover{box-shadow:0 4px 20px #0000001a}.support__option-icon{background-color:#e0eef1;border-radius:50%;width:7rem;height:7rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:2.2rem}.support__option-icon img{width:2.4rem;height:2.4rem}.support__option-content{flex:1;display:flex;flex-direction:column;gap:.5rem}.support__option-title{font-size:2.4rem;font-weight:600;color:#2d2d2d;margin:0;line-height:1.2}.support__option-contact{font-size:1.6rem;font-weight:400;color:#545454;margin:0;line-height:1.4}.support__option-number{font-weight:500;color:#2d2d2d}@media (max-width: 768px){.support__header{flex-direction:column-reverse;align-items:flex-start;margin-left:0}.support__header-content{max-width:100%}.support__header-image{max-width:100%;margin-top:2rem;display:none}.support__options{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}.notifications__header{padding:2.4rem 2.4rem 2rem;display:flex;justify-content:space-between;align-items:center}.notifications__title{font-size:2rem;font-weight:300;color:#545454;margin:0}.notifications__close{width:3.2rem;height:3.2rem;display:flex;align-items:center;justify-content:space-around;background:none;border:none;font-size:20px;color:#9ca3af;cursor:pointer;padding:4px;border-radius:4px;transition:color .2s ease}.notifications__close svg{width:1.6rem}.notifications__close:hover{color:#374151;background-color:#f3f4f6}.notifications__tabs{display:flex;padding:0 2.4rem;gap:1rem;margin-bottom:2rem}.notifications__tab{background:#fff;border:1px solid #D6D4E0;padding:6px 1.6rem;font-size:1.6rem;font-weight:400;color:#545454;cursor:pointer;border-radius:10px;text-align:center}.notifications__tab--active{color:#21566d;background-color:#a4cbd4;border:1px solid #21566D}.notification__icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0;overflow:hidden}.notification__icon--request{background-color:#dbeafe}.notification__icon--comment,.notification__icon--like{background-color:#f3f4f6}.notification__icon--visit{background-color:#dcfce7}.notification__icon--grievance{background-color:#fef2f2}.notification__icon--default{background-color:#f3f4f6}.notification__icon--image{background-color:transparent;padding:0}.notification__icon-img{width:100%;height:100%;object-fit:cover;border-radius:50%}.notification__item{margin:0 2.4rem .6rem;padding:1.8rem 1.4rem;border:1px solid #D6D4E0;border-radius:1rem;background-color:#fff;transition:background-color .2s ease;cursor:pointer}.notification__item:hover{background-color:#f9fafb}.notification__item:last-child{margin-bottom:2.4rem}.notification__content{display:flex;align-items:flex-start;gap:0}.notification__left{display:flex;align-items:flex-start;gap:1.6rem;width:100%}.notification__details{flex:1;min-width:0}.notification__title-row{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem}.notification__title{font-size:1.6rem;font-weight:500;color:#2d2d2d;line-height:1.4;margin:0;flex:1}.notification__red-dot{width:1rem;height:1rem;background-color:#d64550;border-radius:50%;flex-shrink:0;margin-top:.5rem}.notification__action-btn{background-color:#fff;border:1px solid #A4CBD4;border-radius:1rem;padding:1rem 1.5rem;font-size:1.4rem;font-weight:500;color:#21566d;cursor:pointer;margin-bottom:1rem;transition:all .2s ease}.notification__action-btn:hover{background-color:#e0eef1;border-color:#21566d}.notification__description{font-size:1.4rem;color:#545454;line-height:1.5;margin:1rem 0;white-space:pre-line}.notification__description-container{display:flex;align-items:stretch;gap:1.5rem;margin:1rem 0}.notification__description-bar{width:.5rem;background-color:#d6d4e0;border-radius:.25rem;flex-shrink:0}.notification__description-container .notification__description{margin:0;flex:1}.notification__timestamp{font-size:1.4rem;color:#545454;font-weight:300;display:block;margin-top:.75rem}.notifications__overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:100}.notifications__overlay:before{content:"";position:absolute;top:2rem;left:27rem;right:2rem;bottom:2rem;pointer-events:none}.notifications{width:60rem;height:calc(100vh - 2rem);border-radius:1rem;background-color:#fff;position:fixed;top:1rem;left:26rem;z-index:100;box-shadow:0 0 20px #0003;overflow:hidden}.notifications__container{height:100%;display:flex;flex-direction:column}.notifications__list{flex:1;overflow-y:auto;padding:0;scrollbar-width:none;-ms-overflow-style:none}.notifications__list::-webkit-scrollbar{display:none}.profile-user-info{padding:1.5rem;display:flex;flex-direction:column;align-items:center}.avatar-container{margin-bottom:1rem;border:1px solid #D6D4E0;width:10.8rem;height:10.8rem;border-radius:50%}.profile-avatar{width:100%;height:100%;object-fit:cover}.profile-name{font-size:2rem;font-weight:500;margin:.5rem 0 .25rem;color:#2d2d2d;text-align:center}.profile-role{font-size:1.4rem;font-weight:400;color:#545454;margin-bottom:1.5rem;text-align:center}.profile-tabs{margin-top:2.5rem;display:flex;flex-direction:column;padding:.5rem 0}.tab-button{height:5rem;border-radius:10px;border:none;background:none;text-align:left;padding:.875rem 1.5rem;font-size:1.6rem;font-weight:400;color:#545454;cursor:pointer;transition:all .3s ease;position:relative;display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;outline:none}.tab-button:hover{color:#2d2d2d;background-color:#21566d0d}.tab-button.active{color:#fff;font-weight:500;background-color:#21566d}.tab-button .arrow-icon{font-size:30px;font-weight:300;color:#e0eef1;transition:transform .3s ease}.tab-button.active .arrow-icon{transform:translate(3px)}.profile-sidebar{padding-left:2rem;padding-right:2rem;width:34rem;height:100%;background:#fff;border-radius:10px;border:1px solid #E5E7EB;display:flex;flex-direction:column;overflow:hidden;flex-shrink:0;position:sticky;top:0}.profile-divider{height:1px;background-color:#d6d4e0;width:100%}.logout-container{margin-top:auto;margin-bottom:1rem}.logout-button{height:fit-content;width:100%;padding:1.5rem;border:1px solid #ECA4AA;border-radius:10px;background:none;color:#d64550;font-size:1.6rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:1rem;transition:all .2s ease}.logout-button svg{width:2rem;height:2rem}.logout-button:hover{background-color:#ef44440d}.device-item{border-radius:0;background-color:transparent;border:none;padding:0;margin-bottom:1.5rem;display:flex;flex-direction:row}.device-item:last-child{margin-bottom:0}.device-left{display:flex;align-items:center;gap:1rem}.device-name{font-size:1.4rem;font-weight:500;color:#111827;margin-bottom:.25rem}.device-status{display:flex;align-items:center;font-size:1.2rem;color:#6b7280}.device-status .status-text{color:#4caf50;font-weight:600}.device-status .separator{margin:0 .5rem}.device-status .login-time{color:#6b7280}.current-device{display:flex;align-items:center;margin-left:auto;font-size:1.2rem;font-weight:500;color:#4caf50}.current-device .current-dot{width:8px;height:8px;background-color:#4caf50;border-radius:50%;margin-right:.5rem}.devices-list{display:flex;flex-direction:column}input[type=password]{width:100%;padding:12px 16px;margin:8px 0;border:1px solid #D8D8D8;border-radius:8px;font-size:14px;transition:all .3s ease;background-color:transparent;color:var(--text-primary)}input[type=password]:focus{outline:none;border-color:#d8d8d8;box-shadow:0 0 0 2px rgba(var(--primary-rgb),.1)}input[type=password]::placeholder{color:var(--text-secondary);opacity:.7}.error-message{color:#ff4d4f;font-size:13px;margin:4px 0 12px;padding:4px 0;border-radius:4px;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}input.error{border-color:#ff4d4f!important}.modal-buttons{display:flex;justify-content:flex-end;gap:1rem}.modal-buttons button{border-radius:6px;font-size:10px;width:120px;text-align:center;padding:8px;height:30px;cursor:pointer;margin-top:0!important}.notification-status-indicator{display:flex;align-items:center;margin-bottom:1rem}.notification-status-indicator .status-dot{width:10px;height:10px;border-radius:50%;margin-right:.5rem}.notification-status-indicator .status-dot.enabled{background-color:#4caf50}.notification-status-indicator .status-dot.disabled{background-color:#ef4444}.notification-status-indicator .status-text{font-size:1.4rem;font-weight:500;color:#4caf50}.notification-status-indicator .status-text.disabled{color:#ef4444}.notification-description{font-size:1.4rem;color:#4b5563;line-height:1.5;margin-bottom:1rem;max-width:650px}.disabled-button{padding:1rem 1.5rem;background-color:transparent;border:1px solid #FCA5A5;border-radius:6px;color:#dc2626;font-size:1.4rem;font-weight:500;cursor:pointer}.disabled-button:hover{background-color:#fef2f2}.enabled-button{padding:1rem 1.5rem;background-color:transparent;border:1px solid #BEE2C0;border-radius:6px;color:#4caf50;font-size:1.4rem;font-weight:500;cursor:pointer}.enabled-button:hover{background-color:#dbefdc}.content-section{margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid #E5E7EB}.content-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.content-title{margin-bottom:3rem;font-size:20px;font-weight:500;color:#545454}.profile-container{height:100%;width:calc(100% - 10px);padding:1rem;margin:0 0 0 10px;display:flex;align-items:flex-start;gap:1.5rem;border-radius:1rem;overflow-x:hidden;background-color:#fff;overflow-y:hidden}.profile-content{flex:1;padding:2rem;overflow-y:auto;height:100%}.profile-content .content-section{margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid #E5E7EB}.profile-content .content-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.profile-content .content-title{margin-bottom:3rem;font-size:2rem;font-weight:500;color:#545454}.profile-content .info-row{display:flex;margin-bottom:3rem;margin-left:2rem}.profile-content .info-row:last-child{margin-bottom:0}.profile-content .info-label{flex:0 0 400px;font-size:1.6rem;font-weight:500;color:#2d2d2d}.profile-content .info-content{flex:1}.profile-content .info-field{margin-bottom:1.5rem}.profile-content .info-field label{display:block;font-size:1.4rem;font-weight:400;color:#545454;margin-bottom:.25rem}.profile-content .info-field p{font-size:1.6rem;font-weight:400;color:#2d2d2d;margin:0}.profile-content .security-field{margin-bottom:1.5rem}.profile-content .last-password{font-size:1.4rem;color:#2d2d2d;margin-bottom:1rem;line-height:1.5}.profile-content .change-password-button{margin-top:2rem;padding:1rem 1.5rem;background-color:#f0f7fa;border:1px solid #21566D;border-radius:1rem;color:#21566d;font-size:1.4rem;font-weight:500;cursor:pointer}.profile-content .change-password-button:hover{background-color:#e0eef1}.profile-content .auth-description{font-size:1.4rem;color:#545454;margin-bottom:1rem;line-height:1.5}.profile-content .enable-2fa-button{padding:1rem 1.5rem;background-color:#f0f7fa;border:1px solid #21566D;border-radius:1rem;color:#21566d;font-size:1.4rem;font-weight:500;cursor:pointer}.profile-content .enable-2fa-button:hover{background-color:#e0eef1}.profile-content .password-strength{display:flex;gap:.25rem}.profile-content .strength-bar{width:6.5rem;height:1rem;background-color:#e5e7eb;border-radius:5px;margin-right:4px}.profile-content .strength-bar.filled{background-color:#4caf50}.profile-content .strength-bar:last-child{margin-right:0}.profile-content .strength-container{margin-bottom:1rem}.profile-content .strength-label{font-size:1.4rem;font-weight:500;color:#4b5563;margin-bottom:.5rem}.company-info{height:100%;overflow:hidden;margin-left:10px;border-radius:1rem}.company-info__container{height:100%;background-color:#fff;display:flex;flex-direction:row;margin:0;gap:0}.company-info__header{padding:2rem 2.4rem;border-bottom:1px solid #e5e7eb;background-color:#fff;flex-shrink:0}.company-info__title{font-size:2.4rem;font-weight:600;color:#2d2d2d;margin:0}.company-info__sidebar-wrapper{width:30%;height:100%;flex-shrink:0}.company-info__main-wrapper{flex:1;height:100%;background-color:#fff}.company-info h1{font-size:2rem;font-weight:300;color:#545454;padding:1rem}.company-info__sidebar{margin:1rem;padding:1rem;height:calc(100% - 2rem);border:1px solid #D6D4E0;border-radius:10px;overflow-y:auto;overflow-x:hidden}.company-info__nav-item{padding:2rem 2.4rem;margin-left:1rem;cursor:pointer;transition:all .2s ease;border-bottom:1px solid #f0f0f0}.company-info__nav-item:hover{background-color:#f4f4f2}.company-info__nav-item--active{background-color:#fff;border-left:3px solid #21566d}.company-info__nav-item--active .company-info__nav-text{color:#21566d;font-weight:600}.company-info__nav-item--active .company-info__nav-description{color:#21566d;font-weight:400}.company-info__nav-text{font-size:1.8rem;font-weight:500;color:#2d2d2d;display:block;margin-bottom:4px;line-height:1.4}.company-info__nav-description{font-size:1.5rem;color:#6b7280;line-height:1.65;font-weight:400}.company-info__main{padding:32px;overflow-y:auto;background-color:#fff;scroll-behavior:smooth;height:100vh}.company-info__section-container{margin-bottom:60px}.company-info__section-container:last-child{margin-bottom:32px}.company-info__section-title{font-size:2rem;font-weight:600;color:#2d2d2d;margin:0 0 32px}.company-info__section{margin-bottom:32px}.company-info__section:last-child{margin-bottom:0}.company-info__subsection-title{font-size:1.6rem;font-weight:600;color:#2d2d2d;margin:0 0 4px}.company-info__subsection-desc{font-size:12px;color:#545454;margin:0 0 20px;line-height:1.4;font-weight:400}@media (max-width: 768px){.company-info__subsection-desc{font-size:11px;margin-bottom:16px}}.company-info__form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}@media (max-width: 768px){.company-info__form-grid{grid-template-columns:1fr;gap:16px}}.company-info__detail-section{display:grid;grid-template-columns:300px 1fr;gap:40px;margin-bottom:40px;align-items:start}@media (max-width: 968px){.company-info__detail-section{grid-template-columns:1fr;gap:20px;margin-bottom:32px}}.company-info__detail-left{display:flex;flex-direction:column;gap:8px}.company-info__detail-section-title{font-size:1.8rem;font-weight:500;color:#2d2d2d;margin:0 0 0 10px;line-height:1.4}@media (max-width: 768px){.company-info__detail-section-title{font-size:15px}}.company-info__detail-section-desc{font-size:1.4rem;color:#545454;margin:0 0 0 10px;line-height:1.4;font-weight:400}@media (max-width: 768px){.company-info__detail-section-desc{font-size:11px}}.company-info__detail-right{display:flex;flex-direction:column;gap:16px}.company-info__detail-field{display:flex;flex-direction:column;gap:4px}.company-info__field-label{font-size:12px;font-weight:500;color:#6b7280;margin:0;line-height:1.4}@media (max-width: 768px){.company-info__field-label{font-size:11px}}.company-info__field-value{font-size:14px;color:#2d2d2d;line-height:1.4;font-weight:400}.company-info__field-value--multiline{line-height:1.5;margin-top:0}@media (max-width: 768px){.company-info__field-value{font-size:13px}}.company-info__form-group{display:flex;flex-direction:column;gap:4px}.company-info__label{font-size:12px;font-weight:500;color:#374151;margin:0}@media (max-width: 768px){.company-info__label{font-size:11px}}.company-info__value{font-size:14px;color:#1f2937;padding:12px 16px;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;line-height:1.4;font-weight:400}.company-info__value--textarea{min-height:80px;line-height:1.5}@media (max-width: 768px){.company-info__value{font-size:13px;padding:10px 14px}}.company-info__section-container{position:relative}.company-info__section-container:hover .company-info__edit-btn{opacity:1;visibility:visible}.company-info__section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.company-info__edit-btn{padding:.8rem;border-radius:.6rem;background-color:#e0eef1;border:1px solid #5D9DB0;color:#21566d;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}.company-info__edit-btn:hover{background-color:#a4cbd4}.company-info__edit-actions{display:flex;gap:1rem;opacity:1;visibility:visible}.company-info__cancel-btn{padding:.8rem 1.6rem;border-radius:.6rem;background-color:#fff;border:1px solid #e0e0e0;color:#545454}.company-info__cancel-btn:hover{background-color:#f4f4f2}.company-info__save-btn{padding:.8rem 1.6rem;border-radius:.6rem;background-color:#21566d;border:1px solid #21566d;color:#fff}.company-info__save-btn:hover{background-color:#5d9db0}.company-info__contact-grid{display:flex;flex-direction:column;gap:1.6rem}.company-info__contact-row{display:grid;grid-template-columns:200px 1fr;gap:2.4rem;align-items:start;padding:12px 0}.company-info__contact-label{font-size:1.4rem;font-weight:500;color:#545454;line-height:1.4}.company-info__contact-value{font-size:1.5rem;color:#2d2d2d;line-height:1.4;font-weight:400}.company-info__input{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:10px}.company-info__input:focus{outline:none;border-color:#fff;box-shadow:0 0 0 2px #ffffff40}.company-info__logo-upload{width:100px;height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center}.company-info__logo-upload-area{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.company-info__logo-upload-simple{margin-top:4px}.company-info__logo-preview{display:flex;align-items:center;gap:12px;position:relative;cursor:pointer}.company-info__logo-preview.editable:hover:after{content:"Change Logo";position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:500;border-radius:8px}.company-info__logo-icon{width:6rem;height:6rem;background-color:#21566d;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.6rem;flex-shrink:0}.company-info__logo-icon img{width:100%;height:100%;border-radius:50%;object-fit:cover}.company-info__logo-details{flex:1}.company-info__logo-filename{font-size:14px;color:#1f2937;font-weight:400;margin-bottom:2px;line-height:1.4}.company-info__logo-filesize{font-size:12px;color:#6b7280;line-height:1.4}.company-info__textarea{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:10px;font-family:inherit;resize:vertical}.company-info__textarea:focus{outline:none;border-color:#f1f1f1;box-shadow:0 0 0 2px #85858540}.company-info__brand-values{display:flex;flex-direction:column;gap:2rem}.company-info__section-header{position:relative}.company-info__edit-wrapper{position:absolute;right:0;top:0}.company-info__edit-btn{opacity:0;transition:opacity .2s ease}.company-info__section-header:hover .company-info__edit-btn{opacity:1}.company-info .hidden{display:none}.company-info__logo-image{width:100px;height:100px;object-fit:cover}.company-info__highlights-container{display:flex;flex-direction:column;gap:20px}.company-info__highlights-grid{display:grid;gap:1rem;display:flex;width:100%;flex-wrap:wrap;justify-content:left}.company-info__highlight-item{background-color:#e0eef1;color:#21566d;padding:1.2rem 1.6rem;border-radius:10px;font-size:1.4rem;font-weight:500;text-align:center;border:1px solid #A4CBD4;line-height:1.3;display:flex;align-items:center;justify-content:center}.company-info__highlights-note{font-size:12px;color:#545454;font-style:italic;margin:0;text-align:left}@media (max-width: 768px){.company-info__highlights-note{font-size:11px}}.company-info__promoter-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.company-info__add-promoter-btn{display:none;background-color:transparent;color:#2563eb;border:1px solid #2563eb;padding:8px 16px;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.company-info__add-promoter-btn:hover{background-color:#2563eb;color:#fff}f .company-info__detail-section.promoter-details{border-bottom:1px solid #D6D4E0}.company-info__promoter-detail-item{display:flex;justify-content:space-between;align-items:center;padding:2rem 0;border-bottom:1px solid #f0f0f0}.company-info__promoter-detail-item:last-child{border-bottom:none;margin-bottom:20px}.company-info__promoter-detail-item:first-child{padding:0rem 0 2rem}.company-info__promoter-detail-info{display:flex;flex-direction:column;gap:.25rem}.company-info__promoter-detail-company{font-size:1.8rem;font-weight:500;color:#2d2d2d;margin-bottom:4px;line-height:1.4}.company-info__promoter-detail-rera{font-size:1.6rem;color:#545454;line-height:1.4}.company-info__promoter-detail-status{display:flex;align-items:center;gap:6px;padding:4px 14px 4px 12px;border-radius:1rem;font-size:1.4rem;font-weight:500}.company-info__promoter-detail-status--verified{border:1px solid #DBEFDC;color:#4caf50}.company-info__promoter-detail-status--verified .company-info__status-dot{background-color:#4caf50}.company-info__promoter-detail-status--pending{border:1px solid #F9EFCD;color:#e2b007}.company-info__promoter-detail-status--pending .company-info__status-dot{background-color:#e2b007}.company-info__promoter-list{display:flex;flex-direction:column;gap:16px}.company-info__promoter-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px}.company-info__promoter-info{flex:1}.company-info__promoter-name{font-size:14px;font-weight:600;color:#1f2937;margin-bottom:4px}.company-info__promoter-company{font-size:13px;color:#374151;margin-bottom:2px}.company-info__promoter-rera{font-size:12px;color:#6b7280}.company-info__promoter-status{display:flex;align-items:center;gap:6px;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}.company-info__promoter-status--verified{background-color:#dcfce7;color:#166534}.company-info__promoter-status--verified .company-info__status-dot{background-color:#22c55e}.company-info__promoter-status--pending{background-color:#fef3c7;color:#92400e}.company-info__promoter-status--pending .company-info__status-dot{background-color:#f59e0b}.company-info__status-dot{width:6px;height:6px;border-radius:50%}.login__container{width:100%;max-width:70%;margin:0 auto;padding:4rem 3rem;background-color:#fff;border-radius:1rem;border:1px solid #D6D4E0;box-shadow:0 0 20px #0000001a}.login__container .login-form{display:flex;flex-direction:column}.login__container .login-form h2{font-size:2.2rem;font-weight:400;color:#21566d;margin-bottom:.5rem;text-align:left}.login__container .login-form .divider{height:1px;background-color:#d6d4e0;margin:2rem 0;width:100%}.login__container .login-form .form-group{margin-bottom:1.5rem;position:relative}.login__container .login-form .form-group .input-group{position:relative;margin-top:8px;width:100%}.login__container .login-form .form-group .input-group .input-field{width:100%;padding:.75rem 1rem .75rem 2rem;border:1px solid #D6D4E0;border-radius:5px;font-size:1.8rem;transition:all .2s ease;height:50px;outline:none;background-color:#fff;color:#2d2d2d}.login__container .login-form .form-group .input-group .input-field:-webkit-autofill,.login__container .login-form .form-group .input-group .input-field:-webkit-autofill:hover,.login__container .login-form .form-group .input-group .input-field:-webkit-autofill:focus,.login__container .login-form .form-group .input-group .input-field:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #ffffff inset!important;box-shadow:0 0 0 30px #fff inset!important;-webkit-text-fill-color:inherit!important;transition:background-color 5000s ease-in-out 0s}.login__container .login-form .form-group .input-group .input-field:focus+.input-label,.login__container .login-form .form-group .input-group .input-field:not(:placeholder-shown)+.input-label{transform:translateY(-38px) scale(.85);color:#d6d4e0;background-color:#fff;padding:0 8px;font-weight:400;left:8px}.login__container .login-form .form-group .input-group .input-label{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#c6d4c2;font-size:1.8rem;transition:all .2s ease;pointer-events:none;transform-origin:left top;background-color:transparent;z-index:1}.login__container .login-form .form-group .input-group .error{color:#e53e3e;font-size:1.4rem;margin-top:.5rem;display:block}.login__container .login-form .password-group .password-field{position:relative;margin-top:8px}.login__container .login-form .password-group .password-field .input-field{padding-right:6rem}.login__container .login-form .password-group .password-field .toggle-password{position:absolute;right:2rem;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;z-index:2}.login__container .login-form .password-group .password-field .toggle-password img{width:2.4rem;height:2.4rem}.login__container .login-form .form-actions{display:flex;justify-content:center;margin-bottom:1.5rem}.login__container .login-form .form-actions .forgot-link{color:#21566d;font-size:1.6rem;font-weight:400;margin-top:4rem;text-decoration:none}.login__container .login-form .form-actions .forgot-link:hover{text-decoration:underline}.login__container .login-form .login-btn{width:100%;background-color:#21566d;color:#fff;border:none;padding:1.75rem;border-radius:10px;font-size:1.8rem;font-weight:500;cursor:pointer;margin-top:.75rem;margin-bottom:1.5rem;transition:background-color .2s}.login__container .login-form .login-btn:hover{background-color:#174456}.login__container .login-form .signup-link{font-size:1.7rem;color:#2d2d2d;text-align:center;margin-top:1rem}.login__container .login-form .signup-link a{color:#21566d;font-weight:600;text-decoration:none}.login__container .login-form .signup-link a:hover{text-decoration:underline}@media (max-width: 576px){.login__container{max-width:100%;padding:1.5rem;box-shadow:none}}.otp-verify-form{background:#fff}.otp-verify-form h2{font-size:2.2rem;font-weight:400;color:#21566d;margin-bottom:.5rem;text-align:left}.otp-verify-form .divider{height:1px;background-color:#d6d4e0;margin:2rem 0;width:100%}.otp-verify-form .bottom-divider{margin:2rem 0}.otp-verify-form .otp-message{color:#2d2d2d;font-size:1.8rem;line-height:1.5;margin:1.5rem 0;text-align:left;margin-bottom:30px}.otp-verify-form .otp-message strong{color:#2d2d2d;font-weight:500;display:block;margin-top:4px}.otp-verify-form .otp-input-group{display:flex;justify-content:space-between;gap:.75rem;margin:1.5rem 0}.otp-verify-form .otp-input-group .otp-box{width:calc(20% - 3.75rem);height:auto;aspect-ratio:1;border:1px solid #D8D8D8;border-radius:4px;font-size:2rem;text-align:center;transition:border-color .2s;outline:none;margin-bottom:10px}.otp-verify-form .verify-button{width:100%;background-color:#21566d;color:#fff;border:none;padding:1.75rem;border-radius:10px;font-size:1.8rem;font-weight:500;cursor:pointer;margin-top:.75rem;margin-bottom:1.5rem;transition:background-color .2s}.otp-verify-form .verify-button:hover{background-color:#174456}.otp-verify-form .resend-button{display:block;background:none;border:none;color:#21566d;font-size:1.6rem;font-weight:500;cursor:pointer;padding:0;margin:0 auto 10px;text-align:center;text-decoration:none;margin-top:4rem}.otp-verify-form .resend-button:hover{text-decoration:underline}.otp-verify-form .change-email{font-size:1.6rem;text-align:center;color:#2d2d2d;margin:0}.otp-verify-form .change-email .link{color:#21566d;font-weight:500;cursor:pointer}.otp-verify-form .change-email .link:hover{text-decoration:underline}.forgot-password__container{width:100%;max-width:70%;margin:0 auto;padding:4rem 3rem;background-color:#fff;border-radius:1rem;border:1px solid #D6D4E0;box-shadow:0 0 20px #0000001a}.forgot-password__container .forgot-password-form{display:flex;flex-direction:column}.forgot-password__container .forgot-password-form h2{font-size:2.2rem;font-weight:400;color:#21566d;margin-bottom:.5rem;text-align:left}.forgot-password__container .forgot-password-form .divider{height:1px;background-color:#d6d4e0;margin:2rem 0;width:100%}.forgot-password__container .forgot-password-form .divider.bottom{margin-top:6rem}.forgot-password__container .forgot-password-form .form-group{margin-bottom:1.5rem;position:relative}.forgot-password__container .forgot-password-form .form-group .input-group{position:relative;margin-top:8px;width:100%}.forgot-password__container .forgot-password-form .form-group .input-group .input-field{width:100%;padding:.75rem 1rem .75rem 2rem;border:1px solid #D6D4E0;border-radius:5px;font-size:1.8rem;transition:all .2s ease;height:50px;outline:none;background-color:#fff;color:#2d2d2d}.forgot-password__container .forgot-password-form .form-group .input-group .input-field:-webkit-autofill,.forgot-password__container .forgot-password-form .form-group .input-group .input-field:-webkit-autofill:hover,.forgot-password__container .forgot-password-form .form-group .input-group .input-field:-webkit-autofill:focus,.forgot-password__container .forgot-password-form .form-group .input-group .input-field:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px white inset!important;box-shadow:0 0 0 30px #fff inset!important;-webkit-text-fill-color:inherit!important;transition:background-color 5000s ease-in-out 0s}.forgot-password__container .forgot-password-form .form-group .input-group .input-field:focus+.input-label,.forgot-password__container .forgot-password-form .form-group .input-group .input-field:not(:placeholder-shown)+.input-label{transform:translateY(-38px) scale(.85);color:#d8d8d8;background-color:#fff;padding:0 8px;font-weight:400;left:8px}.forgot-password__container .forgot-password-form .form-group .input-group .input-label{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#c6d4c2;font-size:1.8rem;transition:all .2s ease;pointer-events:none;transform-origin:left top;background-color:transparent;z-index:1}.forgot-password__container .forgot-password-form .form-group .input-group .error{color:#e53e3e;font-size:1.4rem;margin-top:.5rem;display:block}.forgot-password__container .forgot-password-form .request-otp-btn{width:100%;background-color:#21566d;color:#fff;border:none;padding:1.75rem;border-radius:10px;font-size:1.8rem;font-weight:500;cursor:pointer;margin-top:.75rem;margin-bottom:1.5rem;transition:background-color .2s}.forgot-password__container .forgot-password-form .request-otp-btn:hover{background-color:#174456}.forgot-password__container .forgot-password-form .login-link{font-size:14px;color:#21566d;text-align:center;margin-top:1rem}.forgot-password__container .forgot-password-form .login-link a{color:#21566d;font-weight:500;text-decoration:none}.forgot-password__container .forgot-password-form .login-link a:hover{text-decoration:underline}@media (max-width: 576px){.forgot-password__container{max-width:100%;padding:1.5rem;box-shadow:none}}.site-visits-header{display:flex;justify-content:space-between;align-items:center;padding:2.4rem 2rem 2.4rem 2.6rem;border-bottom:1px solid #e0e0e0;position:sticky}@media (max-width: 768px){.site-visits-header{flex-direction:column;align-items:stretch;gap:1.5rem}}.site-visits-header h2{font-size:2rem;font-weight:300;color:#545454}.site-visits-header .search-bar{position:relative;width:30%;height:5rem}.site-visits-header .search-bar input{width:100%;height:100%;padding:0 1.5rem 0 4.2rem;border:1px solid #e0e0e0;border-radius:1rem;font-size:1.6rem;background-color:#fff;color:#2d2d2d}.site-visits-header .search-bar input::placeholder{color:#e0e0e0;line-height:48px}.site-visits-header .search-bar input:focus{outline:none;border-color:#a4cbd4}.site-visits-header .search-bar .search-icon{position:absolute;left:1.4rem;top:50%;transform:translateY(-50%);color:#c6d4c2;font-size:18px;display:flex;align-items:center;line-height:1}.visitor-name-section h3{margin:0;font-size:16px;font-weight:500}.visitor-name-section .match-score{display:flex;align-items:center;gap:8px;margin-top:4px;color:#666;font-size:14px}.visitor-name-section .match-score .score-icon{display:flex;align-items:center}.visitor-name-section .match-score .visit-time{display:flex;align-items:center;gap:4px}.visitor-name-section .match-score .visit-time .time-dot{color:#999}.visitor-partner-section{display:flex;flex-direction:column}.visitor-partner-section .walk-in{font-size:12px;color:#666}.visitor-partner-section .partner-name{display:flex;align-items:center;gap:4px;font-size:14px;color:#333}.visitor-partner-section .partner-name .verified-badge{display:flex;align-items:center}.action-buttons{display:flex;gap:8px}.action-btn{padding:8px 16px;border-radius:4px;border:none;cursor:pointer;font-size:14px}.action-btn.decline{background:#fff1f0;color:#ff4d4f;border:1px solid #FF4D4F}.action-btn.success{background:#f6ffed;color:#52c41a;border:1px solid #52C41A}.action-btn.primary{background:#1890ff;color:#fff}.buttons-container{display:flex;gap:8px}.no-show-indicator{display:flex;align-items:center;color:#ff4d4f}.no-show-indicator .no-show-text{display:flex;align-items:center;gap:4px}.no-show-indicator .no-show-text .red-dot{font-size:20px}.visitor-update-section{display:flex;flex-direction:column;gap:4px;color:#666;font-size:14px}.rightModal__wrapper:has(.site-visit-details-modal){padding:0 24px;height:100%;scrollbar-width:none;-ms-overflow-style:none}.rightModal__wrapper:has(.site-visit-details-modal)::-webkit-scrollbar{display:none}.site-visit-details-modal{color:#333}.site-visit-details-modal .modal-header{display:flex;background-color:#fff;justify-content:space-between;align-items:center;padding-bottom:2.2rem;padding-top:4rem;position:sticky;top:0;z-index:100;border-bottom:1px solid #D6D4E0}.site-visit-details-modal .modal-header .modal-title{font-size:2rem;font-weight:300;color:#2d2d2d;margin:0}.site-visit-details-modal .modal-header .close-btn{background:none;border:none;cursor:pointer;padding:4px 4px 0;border-radius:4px;transition:background-color .2s;margin-bottom:0}.site-visit-details-modal .modal-header .close-btn:hover{background-color:#f4f4f2}.site-visit-details-modal .modal-header .close-btn svg{width:2.4rem;height:2.4rem}.site-visit-details-modal .modal-body{display:flex;flex-direction:column;gap:2.4rem;margin-top:3rem}.site-visit-details-modal .modal-body .info-details{display:flex;gap:24px;justify-content:space-between;background-color:#dbefdc;padding:2.8rem 2.4rem;border-radius:.8rem}.site-visit-details-modal .modal-body .user-details h3{font-weight:500;margin:0;margin-bottom:.3rem;font-size:2.2rem;color:#2d2d2d}.site-visit-details-modal .modal-body .user-details .schedule{color:#545454;margin:0;font-size:1.4rem}.site-visit-details-modal .modal-body .match-details{display:flex;flex-direction:column;align-items:flex-end}.site-visit-details-modal .modal-body .match-details .score{font-size:2.8rem;font-weight:500;color:#4caf50;margin-bottom:-.5rem}.site-visit-details-modal .modal-body .match-details span{font-weight:400;color:#545454;margin-left:6px;font-size:1.4rem}.site-visit-details-modal .modal-body .walkin-partner{display:flex;flex-direction:column;margin-top:1.6rem;gap:2rem}.site-visit-details-modal .modal-body .walkin-partner>span{color:#d6d4e0;font-size:2rem;font-weight:500}.site-visit-details-modal .modal-body .walkin-partner .partner-info{display:flex;align-items:center;gap:8px;border:1px solid #e0e0e0;padding:2rem 2rem 2rem 1.75rem;border-radius:1rem}.site-visit-details-modal .modal-body .walkin-partner .partner-info .partner-logo{width:7.2rem;height:7.2rem;object-fit:cover;border-radius:50%;padding:1rem;margin-right:.5rem;border:1px solid #e0e0e0}.site-visit-details-modal .modal-body .walkin-partner .partner-info>div{display:flex;align-items:flex-start;flex-direction:column}.site-visit-details-modal .modal-body .walkin-partner .partner-info .partner-name{font-weight:600;font-size:2rem;color:#2d2d2d;margin-bottom:.5rem;margin-top:-.25rem}.site-visit-details-modal .modal-body .walkin-partner .partner-info .message-icon{font-size:1.4rem;color:#545454}.site-visit-details-modal .modal-body .walkin-partner .partner-info .partner-location{color:#545454;font-weight:400;font-size:1.4rem;align-items:center;display:flex;gap:.75rem}.site-visit-details-modal .modal-body .walkin-partner .partner-info .partner-location svg{width:1.2rem;margin-top:-.2rem}.site-visit-details-modal .modal-body .suggested-pitch .section-header,.site-visit-details-modal .modal-body .sales-brief .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:12px;color:#d6d4e0;font-size:2rem;font-weight:500}.site-visit-details-modal .modal-body .suggested-pitch .section-header .ai-tag,.site-visit-details-modal .modal-body .sales-brief .section-header .ai-tag{font-size:1.4rem;color:#e2b007;background-color:#fff;border:1px solid #F4E2A5;font-weight:400;padding:.75rem 1.2rem .65rem 1.4rem;border-radius:4px;display:flex}.site-visit-details-modal .modal-body .suggested-pitch .section-header .ai-tag svg,.site-visit-details-modal .modal-body .sales-brief .section-header .ai-tag svg{width:1.4rem;margin-right:.6rem;margin-top:-.1rem}.site-visit-details-modal .modal-body .suggested-pitch .pitch-text{font-size:1.6rem;line-height:2;margin:0;padding:.75rem 2rem;border-left:2px solid #21566d;color:#2d2d2d;font-weight:500}.site-visit-details-modal .modal-body .sales-brief{border-bottom:1px solid #D6D4E0}.site-visit-details-modal .modal-body .sales-brief .brief-points{padding-bottom:2rem;margin-left:2rem}.site-visit-details-modal .modal-body .sales-brief .brief-points p{font-size:1.6rem;font-weight:600;margin:0 0 1.75rem;color:#545454}.site-visit-details-modal .modal-body .sales-brief .brief-points .talk,.site-visit-details-modal .modal-body .sales-brief .brief-points .emphasize,.site-visit-details-modal .modal-body .sales-brief .brief-points .dontTalk{display:flex;align-items:center;gap:.25rem;margin-bottom:1.25rem}.site-visit-details-modal .modal-body .sales-brief .brief-points .talk svg{width:1.6rem;margin:0 .2rem}.site-visit-details-modal .modal-body .sales-brief .brief-points .emphasize svg{width:2rem;margin:0 0rem}.site-visit-details-modal .modal-body .sales-brief .brief-points .dontTalk svg{width:1.4rem;margin:0 .3rem}.site-visit-details-modal .modal-body .sales-brief .brief-points ul{margin:0;padding-left:4px;list-style:none}.site-visit-details-modal .modal-body .sales-brief .brief-points ul li{font-size:1.6rem;margin-left:1rem;position:relative;color:#545454}.site-visit-details-modal .modal-body .info-box{background-color:#e0eef1;padding:1.6rem 2rem;border-radius:1rem;font-size:1.4rem;color:#21566d;line-height:2;font-weight:500;display:flex;align-items:center;gap:1.6rem}.site-visit-details-modal .modal-body .info-box svg{width:2rem;height:2rem;flex-shrink:0}.site-visit-details-modal .accordian__items_wrapper{margin-top:3rem;margin-bottom:3rem}.site-visit-details-modal .accordian__items_wrapper .accordian__item{background-color:#fff;box-shadow:0 1px 20px #0000001a;border-radius:1rem}.site-visit-details-modal .accordian__items_wrapper .accordian__item:hover{box-shadow:0 1px 20px #00000026}.site-visit-details-modal .accordian__items_wrapper .accordian__item .accordian__trigger{display:flex;align-items:center;padding:2rem 3rem}.site-visit-details-modal .accordian__items_wrapper .accordian__item .accordian__trigger .content{display:flex;flex-direction:column}.site-visit-details-modal .accordian__items_wrapper .accordian__item .accordian__trigger .title{display:flex;flex-direction:row;align-items:center;gap:1rem;font-size:1.7rem;font-weight:500;color:#2d2d2d;margin:0;padding-bottom:1rem}.site-visit-details-modal .accordian__items_wrapper .accordian__item .accordian__trigger .badge{display:flex;align-items:center;padding:.6rem 1rem .6rem .9rem;border:1px solid #BEE2C0;border-radius:1rem;color:#4caf50;font-size:1.2rem;gap:.6rem}.site-visit-details-modal .accordian__items_wrapper .accordian__item .accordian__trigger .badge.pending{color:#e2b007;border:1px solid #F4E2A5}.site-visit-details-modal .accordian__items_wrapper .accordian__item .accordian__trigger .badge.failed{color:#d64550;border:1px solid #F1BCC0}.site-visit-details-modal .accordian__items_wrapper .accordian__item .accordian__trigger .badge svg{transform:none;width:1.6rem;height:1.6rem}.site-visit-details-modal .accordian__items_wrapper .accordian__item .accordian__trigger .subtitle{font-size:1.4rem;color:#545454;font-weight:400;margin:0}.site-visit-details-modal .accordian__items_wrapper .accordian__item button{width:100%;text-align:left;background-color:#fff;border:none;border-radius:1rem;display:flex;justify-content:space-between;align-items:center;cursor:pointer}.site-visit-details-modal .accordian__items_wrapper .accordian__item button[aria-expanded=true]{border-radius:1rem 1rem 0rem 0rem;border-bottom:1px solid #D6D4E0}.site-visit-details-modal .accordian__items_wrapper .accordian__item button svg{transition:transform .3s ease;color:#d6d4e0;width:2.8rem}.site-visit-details-modal .accordian__items_wrapper .accordian__item button[aria-expanded=true] svg{transform:rotate(180deg)}.site-visit-details-modal .accordian__items_wrapper .accordian__item button[aria-expanded=false] svg{transform:rotate(0)}.site-visit-details-modal .accordian__items_wrapper .accordian__item .accordian__content{padding:2rem;font-size:1.6rem;color:#545454;line-height:2;background-color:#fff;border-radius:0 0 2rem 2rem}.site-visit-details-modal .accordian__items_wrapper .accordian__item .accordian__content .content-info-box{background-color:#f4f4f2;padding:1.6rem 2rem;border-radius:1rem;font-size:1.4rem;color:#2d2d2d;line-height:2;font-weight:400;display:flex;align-items:center;gap:1.6rem}.site-visit-details-modal .accordian__items_wrapper .accordian__item .accordian__content .content-info-box svg{width:2rem;height:2rem;flex-shrink:0;color:#2d2d2d}.site-visit-details-modal .accordian__items_wrapper .accordian__item .accordian__content .force-update{width:fit-content;padding:1rem 2rem;font-size:1.4rem;font-weight:400;margin-top:2rem;background-color:#21566d;margin-left:auto;color:#fff;border-radius:4px;display:flex;align-items:center;justify-content:center;gap:.75rem;font-weight:500}.site-visit-details-modal .accordian__items_wrapper .connector{display:flex;flex-direction:column;align-items:center}.site-visit-details-modal .accordian__items_wrapper .connector .line{width:2px;height:4rem;background-color:#d6d4e0}.site-visit-details-modal .accordian__items_wrapper .connector .arrow{width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:8px solid #D6D4E0}.date-header{padding:1.5rem 3.25rem 1.75rem 1.25rem;font-size:2rem;font-weight:500;color:#c6d4c2;background:#fff;position:sticky;top:0;z-index:10;margin:1.6rem 0 0rem}.site-visits-container{width:auto;height:calc(100dvh - 2.4rem);display:flex;flex-direction:column;margin-left:1rem;border-radius:1rem;background-color:#fff;overflow:hidden}.site-visits-container .cards-container{flex:1;display:flex;flex-direction:column;padding:0 2rem 2rem;height:auto;overflow:scroll;overflow-x:hidden}.site-visits-container .cards-container .no-visits-message{height:100%;display:flex;justify-content:center;align-items:center;text-align:center;color:#545454;font-size:1.6rem;margin-top:2rem}.site-visits-container .visits-list{overflow-y:auto;flex:1;scrollbar-width:none;-ms-overflow-style:none}.site-visits-container .visits-list::-webkit-scrollbar{display:none}@media (max-width: 1024px){.site-visits-container{padding:15px}}@media (max-width: 640px){.site-visits-container{padding:10px}}.didnt-turn-up{color:#f43f5e;font-size:14px;font-weight:500;display:flex;align-items:center}.didnt-turn-up:before{content:"•";margin-right:5px;font-size:24px;line-height:0;vertical-align:middle}.tabs-container{border-bottom:1px solid #e0e0e0;margin-bottom:20px}.tabs-container .tabs{display:flex;gap:40px}@media (max-width: 768px){.tabs-container .tabs{gap:20px}}@media (max-width: 640px){.tabs-container .tabs{gap:10px;flex-wrap:wrap;justify-content:space-between}}.tabs-container .tabs .tab{padding:15px 0;font-size:14px;background:none;border:none;cursor:pointer;color:#545454;position:relative;font-weight:400;display:flex;align-items:center;gap:10px}@media (max-width: 768px){.tabs-container .tabs .tab{padding:10px 0}}@media (max-width: 640px){.tabs-container .tabs .tab{flex:1;justify-content:center;text-align:center;padding:10px 5px;min-width:30%}}.tabs-container .tabs .tab.active{color:#21566d;font-weight:500}.tabs-container .tabs .tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background-color:#21566d}.tabs-container .tabs .tab.active .count{background-color:#a4cbd4;color:#21566d}.visitor-card{min-height:90px;display:flex;flex-direction:row;align-items:center;padding:1.6rem 2.4rem 1.6rem 1.6rem;border-radius:1rem;border:1px solid #e0e0e0;margin-bottom:1.6rem;background-color:#fff;cursor:pointer}.visitor-card.action-needed{background-color:#fef2f2;border-color:#f87171;grid-template-columns:28% 25% 47%}@media (max-width: 768px){.visitor-card.action-needed{grid-template-columns:35% 65%}}@media (max-width: 640px){.visitor-card.action-needed{grid-template-columns:100%}}.visitor-card.action-needed .visitor-update-section{display:none}.visitor-card.today-card .visitor-partner-section:after{display:none}.visitor-card.upcoming-card .visitor-update-section:after{display:none}.visitor-card .visitor-name-section,.visitor-card .visitor-partner-section{width:30%;border-right:1px solid #e0e0e0}.visitor-card .visitor-submitted-on-section{width:calc(40% - 4rem)}.visitor-card .visitor-card__arrow-icon{width:1.6rem;height:1.6rem;margin-left:auto;color:#c6d4c2;display:flex;align-items:center;line-height:1}.visitor-card .visitor-name-section,.visitor-card .visitor-partner-section,.visitor-card .visitor-update-section,.visitor-card .visitor-actions-section,.visitor-card .action-needed-section{position:relative;padding:0 1.4rem}@media (max-width: 640px){.visitor-card .visitor-name-section,.visitor-card .visitor-partner-section,.visitor-card .visitor-update-section,.visitor-card .visitor-actions-section,.visitor-card .action-needed-section{padding:0}.visitor-card .visitor-name-section:not(:last-child),.visitor-card .visitor-partner-section:not(:last-child),.visitor-card .visitor-update-section:not(:last-child),.visitor-card .visitor-actions-section:not(:last-child),.visitor-card .action-needed-section:not(:last-child){padding-bottom:10px;border-bottom:1px solid #e0e0e0}}.visitor-card .visitor-actions-section{display:flex;justify-content:flex-end;padding-right:10px}@media (max-width: 640px){.visitor-card .visitor-actions-section{padding-right:0}}.visitor-card .visitor-actions-section .with-buttons{display:flex;align-items:center;gap:10px;width:100%;justify-content:flex-end}@media (max-width: 640px){.visitor-card .visitor-actions-section .with-buttons{flex-wrap:wrap}}.visitor-card .visitor-actions-section .more-options{background:none;border:1px solid #E0E0E0;border-radius:6px;cursor:pointer;width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:#545454;padding:0}.visitor-card .visitor-actions-section .more-options svg{display:block;font-size:16px}.visitor-card .action-section-container{display:flex;align-items:center;justify-content:space-between;padding-right:5px}.visitor-card .action-section-container .action-indicator{display:flex;align-items:center}.visitor-card .action-section-container .action-indicator .action-dot{display:inline-block;width:5px;height:5px;background-color:#f43f5e;border-radius:50%;margin-right:4px}.visitor-card .action-section-container .action-indicator span{color:#f43f5e;font-size:14px;font-weight:500;white-space:nowrap;margin-right:10px}.visitor-card .action-section-container .action-buttons-container{display:flex;justify-content:flex-end;flex:1}.visitor-card:hover{box-shadow:0 2px 10px #0000000d}.visitor-name-section h3{font-size:2rem;font-weight:600;color:#2d2d2d}.visitor-name-section .match-score{display:flex;align-items:center;font-size:1.5rem;color:#4caf50;font-weight:500}.visitor-name-section .match-score .score-icon{color:#21566d;margin-right:-.2rem;margin-top:-.1rem;display:flex;align-items:center}.visitor-name-section .match-score .score-icon img{width:1rem;height:auto}.visitor-name-section .match-score .visit-time{margin-left:8px;color:#545454}@media (max-width: 640px){.visitor-name-section .match-score .visit-time{margin-left:0;margin-top:4px;width:100%}}.visitor-name-section .match-score .visit-time .time-dot{color:#545454}@media (max-width: 640px){.visitor-name-section .match-score .visit-time .time-dot{display:none}}.visitor-partner-section{padding-left:2.6rem!important}.visitor-partner-section .walk-in{font-size:1.2rem;color:#545454;display:block}.visitor-partner-section .partner-name{font-size:1.6rem;font-weight:500;color:#2d2d2d;display:flex;align-items:center;flex-wrap:nowrap;white-space:nowrap;overflow:ellipsis}.visitor-partner-section .partner-name .verified-badge{display:flex;align-items:center;justify-content:center;color:#22c55e}@media (max-width: 768px){.visitor-partner-section .partner-name .verified-badge{font-size:14px}}.visitor-partner-section .partner-name .verified-badge img{width:1.8rem;height:auto}@media (max-width: 768px){.visitor-partner-section .partner-name .verified-badge img{width:16px}}.visitor-submitted-on-section{padding-left:2.6rem!important}.visitor-submitted-on-section .submitted-on{font-size:1.2rem;color:#545454;display:block}.visitor-submitted-on-section .created-on{font-size:1.6rem;font-weight:500;color:#2d2d2d;display:flex;align-items:center;flex-wrap:nowrap;white-space:nowrap;overflow:ellipsis}.action-buttons{display:flex;gap:10px;width:100%;justify-content:flex-end}@media (max-width: 640px){.action-buttons{flex-wrap:wrap;gap:5px}}.buttons-container{display:flex;gap:5px;flex:0 0 auto;width:100%;justify-content:flex-end}@media (max-width: 640px){.buttons-container{flex-wrap:wrap}}.buttons-container .action-btn{height:32px;padding:6px 12px;font-size:13px}.action-btn{padding:8px 16px;border-radius:6px;border:none;font-size:14px;cursor:pointer;font-weight:500;transition:all .2s ease;white-space:nowrap;height:36px;display:flex;align-items:center}@media (max-width: 768px){.action-btn{padding:8px 12px;font-size:13px}}@media (max-width: 640px){.action-btn{padding:6px 10px;height:32px;font-size:12px}}.action-btn.decline{background-color:#fff;color:#f43f5e;border:1px solid #DEDEDE}.action-btn.decline:hover{background-color:#d645500d}.action-btn.success{background-color:#fff;color:#4caf50;border:1px solid #DEDEDE}.action-btn.success:hover{background-color:#4caf500d}.action-btn.primary{background-color:#4caf50;color:#fff}.action-btn.primary:hover{background-color:#449d48}.visitor-update-section{font-size:13px;color:#545454}.visitor-update-section div{font-size:14px;font-weight:500;color:#2d2d2d;margin-top:6px}.no-show-indicator{display:flex;flex-direction:column;justify-content:center;align-items:flex-end;width:100%}@media (max-width: 640px){.no-show-indicator{align-items:flex-start}}.no-show-indicator.with-action{gap:5px}.no-show-indicator .no-show-text{color:#f43f5e;font-size:14px;font-weight:500;white-space:nowrap;display:flex;align-items:center}@media (max-width: 768px){.no-show-indicator .no-show-text{font-size:13px}}.no-show-indicator .no-show-text .red-dot{color:#f43f5e;font-size:20px;margin-right:5px;line-height:0}.booking-card{display:grid;grid-template-columns:2fr 1.5fr 1.5fr;background-color:#fff;padding:2.5rem 3rem;border:1px solid #e0e0e0;border-radius:1rem;margin-bottom:2rem;cursor:pointer;transition:all .2s ease;align-items:center;gap:3rem}.booking-card:hover{background-color:#21566d05}.booking-card__customer-section{display:flex;align-items:center;border-right:1px solid #D6D4E0;padding-right:2rem}.booking-card__customer-info{display:flex;flex-direction:column;gap:.8rem;width:100%}.booking-card__customer-name{font-size:2rem;font-weight:600;color:#2d2d2d;margin:0;line-height:1.2}.booking-card__details,.booking-card__unit-info{display:flex;align-items:center;gap:.8rem}.booking-card__building-icon{color:#21566d;font-size:1.4rem}.booking-card__unit-text{font-size:1.6rem;color:#21566d;font-weight:500}.booking-card__added-by{display:flex;flex-direction:column;align-items:center;gap:.2rem}.booking-card__added-label{display:flex;align-items:center;gap:.4rem;font-size:1.4rem;color:#545454;font-weight:500;margin-top:.2rem}.booking-card__added-label svg{flex-shrink:0;width:1.4rem;margin-top:-.2rem}.booking-card__added-label.closed{color:#4caf50}.booking-card__added-label.pending,.booking-card__added-label.open{color:#e2b007}.booking-card__added-label.rejected{color:#d64550}.booking-card__added-name{font-size:1.4rem;color:#2d2d2d;font-weight:500}.booking-card__partner-section{display:flex;align-items:center;border-right:1px solid #D6D4E0;padding-right:2rem}.booking-card__partner-info{display:flex;flex-direction:column;gap:.2rem;width:100%}.booking-card__closed-label{font-size:1.2rem;color:#545454;font-weight:400}.booking-card__partner-name-container{display:flex;align-items:center;gap:.4rem}.booking-card__partner-name{font-size:1.6rem;color:#2d2d2d;font-weight:500}.booking-card__verified-icon{color:#4caf50;font-size:1.8rem}.booking-card__commission-section{display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.booking-card__commission-info{display:flex;flex-direction:column;gap:.4rem;flex:1}.booking-card__commission-label{font-size:1.2rem;color:#545454;font-weight:400}.booking-card__commission-amount{display:flex;flex-direction:row;align-items:center;gap:.4rem;margin-top:-.2rem}.booking-card__amount{font-size:1.8rem;color:#21566d;font-weight:600}.booking-card__percentage{font-size:1.4rem;color:#545454;font-weight:400}.booking-card__arrow-icon{color:#545454;font-size:1.6rem;flex-shrink:0}@media screen and (max-width: 1280px){.booking-card{padding:2rem 2.5rem;gap:1.5rem}.booking-card__customer-name{font-size:1.8rem}.booking-card__unit-text,.booking-card__partner-name{font-size:1.5rem}.booking-card__amount{font-size:1.7rem}}@media screen and (max-width: 1024px){.booking-card{grid-template-columns:1fr;gap:2rem}.booking-card__customer-section,.booking-card__partner-section{border-right:none;border-bottom:1px solid #D6D4E0;padding-right:0;padding-bottom:1.5rem}.booking-card__commission-section{padding-top:1.5rem;border-right:none}}@media screen and (max-width: 768px){.booking-card{padding:1.5rem 2rem}.booking-card__customer-name{font-size:1.7rem}.booking-card__unit-text,.booking-card__partner-name{font-size:1.4rem}.booking-card__amount{font-size:1.6rem}}.bookings-page{background-color:#fff;height:calc(100vh - 2.4rem);margin-left:1rem;border-radius:1rem;overflow:hidden}.bookings-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid #e0e0e0}.bookings-header__left{display:flex;flex-direction:column;gap:1rem}.bookings-title{font-size:20px;font-weight:300;color:#545454;margin:0}.bookings-summary{display:flex}.bookings-summary__item{font-size:1.5rem;color:#545454;font-weight:400}.bookings-content{background-color:transparent;padding:0rem 3rem 2rem;gap:3rem;height:calc(100dvh - 15rem);overflow:scroll;overflow-x:hidden}.bookings-list{display:flex;flex-direction:column;gap:0;overflow:scroll;overflow-x:hidden;height:calc(100dvh - 15rem);padding-bottom:100px}.bookings-empty{display:flex;justify-content:center;align-items:center;padding:6rem 2rem;text-align:center}.bookings-empty__message{font-size:1.8rem;color:#545454;margin:0;font-weight:400}.rightModal__wrapper:has(.invoice-details-modal){padding:0 24px;height:100%;scrollbar-width:none;-ms-overflow-style:none}.rightModal__wrapper:has(.invoice-details-modal)::-webkit-scrollbar{display:none}.invoice-details-modal{color:#333}.invoice-details-modal .modal-header{display:flex;background-color:#fff;justify-content:space-between;align-items:center;padding-bottom:2.2rem;padding-top:4rem;position:sticky;top:0;z-index:100;border-bottom:1px solid #D6D4E0}.invoice-details-modal .modal-header .modal-title{font-size:2rem;font-weight:300;color:#2d2d2d;margin:0}.invoice-details-modal .modal-header .close-btn{background:none;border:none;cursor:pointer;padding:4px 4px 0;border-radius:4px;transition:background-color .2s;margin-bottom:0}.invoice-details-modal .modal-header .close-btn:hover{background-color:#f4f4f2}.invoice-details-modal .modal-header .close-btn svg{width:2.4rem;height:2.4rem}.invoice-details-modal .modal-body{display:flex;flex-direction:column;gap:2.4rem;margin-top:3rem}.invoice-details-modal .modal-body .info-details{display:flex;gap:24px;justify-content:space-between;background-color:#e0eef1;padding:2.8rem 2.4rem;border-radius:.8rem}.invoice-details-modal .modal-body .user-details h3{font-weight:500;margin:0;margin-bottom:.3rem;font-size:2.2rem;color:#2d2d2d}.invoice-details-modal .modal-body .user-details .schedule{color:#545454;margin:0;font-size:1.4rem}.invoice-details-modal .modal-body .match-details{display:flex;flex-direction:column;align-items:flex-end}.invoice-details-modal .modal-body .match-details .score{font-size:2.8rem;font-weight:500;color:#21566d;margin-bottom:-.5rem}.invoice-details-modal .modal-body .match-details span{font-weight:400;color:#545454;margin-left:6px;font-size:1.4rem}.invoice-details-modal .modal-body .closing-partner{display:flex;flex-direction:column;margin-top:1.6rem;gap:2rem}.invoice-details-modal .modal-body .closing-partner>span{color:#d6d4e0;font-size:2rem;font-weight:500}.invoice-details-modal .modal-body .closing-partner .partner-info{display:flex;align-items:center;gap:8px;border:1px solid #e0e0e0;padding:2rem 2rem 2rem 1.75rem;border-radius:1rem;justify-content:space-between}.invoice-details-modal .modal-body .closing-partner .partner-info .left{display:flex;flex-direction:row;align-items:center;gap:1rem}.invoice-details-modal .modal-body .closing-partner .partner-info .left .partner-logo{width:7.2rem;height:7.2rem;object-fit:cover;border-radius:50%;margin-right:.5rem;border:1px solid #e0e0e0}.invoice-details-modal .modal-body .closing-partner .partner-info .left>div{display:flex;align-items:flex-start;flex-direction:column}.invoice-details-modal .modal-body .closing-partner .partner-info .left .partner-name{font-weight:600;font-size:2rem;color:#2d2d2d;margin-bottom:.5rem;margin-top:-.25rem}.invoice-details-modal .modal-body .closing-partner .partner-info .left .message-icon{font-size:1.4rem;color:#545454}.invoice-details-modal .modal-body .closing-partner .partner-info .left .partner-location{color:#545454;font-weight:400;font-size:1.4rem;align-items:center;display:flex;gap:.75rem}.invoice-details-modal .modal-body .closing-partner .partner-info .left .partner-location svg{width:1.2rem;margin-top:-.2rem}.invoice-details-modal .modal-body .closing-partner .partner-info .right{display:flex;flex-direction:column;align-items:flex-end;gap:0}.invoice-details-modal .modal-body .closing-partner .partner-info .right .commission-amount{font-size:2.2rem;font-weight:500}.invoice-details-modal .modal-body .closing-partner .partner-info .right .commission-percentage{font-size:1.5rem}.invoice-details-modal .modal-body .total-deal-value{display:flex;flex-direction:column;margin-top:1.6rem;gap:2rem}.invoice-details-modal .modal-body .total-deal-value>span{color:#d6d4e0;font-size:2rem;font-weight:500}.invoice-details-modal .modal-body .total-deal-value .total-deal-amount{font-size:3.2rem;border-left:3px solid #21566d;font-weight:500;padding-left:2rem;color:#2d2d2d;margin-top:-.5rem}.invoice-details-modal .modal-body .supporting-documents{display:flex;flex-direction:column;margin-top:1.6rem;gap:2rem}.invoice-details-modal .modal-body .supporting-documents>span{color:#d6d4e0;font-size:2rem;font-weight:500}.invoice-details-modal .modal-body .supporting-documents .total-deal-amount{font-size:3.2rem;border-left:3px solid #21566d;font-weight:500;padding-left:2rem;color:#2d2d2d;margin-top:-.5rem}.invoice-details-modal .modal-body__doc-list-container{margin-top:1.5rem}.invoice-details-modal .modal-body__doc-list-heading{font-size:var(--font-size-sm);font-weight:500;color:var(--text-light);margin-bottom:.75rem}.invoice-details-modal .modal-body__doc-list{display:flex;flex-direction:column;gap:.75rem}.invoice-details-modal .modal-body__doc-item{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:.75rem;min-height:6rem;background:#fff;border-radius:4px;gap:.75rem;cursor:pointer;border:1px solid #ffffff}.invoice-details-modal .modal-body__doc-item:hover{border:1px solid #A4CBD4}.invoice-details-modal .modal-body__doc-left{display:flex;align-items:center;gap:1rem;flex:1;min-width:0}.invoice-details-modal .modal-body__doc-left svg{width:4.2rem;height:4.2rem;margin-right:.25rem;color:#a3876e}.invoice-details-modal .modal-body__doc-info{display:flex;flex-direction:column;align-items:flex-start;flex:1;min-width:0;font-size:1.6rem;color:#2d2d2d}.invoice-details-modal .modal-body__doc-link{font-size:1.6rem;font-weight:500;color:#2d2d2d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;text-decoration:none}.invoice-details-modal .modal-body__doc-meta{display:flex;gap:.5rem;font-size:1.4rem;color:#545454;font-weight:400;margin-top:0}.invoice-details-modal .modal-body__doc-delete{background:none;border:none;padding:.25rem;cursor:pointer;width:4.8rem;height:4.8rem;border-radius:4px}.invoice-details-modal .modal-body__doc-delete svg{width:2.4rem;height:2.4rem;stroke:#d64550;margin-top:.75rem}.invoice-details-modal .modal-body__doc-delete:hover{background:#f7dadc;border-radius:4px}.invoice-details-modal .supporting-documents__doc-list-container{margin-top:0rem}.invoice-details-modal .supporting-documents__doc-list-heading{font-size:var(--font-size-sm);font-weight:500;color:var(--text-light);margin-bottom:.75rem}.invoice-details-modal .supporting-documents__doc-list{display:flex;flex-direction:column;gap:.75rem}.invoice-details-modal .supporting-documents__doc-item{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:.75rem;min-height:6rem;background:#fff;border-radius:4px;gap:.75rem;cursor:pointer;border:1px solid #ffffff}.invoice-details-modal .supporting-documents__doc-item:hover{border:1px solid #A4CBD4}.invoice-details-modal .supporting-documents__doc-left{display:flex;align-items:center;gap:1rem;flex:1;min-width:0}.invoice-details-modal .supporting-documents__doc-left svg{width:4.2rem;height:4.2rem;margin-right:.25rem;color:#a3876e}.invoice-details-modal .supporting-documents__doc-info{display:flex;flex-direction:column;align-items:flex-start;flex:1;min-width:0;font-size:1.6rem;color:#2d2d2d}.invoice-details-modal .supporting-documents__doc-link{font-size:1.6rem;font-weight:500;color:#2d2d2d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;text-decoration:none}.invoice-details-modal .supporting-documents__doc-meta{display:flex;gap:.5rem;font-size:1.4rem;color:#545454;font-weight:400;margin-top:0}.invoice-details-modal .supporting-documents__doc-delete{background:none;border:none;padding:.25rem;cursor:pointer;width:4.8rem;height:4.8rem;border-radius:4px}.invoice-details-modal .supporting-documents__doc-delete svg{width:2.4rem;height:2.4rem;stroke:#d64550;margin-top:.75rem}.invoice-details-modal .supporting-documents__doc-delete:hover{background:#f7dadc;border-radius:4px}.invoice-details-modal .step-content{padding-top:4.8rem}.invoice-details-modal .step-content>span{color:#d6d4e0;font-size:2rem;font-weight:500}.invoice-details-modal .rejection-reason{padding-top:4.8rem}.invoice-details-modal .rejection-reason .reason{color:#d6d4e0;font-size:2rem;font-weight:500;margin-bottom:1.75rem}.invoice-details-modal .rejection-reason .radio-label{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:1.6rem;background-color:#fff;font-weight:300}.invoice-details-modal .rejection-reason .radio-label:hover{border-color:#d1d5db}.invoice-details-modal .rejection-reason .radio-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2rem;height:2rem;border:2px solid #9ca3af;border-radius:50%;display:grid;place-content:center;background-color:#fff;transition:all .2s ease;cursor:pointer}.invoice-details-modal .rejection-reason .radio-button:before{content:"";width:1rem;height:1rem;border-radius:50%;transform:scale(0);transition:transform .2s ease;background-color:#21566d}.invoice-details-modal .rejection-reason .radio-button:checked{border-color:#21566d}.invoice-details-modal .rejection-reason .radio-button:checked:before{transform:scale(1)}.invoice-details-modal .rejection-reason .text-gray-700{color:#2d2d2d;font-weight:400}.invoice-details-modal .payment-method-section{display:flex;flex-direction:column;flex:1;margin-top:1.8rem;padding:0 2rem}.invoice-details-modal .payment-method-section .payment-methods{margin-bottom:4rem;flex-shrink:0}.invoice-details-modal .payment-method-section .payment-methods .payment-method-item{display:flex;flex-direction:column;align-items:flex-start;padding:1rem 2rem;border-radius:1rem;cursor:pointer;margin-bottom:2rem}.invoice-details-modal .payment-method-section .payment-methods .payment-method-item .method-type{display:flex;align-items:center}.invoice-details-modal .payment-method-section .payment-methods .payment-method-item .payment-radio{margin-right:1rem}.invoice-details-modal .payment-method-section .payment-methods .payment-method-item .payment-radio input[type=radio]{width:16px;height:16px;accent-color:#21566D}.invoice-details-modal .payment-method-section .payment-methods .payment-method-item .payment-method-label{font-size:1.8rem;color:#2d2d2d;font-weight:400}.invoice-details-modal .payment-method-section .payment-methods .payment-method-item.selected{border:1px solid #D6D4E0;padding:2.5rem 2rem 5rem;margin-bottom:4rem}.invoice-details-modal .payment-method-section .payment-methods .payment-method-item.selected .payment-method-label{font-weight:500;color:#21566d}.invoice-details-modal .payment-method-section .payment-details{width:100%;padding:0 2rem;flex:1;overflow-y:auto;padding-right:8px}.invoice-details-modal .payment-method-section .payment-details::-webkit-scrollbar{width:6px}.invoice-details-modal .payment-method-section .payment-details::-webkit-scrollbar-track{background:#f3f4f6;border-radius:3px}.invoice-details-modal .payment-method-section .payment-details::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.invoice-details-modal .payment-method-section .payment-details::-webkit-scrollbar-thumb:hover{background:#9ca3af}.invoice-details-modal .payment-method-section .payment-details .form-row{display:flex;gap:20px;padding-top:24px}.invoice-details-modal .payment-method-section .payment-details .form-row .form-group{flex:1}.invoice-details-modal .payment-method-section .payment-details .input-group{position:relative;margin-top:8px}.invoice-details-modal .payment-method-section .payment-details .input-group .input-field{padding:.75rem 1rem .75rem 2rem;border:1px solid #D8D8D8;border-radius:5px;font-size:1.6rem;transition:all .2s ease;height:5.5rem;outline:none;background-color:transparent}.invoice-details-modal .payment-method-section .payment-details .input-group .input-field:-webkit-autofill,.invoice-details-modal .payment-method-section .payment-details .input-group .input-field:-webkit-autofill:hover,.invoice-details-modal .payment-method-section .payment-details .input-group .input-field:-webkit-autofill:focus,.invoice-details-modal .payment-method-section .payment-details .input-group .input-field:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px white inset!important;box-shadow:0 0 0 30px #fff inset!important;-webkit-text-fill-color:inherit!important;transition:background-color 5000s ease-in-out 0s}.invoice-details-modal .payment-method-section .payment-details .input-group .input-field:focus+.input-label,.invoice-details-modal .payment-method-section .payment-details .input-group .input-field:not(:placeholder-shown)+.input-label{transform:translateY(-30px) translate(-4px) scale(.85);color:#d8d8d8;background-color:#fff;padding:0 8px;font-weight:400;left:8px}.invoice-details-modal .payment-method-section .payment-details .input-group .input-label{position:absolute;left:1.6rem;top:50%;transform:translateY(-50%);color:#d6d4e0;font-size:1.6rem;transition:all .2s ease;pointer-events:none;transform-origin:left top;background-color:transparent;z-index:1}.invoice-details-modal .payment-method-section .payment-details .input-group .error{color:#e53e3e;font-size:12px;margin-top:.5rem;display:block}.invoice-details-modal .modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:1.5rem;padding:2.5rem 2rem 2.25rem;margin-left:-24px;width:calc(100% + 48px);border-top:1px solid #D6D4E0;background-color:#fff;flex-shrink:0;margin-top:auto;position:sticky;bottom:0rem;right:1rem}.invoice-details-modal .modal-footer .rejected-reason{font-size:1.6rem;text-align:left;width:100%;color:#d64550;font-weight:500;padding:0 2rem}.invoice-details-modal .modal-footer .transaction-accepted{font-size:1.6rem;text-align:left;width:auto;color:#4caf50;font-weight:500;padding:0 2rem;margin-right:auto}.invoice-details-modal .modal-footer .transaction-pending{font-size:1.6rem;text-align:left;width:auto;color:#e2b007;font-weight:500;padding:0 2rem;margin-right:auto}.invoice-details-modal .modal-footer .cancel-btn{padding:1.25rem 2.5rem;background:#fff;color:#d64550;border:1px solid #F1BCC0;border-radius:1rem;font-size:1.6rem;font-weight:500;cursor:pointer;transition:all .2s ease}.invoice-details-modal .modal-footer .cancel-btn:hover{background:#f7dadc;border-color:#eca4aa}.invoice-details-modal .modal-footer .next-btn{padding:1.25rem 2.5rem;background:#21566d;color:#fff;border:none;border-radius:8px;font-size:1.6rem;font-weight:500;cursor:pointer;transition:all .2s ease}.invoice-details-modal .modal-footer .next-btn:hover{background:#5d9db0}.invoice-details-modal .modal-footer .next-btn:disabled{background:#a4cbd4;cursor:not-allowed}.projectInfo{flex:1;display:flex;flex-direction:column;height:100%;overflow:hidden;margin-left:1rem;background-color:#fff;border-radius:1rem}.projectInfo__header{display:flex;justify-content:space-between;align-items:center;padding:2rem 3rem}.projectInfo__header--buttons{display:flex;align-items:center;gap:2rem;margin:.35rem 0}.projectInfo__wrapper{display:flex;height:100%;overflow:hidden}.projectInfo__col{overflow-y:auto;border-right:1px solid #e0e0e0;padding:5.4rem 3rem}.projectInfo__col:last-child{border-right:none}.projectInfo__col-1{display:flex;flex-direction:column;gap:3.6rem;width:40%}.projectInfo__col-1--container-1{display:flex;align-items:center;gap:1.8rem}.projectInfo__col-1--container-1 h1{font-size:2.8rem;font-weight:500;color:#2d2d2d;margin:0;margin-left:.25rem}.projectInfo__col-1--container-1 p{font-size:1.6rem;color:#545454;font-weight:400;margin:0;display:flex;align-items:center;gap:.5rem}.projectInfo__col-1--container-1 .projectInfo__avatar img{width:10rem;height:10rem;border-radius:50%;object-fit:contain;display:block}.projectInfo__col-1--container-2{display:flex;flex-direction:column;gap:1.2rem}.projectInfo__col-1--container-2>p{font-weight:300;font-size:1.6rem}.projectInfo__col-1--container-3{display:flex;flex-direction:column;gap:1.2rem}.projectInfo__col-1--container-3>img{width:100%;height:auto;max-height:38rem;object-fit:contain;display:block}.projectInfo__col-1--container-4{display:flex;flex-direction:column;gap:1.2rem}.projectInfo__col-1--container-4>div{display:flex;justify-content:space-between}.projectInfo__col-2{width:60%;margin-top:-2rem}.projectInfo__col-2--container{padding:1.8rem 0;border-bottom:1px solid #e0e0e0}.projectInfo__col-2--container>h3{margin-bottom:1rem;font-size:2rem;margin-left:-6px;margin-top:1rem}.projectInfo__col-2--container>p{line-height:3.5rem}.projectInfo__col-2--container-1{padding-top:0}.projectInfo__col-2--container-4{display:flex;flex-direction:column}.projectInfo__col-2--container-6>div{display:flex;flex-direction:column;gap:1.2rem;overflow:hidden}.projectInfo__col-2--container-6>div>img{max-width:100%;max-height:100%;object-fit:contain;display:block}.projectInfo__col-2--photosBox{display:grid;grid-template-columns:repeat(auto-fill,minmax(12rem,1fr));gap:1rem;width:100%;margin-top:2rem}.projectInfo__col-2--photosBox img{width:100%;height:auto;object-fit:cover;border-radius:1rem;aspect-ratio:1/1}.project-doc{display:flex;flex-direction:column;gap:1.2rem}.project-doc__wrapper{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-radius:1rem;background-color:#fff;transition:background-color .2s ease;cursor:pointer}.project-doc__wrapper:hover{background-color:#f4f4f2}.project-doc .body-font{font-weight:500;font-size:1.6rem;color:#2d2d2d;margin:0;margin-bottom:.4rem}.project-doc .small-font{font-size:1.4rem;color:#545454;margin:0}.project-doc__info{display:flex;align-items:center;gap:1.6rem}.project-doc__icon{width:4rem;height:4rem;border-radius:.8rem;display:flex;align-items:center;justify-content:center}.project-doc__details{display:flex;flex-direction:column}.project-doc__title{font-weight:500;font-size:1.5rem;color:#2d2d2d}.project-doc__meta{font-size:1.2rem;font-weight:400;color:#545454}.project-doc__actions{display:flex;gap:1.2rem;align-items:center}.project-doc__actions--btn{border:1px solid #A4CBD4;background-color:#e0eef1;color:#21566d;font-weight:500}.project-doc__wrapper:hover .body-font{text-decoration:underline}.project-amenities{display:grid;grid-template-columns:repeat(auto-fill,minmax(8rem,1fr));gap:3rem;width:100%;margin-top:4rem}.project-amenities__icon{border-radius:1rem;padding:1.6rem;background-color:#e0eef1;color:#21566d;font-weight:500;display:flex;align-items:center}.project-amenities__icon img{width:3rem;height:3rem;object-fit:contain;display:block}.project-amenities__amenity{display:flex;flex-direction:column;align-items:center;gap:1rem}.project-amenities__amenity>p{text-align:center;font-size:1.4rem}.project-connectivity{display:flex;flex-direction:column;margin-top:3rem}.project-connectivity__card{display:flex;align-items:center;gap:2rem;margin-bottom:2.6rem}.project-connectivity__details .body-font{font-size:1.6rem;font-weight:500;color:#2d2d2d;margin:0;margin-bottom:.2rem}.project-connectivity__details .small-font{font-size:1.4rem;color:#545454;margin:0;font-weight:300}.project-connectivity__icon{width:6rem;height:6rem;border-radius:.8rem;background-color:#e0eef1;color:#21566d;display:flex;align-items:center;justify-content:center}.project-connectivity__icon img{width:2.4rem;height:2.4rem;object-fit:contain;display:block}.commission-table-wrapper{margin-top:2.6rem}.commission-table{width:100%;overflow:hidden;border:0px solid #C6D4C2;border-collapse:collapse}.commission-table th,.commission-table td{padding:1.2rem 1.6rem;text-align:left;border-radius:4px}.commission-table th{background-color:#e0eef1;color:#21566d;font-weight:600;font-size:1.4rem}.commission-table td{font-size:1.6rem;color:#2d2d2d}.commission-table td:nth-child(2n){text-align:right}.commission-table tr:nth-child(2n){background-color:#fff}.commission-table tr:nth-child(odd){background-color:#f4f4f2}.commission-table tr:last-child td{border-bottom:none}.commission-validity{margin-top:2rem;margin-left:.5rem;color:#545454;font-style:italic}.milestone-table-wrapper{margin-top:2.6rem}.milestone-table{width:100%;overflow:hidden;border:0px solid #C6D4C2;border-collapse:collapse}.milestone-table th,.milestone-table td{padding:1.2rem 1.6rem;text-align:left;border-radius:4px}.milestone-table th{background-color:#e0eef1;color:#21566d;font-weight:600;font-size:1.4rem}.milestone-table td{font-size:1.6rem;color:#2d2d2d}.milestone-table td:last-child{text-align:right}.milestone-table tr:nth-child(2n){background-color:#fff}.milestone-table tr:nth-child(odd){background-color:#f4f4f2}.milestone-table tr:last-child td{border-bottom:none}.project-completion{margin-top:2rem;margin-left:.5rem;color:#545454;font-style:italic}.border-radius-10{border-radius:1rem}.link{text-decoration:none;color:#21566d}.text-right{text-align:end}.icon{color:#c6d4c2;background-color:transparent;border:none;width:20px;height:20px}.close-btn{background-color:transparent;border:none;margin-bottom:2rem}.active-highlight{position:absolute;width:100%;height:46px;background-color:#21566d;border-radius:1rem;z-index:0}.section-padding{padding:3rem}.muted-text{color:#545454;font-weight:500}.text-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;max-width:14rem;display:inline-block}@media (max-width: 1536px){.text-ellipsis{max-width:13rem}}.verified-badge{color:#4caf50;display:flex;align-items:center}@media (max-width: 1536px){.active-highlight{height:39px}}@media (max-width: 1280px){.active-highlight{height:32px}}@media (max-width: 1024px){.active-highlight{height:28px}}.xsmall-font{font-size:1.2rem}.small-font{font-size:1.4rem}.body-font{font-size:1.6rem}.large-font{font-size:1.8rem}h1{font-size:3.2rem;font-weight:500;color:#2d2d2d;margin-bottom:1rem}h2{font-size:2.4rem;font-weight:600;color:#2d2d2d}h3{font-size:2rem;margin:0;font-weight:300;color:#545454}.signup{display:flex;height:100vh;background-color:#fff;overflow:scroll;position:fixed;width:100%;top:0;left:0}.signup__left{width:50%;padding:2rem 3rem;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.signup__left h1.signup__heading{font-size:3.5rem;font-weight:600;padding-top:10%;color:#2d2d2d;margin-bottom:1.5rem;line-height:1.65;max-width:80%;margin-left:5rem}.signup__left h1.signup__heading .heading-line{display:block;margin-bottom:.2rem}.signup__left h1.signup__heading .grey-text{color:#2d2d2d}.signup__left h1.signup__heading .blue-text{color:#21566d}.signup__left .signup__description{color:#545454;font-size:2rem;line-height:2;margin-bottom:2rem;max-width:80%;margin-left:5rem}.signup__left img{height:auto;width:50%;margin-top:2rem;align-self:flex-start;margin-left:5rem;padding-bottom:6rem}.signup__right{width:50%;display:flex;justify-content:center;align-items:center;background-color:#fff;margin:3rem 2rem 4rem;overflow-y:auto;height:calc(100vh - 7rem);max-height:100vh}.signup .section-padding{padding:0}@media (max-width: 992px){.signup{position:fixed;height:100%;flex-direction:column}.signup__left{padding:2rem;text-align:center;flex:0 0 auto;width:100%;align-items:center;justify-content:center;display:flex}.signup__left h1.signup__heading{font-size:2.4rem;max-width:100%}.signup__left h1.signup__heading .heading-line{margin-bottom:.1rem}.signup__left p{max-width:100%}.signup__left img{width:50%;margin:1.5rem auto;align-self:center;margin-left:25%}.signup__right{flex:1 1 auto;padding:1.5rem;align-items:flex-start;height:auto;overflow-y:auto;width:unset}}