body{margin:0!important;padding:0!important;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Noto Sans,Liberation Sans,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.grid-container,body{background-color:#eff0f0}.grid-container{display:grid;grid-template-columns:200px 1fr;grid-template-rows:93px 1fr minmax(50px,auto);height:100vh}.arivey-header{padding-top:1.75rem;padding-right:.75rem;grid-column-start:2}.arivey-container-header{background-color:#fff!important;height:65px!important;padding-left:1.25rem;padding-right:1.25rem;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;display:flex;justify-content:space-between;align-items:center}.arivey-header-title{font-size:1.125rem;color:grey;font-weight:400}.arivey-header-user{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.arivey-header-user-avatar{background-color:#6b38c3;padding:.5rem;border-radius:50%;height:40px;width:40px;display:flex;justify-content:center;align-items:center;color:#fff;text-transform:uppercase}.arivey-header-user-name{color:#3f1884;font-size:.875rem;text-transform:capitalize!important;font-weight:500;margin-bottom:0}.arivey-header-user-email{color:#0d6efd;font-size:.75rem}.arivey-sidenav{background-color:#240e4b;max-width:200px;height:100vh;width:200px;padding-top:1.75rem;padding-bottom:1.75rem;padding-left:1.25rem;display:flex;flex-direction:column;gap:1rem;grid-column-start:1;grid-column-end:2;grid-row-start:1;grid-row-end:1}.arivey-sidenav-logo-container{background-color:#fff;min-height:65px;max-height:70px;border-top-left-radius:.25rem!important;border-bottom-left-radius:.25rem!important;padding-left:1.25rem!important;display:flex;align-items:center}.arivey-sidenav-nav{display:flex;flex-wrap:wrap}.arivey-sidenav-nav-links{padding:.5rem 0 .5rem .5rem!important;display:flex;flex-direction:column;gap:.125rem;width:100%}.arivey-sidenav-nav-link{display:flex;gap:.75rem;padding:.75rem .5rem;align-items:center;border-top-left-radius:.25rem;border-bottom-left-radius:.25rem;font-size:14px;color:#ded3f1;width:100%;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;text-decoration:none}.arivey-sidenav-nav-link.active{background-color:#eff0f0!important}.arivey-sidenav-nav-link.active *{color:#6b38c3;font-weight:500}.arivey-sidenav-nav-icon{color:#bda7e4}.arivey-sidenav-footer{margin-top:auto}.arivey-sidenav-footer-container{display:flex;flex-direction:column;gap:1.5rem}.arivey-sidenav-logout{background-color:#5b23bd;color:#fff;border-radius:.125rem;border:0;font-weight:500;display:flex;gap:.75rem;padding:.5rem 1.25rem;font-size:14px;align-items:center}.arivey-sidenav-logout:hover{background-color:#6b38c3}.arivey-sidenav-lang-container{display:flex;gap:.75rem}.arivey-sidenav-lang-button{display:flex;gap:.5rem;align-items:center;padding:.25rem .5rem;background-color:transparent;border-radius:.25rem;border:1px solid #bda7e4}.arivey-sidenav-lang-button:hover{background-color:#6b38c3}.arivey-sidenav-lang-button-text{font-size:14px;color:#fff}.arivey-main{padding:1rem;overflow-y:auto;height:100%;grid-column-start:2}.arivey-footer{padding-left:1.25rem;padding-right:1rem;padding-top:.5rem;display:flex;justify-content:flex-end;grid-column-start:2;max-height:60px}.arivey-copyright{color:#3e6fe8}.form-label{font-size:14px;font-weight:500;margin-bottom:0!important;padding:.125rem .25rem}.btn-primary{background-color:#5b23bd!important;border-color:#5b23bd!important}.btn-primary:hover{opacity:.8}.table>tbody *{font-size:14px;font-weight:600!important}.table>tbody *,.table>thead *{color:rgba(33,37,41,.75)!important}.arivei-aside{background-color:#240e4b;max-width:200px;height:100vh;width:200px;padding-top:1.75rem;padding-bottom:1.75rem;padding-left:1.25rem;display:flex;flex-direction:column;gap:1rem}.arivei-aside-logo-container{background-color:#fff;min-height:65px;max-height:70px;border-top-left-radius:.25rem!important;border-bottom-left-radius:.25rem!important;padding-left:1.25rem!important;display:flex;align-items:center}.arivei-aside-logo{width:111px!important;height:38px!important;aspect-ratio:197/68!important;object-fit:contain!important}.arivei-aside-nav{display:flex;flex-wrap:wrap}.arivei-aside-nav-ul{padding:.5rem 0 .5rem .5rem!important;display:flex;flex-direction:column;gap:.5rem;width:100%}.arivei-aside-nav-li{display:flex;gap:.75rem;padding:.75rem .5rem;align-items:center;border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.arivei-aside-nav-li.active{background-color:#eff0f0!important}.arivei-aside-nav-li.active *{color:#6b38c3;font-weight:500}.arivei-aside-nav-section{color:#3e6fe8!important;font-size:1rem!important}.arivei-aside-nav-item{font-size:1rem;color:#ded3f1;width:100%;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out}.arivei-aside-nav-icon{color:#bda7e4}.arivei-aside-footer{margin-top:auto}.arivei-aside-footer-container{display:flex;flex-direction:column;gap:1.5rem}.arivei-aside-logout{background-color:#5b23bd;color:#fff;border-radius:.125rem;border:0;font-weight:500;display:flex;gap:.75rem}.arivei-aside-logout:hover{background-color:#6b38c3}li{list-style-type:none}[data-amplify-theme],html{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Noto Sans,Liberation Sans,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}[data-amplify-container]{max-width:420px}[data-amplify-authenticator] [data-amplify-router]{border-width:0;border-style:none}.amplify-tabs-item{color:#ad91de!important;font-weight:600;border-style:none}.amplify-tabs-item[data-state=active]{color:#7444c7!important}[data-indicator-position=top]>.amplify-tabs-item{margin-top:calc(-1 * var(--amplify-components-tabs-item-border-width));margin-bottom:0}.amplify-tabs-item:hover{color:#5b23bd!important;cursor:pointer}.amplify-tabs-item:focus{color:#5b23bd!important}.amplify-tabs-item:active{color:#7444c7!important}.federated-sign-in-container button{border:none}.federated-sign-in-container button:first-child{border-bottom:2px solid #e7f1fd;background-color:#e7f1fd}.federated-sign-in-container button:first-child .amplify-text{color:#1877f2;opacity:.8;font-weight:500}.federated-sign-in-container button:first-child:hover *{opacity:1}.federated-sign-in-container button:nth-child(2){border-bottom:2px solid #f2f2f2;background-color:#f2f2f2}.federated-sign-in-container button:nth-child(2) .amplify-text{color:gray;opacity:.8;font-weight:500}.federated-sign-in-container button:nth-child(2):hover *{opacity:1}.amplify-field{gap:.25rem}.amplify-field .amplify-label{color:gray;font-weight:400}.amplify-field .amplify-input{border:2px solid #e5e5ee}.amplify-input:focus{border-color:#c5d4f8;box-shadow:none}.amplify-field .amplify-input::placeholder{color:#b2b2b2}.amplify-field .amplify-button,.amplify-field .amplify-button:focus{border:2px solid #e5e5ee!important}.amplify-button{font-weight:600}.amplify-button--primary{background-color:#8c65d1!important}.amplify-button--primary:hover{background-color:#5b23bd!important}.amplify-button--link{color:#5b85eb!important}p.amplify-text{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Noto Sans,Liberation Sans,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji!important}.arivei-grid-container{row-gap:.5rem;grid-template-columns:200px 1fr;grid-template-rows:93px 1fr minmax(50px,auto);height:100vh}@media (max-width:767.98px){.arivei-grid-container{grid-template-columns:90px 1fr}}.arivei-main{padding:1rem;overflow-y:auto;height:100%}.arivei-footer{padding-left:1.25rem;padding-right:1rem;padding-top:.5rem;display:flex;justify-content:flex-end}.arivei-copyright{color:#3e6fe8}a{text-decoration:none}.photo-action-icon:hover{cursor:pointer;transform:scale(1.3)}.btn{border-radius:.25rem;font-weight:500;display:flex;gap:.5rem;padding:.5rem 1.5rem;border:0;cursor:pointer;align-items:center}.btn-outline-primary{background-color:#fff;color:#5b23bd;outline:2px solid #5b23bd}.btn-outline-primary:hover{background-color:#5b23bd;color:#fff}.btn-white{background-color:#fff;color:#5b23bd}.btn-light,.btn-white:hover{background-color:#eee9f8}.btn-light{color:#9c7bd7}.btn-light:hover{color:#5b23bd;transition:all 5ms}.form{display:flex;flex-direction:column;gap:.75rem}.form input{border:2px solid #e5e5e5!important}.ui.form .field>label{color:gray}.card{border:none;width:320px}.card-footer,.card-header{background-color:#fff;border:none}.mapboxgl-ctrl-geocoder--icon{display:none!important}.card-employee{display:flex;background-color:#3e6fe8}.text-gray{color:#a6a6a6}.arivei-header{padding-top:1.75rem;padding-right:.75rem}.arivei-container-header{background-color:#fff;height:65px!important;padding-left:1.25rem;padding-right:1.25rem;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;display:flex;justify-content:space-between;align-items:center}.arivei-header-title{font-size:1.125rem;color:grey;font-weight:400}.arivei-header-user{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.arivei-header-user-avatar{background-color:#6b38c3;padding:.5rem;border-radius:50%;height:40px;width:40px;display:flex;justify-content:center;align-items:center;color:#fff;text-transform:uppercase}.arivei-header-user-name{color:#3f1884;font-size:.875rem;text-transform:capitalize!important;font-weight:500}.arivei-header-user-email{color:#0d6efd;font-size:.75rem}.payroll-comments-section{background-color:#fafafa;padding:1rem;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.comment-list-container{max-height:400px;overflow-y:auto;padding:1rem;background-color:#fff;border-radius:8px;box-shadow:inset 0 2px 4px rgba(0,0,0,.05);display:flex;flex-direction:column}.comment-card{display:flex;flex-direction:column;margin-bottom:1rem;transition:background-color .3s ease,transform .3s ease;opacity:0;transform:translateY(10px);animation:fadeInUp .3s forwards}.comment-card:hover{background-color:#f0f0f0;transform:translateY(-2px)}.comment-card.current-user{align-items:flex-end}.comment-card.other-user{align-items:flex-start}.comment-message{max-width:70%;padding:.75rem 1rem;border-radius:20px;position:relative;word-wrap:break-word;transition:background-color .3s ease,transform .3s ease}.comment-message.current-user{background-color:#dcf8c6;color:#000}.comment-message.other-user{background-color:#f0f0f0;color:#000}.comment-edited{font-size:.75rem;color:#888;margin-top:.25rem;opacity:0;transition:opacity .3s ease}.comment-edited.visible{opacity:1}.comment-header{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:.25rem}.comment-owner{font-weight:700;font-size:.9rem}.comment-timestamp{font-size:.75rem;color:#666;display:flex;align-items:center}.comment-timestamp .edit-icon{margin-left:.25rem}.edit-buttons{display:flex;gap:.5rem;margin-top:.5rem}.edit-buttons .ui.button{padding:.25rem .5rem;font-size:.8rem}.comment-form{margin-top:1rem}.comment-form .ui.textarea{border-radius:20px;padding:.75rem 1rem;resize:none;border:1px solid #ccc}.comment-form .ui.button{margin-top:.5rem;border-radius:20px}.avatar{width:32px;height:32px;border-radius:50%;margin-right:.5rem}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.responsive-modal .modal-dialog{max-width:90%;margin:auto}@media (min-width:768px){.responsive-modal .modal-dialog{max-width:60%}}