@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";.page-login{width:100%;height:100%}.page-login .login{width:100%;height:100%;max-width:1366px;padding:40px 20px;margin:0 auto;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:32px}@media only screen and (max-width:768px){.page-login .login{padding:20px}}.page-login .login__card{width:100%;max-width:420px;padding:30px;background-color:var(--c-white);border-radius:12px;box-shadow:0 15px 40px #00000026}@media only screen and (max-width:768px){.page-login .login__card{padding:20px}}.page-login .login__title{margin-bottom:20px;color:var(--c-black);font-size:var(--t-size-xxlarge);font-weight:600;text-align:center}.page-login .login__form{display:flex;flex-direction:column;gap:20px}.page-login .login__forgot-password{font-size:var(--t-size-small);text-align:right;background-color:transparent;border:0;cursor:pointer;transition:var(--transition)}.page-login .login__forgot-password:hover{color:var(--c-blue);font-weight:600}.page-forgot-password{width:100%;height:100%}.page-forgot-password .forgot-password{width:100%;height:100%;max-width:1366px;padding:40px 20px;margin:0 auto;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:32px}@media only screen and (max-width:768px){.page-forgot-password .forgot-password{padding:20px}}.page-forgot-password .forgot-password__card{width:100%;max-width:420px;padding:30px;background-color:var(--c-white);border-radius:12px;box-shadow:0 15px 40px #00000026}@media only screen and (max-width:768px){.page-forgot-password .forgot-password__card{padding:20px}}.page-forgot-password .forgot-password__title{color:var(--c-black);font-size:var(--t-size-xxlarge);font-weight:600}.page-forgot-password .forgot-password__description{margin-bottom:36px;font-size:var(--t-size-small)}.page-forgot-password .forgot-password__form{display:flex;flex-direction:column;gap:20px}.page-reset-password{width:100%;height:100%}.page-reset-password .reset-password{width:100%;height:100%;max-width:1366px;padding:40px 20px;margin:0 auto;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:32px}@media only screen and (max-width:768px){.page-reset-password .reset-password{padding:20px}}.page-reset-password .reset-password__card{width:100%;max-width:420px;padding:30px;background-color:var(--c-white);border-radius:12px;box-shadow:0 15px 40px #00000026}@media only screen and (max-width:768px){.page-reset-password .reset-password__card{padding:20px}}.page-reset-password .reset-password__title{color:var(--c-black);font-size:var(--t-size-xxlarge);font-weight:600}.page-reset-password .reset-password__description{margin-bottom:24px;font-size:var(--t-size-small)}.page-reset-password .reset-password__form{display:flex;flex-direction:column;gap:20px}.page-reset-password .reset-password__requirements{padding:0;margin:0;align-items:flex-start}.page-reset-password .reset-password__requirement{display:flex;align-items:center}.page-reset-password .reset-password__requirement-icon{margin-right:5px;color:var(--c-grey-200)}.page-reset-password .reset-password__requirement-text{color:var(--c-grey-600);font-size:var(--t-size-small)}.page-reset-password .reset-password__requirement--met .reset-password__requirement-icon{color:var(--c-success)}.page-reset-password .reset-password__requirement--met .reset-password__requirement-text{color:var(--c-black)}.page-reset-password .reset-password__requirement--not-met .reset-password__requirement-icon{color:var(--c-error)}.page-reset-password .reset-password__requirement--not-met .reset-password__requirement-text{color:var(--c-black)}.page-welcome{width:100%;height:100%;max-width:540px;margin:0 auto;display:flex}.page-welcome .welcome{display:flex;flex:1;align-items:center;justify-content:center;flex-direction:column}.page-welcome .welcome__title{margin:0;font-size:var(--t-size-xlarge);font-weight:500}.page-welcome .welcome__description{margin:10px 0 0;color:var(--c-grey-600);font-size:var(--t-size-normal);text-align:center}.page-unauthorized{width:100%;height:100%;max-width:540px;margin:0 auto;display:flex}.page-unauthorized .unauthorized{display:flex;flex:1;align-items:center;justify-content:center;flex-direction:column}.page-unauthorized .unauthorized__title{margin:0;font-size:var(--t-size-xlarge);font-weight:500}.page-unauthorized .unauthorized__description{margin:10px 0 0;color:var(--c-grey-600);font-size:var(--t-size-normal);text-align:center}.page-session-expired{width:100%;max-width:400px;min-height:100vh;margin:0 auto;display:flex}.page-session-expired .session-expired{display:flex;flex:1;align-items:center;justify-content:center;flex-direction:column}.page-session-expired .session-expired__hero{margin:0 0 30px;display:block}.page-session-expired .session-expired__title{margin:0;font-size:var(--t-size-xlarge);font-weight:500}.page-session-expired .session-expired__description{margin:10px 0 0;color:var(--c-grey-600);font-size:var(--t-size-normal)}.page-session-expired .session-expired .app-button{width:100%;margin-top:35px}.page-users .users__title{margin:0 0 20px;color:var(--c-black);font-size:var(--t-size-xxlarge);font-weight:600}.page-roles .roles__title{margin-bottom:20px;color:var(--c-black);font-size:var(--t-size-xxlarge);font-weight:600}.page-role .role__title{margin:0 0 20px;color:var(--c-black);font-size:var(--t-size-xxlarge);font-weight:600}.page-role .role__sub-title{margin:0;color:var(--c-black);font-size:var(--t-size-large);font-weight:600}.page-role .role__card{width:100%;padding:25px 0 0;background-color:var(--c-white);border-radius:8px;box-shadow:0 5px 20px #00000026}.page-role .role__container{padding:0 25px 50px;border-bottom:1px solid var(--c-grey-200);display:flex;flex-direction:column;gap:25px}.page-role .role__form{display:flex;flex-direction:column}.page-role .role__header{padding:0 25px;display:flex;align-items:center;justify-content:space-between}.page-role .role__section-title{margin:0;font-size:var(--t-size-xlarge);font-weight:500}.page-role .role__edit-button{padding:0;margin-left:auto;color:var(--c-deep-charcoal-blue);background:transparent;border:0;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:5px}.page-role .role__edit-button:disabled{color:var(--c-grey-500);pointer-events:none}.page-role .role__edit-button:disabled .role__edit-text{color:var(--c-grey-500)}.page-role .role__edit-button svg{width:18px;height:18px}.page-role .role__edit-text{color:var(--c-deep-charcoal-blue);font-weight:500}.page-role .role__fields{width:100%;display:flex;flex-direction:column;gap:20px}.page-role .role__fields .app-input,.page-role .role__fields .app-textarea{width:50%}.page-role .role__permissions{border:1px solid var(--c-grey-400);border-radius:8px;overflow:hidden}.page-role .role__table{width:100%;border-collapse:collapse;border-spacing:0}.page-role .role__table th{padding:15px;font-size:var(--t-size-small);font-weight:400;background-color:var(--c-grey-50);border-bottom:1px solid var(--c-grey-400)}.page-role .role__table th:first-child{text-align:left;border-right:1px solid var(--c-grey-400)}.page-role .role__table td{padding:15px;font-size:var(--t-size-small);text-transform:capitalize}.page-role .role__table td:first-child{border-right:1px solid var(--c-grey-400)}.page-role .role__table td:not(:first-child){text-align:center}.page-role .role__table td .app-checkbox{display:inline-flex}.page-role .role__footer{padding:25px;display:flex;align-items:center;justify-content:space-between}.page-role .role__buttons{display:flex;align-items:center;gap:10px}.page-groups .groups__title{margin-bottom:20px;color:var(--c-black);font-size:var(--t-size-xxlarge);font-weight:600}.app-forgot-password-email-sent-modal{width:100%;height:100%}.app-forgot-password-email-sent-modal .forgot-password-email-sent-modal{width:100%;height:100%;max-width:420px;padding:40px 20px;margin:0 auto;text-align:center;display:flex;flex-direction:column;gap:10px}@media only screen and (max-width:768px){.app-forgot-password-email-sent-modal .forgot-password-email-sent-modal{padding:20px}}.app-forgot-password-email-sent-modal .forgot-password-email-sent-modal__title{color:var(--c-black);font-size:var(--t-size-xlarge);font-weight:600}.app-forgot-password-email-sent-modal .forgot-password-email-sent-modal__description{font-size:var(--t-size-small)}.app-reset-password-message-modal{width:100%;height:100%}.app-reset-password-message-modal .reset-password-message-modal{width:100%;height:100%;max-width:420px;padding:40px 20px;margin:0 auto;text-align:center;display:flex;flex-direction:column;gap:10px}@media only screen and (max-width:768px){.app-reset-password-message-modal .reset-password-message-modal{padding:20px}}.app-reset-password-message-modal .reset-password-message-modal__title{color:var(--c-black);font-size:var(--t-size-xlarge);font-weight:600}.app-reset-password-message-modal .reset-password-message-modal__description{font-size:var(--t-size-small)}.app-alert{position:fixed;top:60px;right:0;left:0;padding:0 20px;pointer-events:none;z-index:9999999999;display:flex;align-items:center;justify-content:center}.app-alert--layout{position:absolute}.app-alert .alert{padding:8px 10px;margin:0 auto;background-color:var(--c-alert-success-background);border:1px solid var(--c-alert-success-border);border-radius:100px;display:flex;align-items:center;justify-content:center;gap:10px}.app-alert .alert--error{background-color:var(--c-alert-error-background);border:1px solid var(--c-alert-error-border)}.app-alert .alert__icon{width:20px;height:20px;display:flex;align-items:center;flex-shrink:0}.app-alert .alert__text{width:100%;margin:0;color:var(--c-black);font-size:var(--t-size-small);font-weight:500;overflow-wrap:break-word}.app-alert .alert__close{width:20px;height:20px;padding:0;background-color:transparent;border:0;cursor:pointer;pointer-events:auto;display:flex;align-items:center;justify-content:center}.app-button .button{width:100%;padding:10px 20px;background-color:var(--c-deep-charcoal-blue);border:0;border-radius:8px;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;gap:10px}.app-button .button:disabled{background-color:var(--c-button-disabled);border:1px solid var(--c-button-disabled);pointer-events:none}.app-button .button:disabled .button__label{color:var(--c-button-disabled-text)}.app-button .button:hover{background-color:var(--c-button-solid-hover)}.app-button .button:active{background-color:var(--c-button-pressed)}.app-button .button__label{color:var(--c-button-solid-text);font-size:var(--t-size-normal);white-space:nowrap}.app-button .button--outline{background-color:var(--c-white);border:1px solid var(--c-button-border)}.app-button .button--outline:hover{background-color:var(--c-button-outline-hover)}.app-button .button--outline .button__label{color:var(--c-button-outline-text)}.app-button .button__icon{display:flex;align-items:center;justify-content:center}.app-button .button .app-loading{margin-left:10px}.app-modal:has(.app-confirmation-modal .confirmation-modal) .modal{padding:25px}.app-confirmation-modal .confirmation-modal__title{margin-bottom:25px;color:var(--c-black);font-size:var(--t-size-xlarge);font-weight:500;text-align:center}.app-confirmation-modal .confirmation-modal__footer{width:100%;max-width:80%;padding-bottom:25px;margin:0 auto;display:flex;align-items:center;justify-content:center;flex-direction:row;gap:15px}.app-confirmation-modal .confirmation-modal__footer .app-button{width:100%}.app-input .input{display:flex;flex-direction:column}.app-input .input--error .input__label{color:var(--c-input-error)}.app-input .input--error .input__content{border:1px solid var(--c-input-error)}.app-input .input--error .input__content:has(.input__field:focus){border:1px solid var(--c-input-error);box-shadow:var(--c-input-focused-error-shadow)}.app-input .input--error .input__field::placeholder{color:var(--c-input-error)}.app-input .input__label{margin:0 0 5px;color:var(--c-input-text)}.app-input .input__label--required:after{color:var(--c-input-error);font-size:var(--t-size-small);line-height:0;vertical-align:super;content:"*"}.app-input .input__content{width:100%;background-color:var(--c-white);border:1px solid var(--c-input-border);border-radius:4px;display:flex}.app-input .input__content--disabled{background-color:var(--c-input-disabled);border:1px solid var(--c-input-disabled)}.app-input .input__content--disabled .input__visibility{display:none}.app-input .input__content:has(.input__field:focus){border:1px solid var(--c-input-focused-border);box-shadow:var(--c-input-focused-shadow)}.app-input .input__field{width:100%;padding:10px;color:var(--c-input-text);font-size:var(--t-size-normal);background-color:transparent;border:0;outline:none}.app-input .input__field::placeholder{color:var(--c-input-placeholder);font-size:var(--t-size-normal)}.app-input .input__field::-webkit-outer-spin-button,.app-input .input__field::-webkit-inner-spin-button{appearance:none;margin:0}.app-input .input__field[type=number]{appearance:textfield}.app-input .input__icon{padding:0 0 0 10px;display:flex;align-items:center;justify-content:center}.app-input .input__icon svg{width:20px;height:20px}.app-input .input__visibility{padding:0 15px;background-color:transparent;border:0;cursor:pointer;display:flex;align-items:center;justify-content:center}.app-input .input__visibility svg{width:20px;height:20px}.app-input .input__visible-icon path{fill:var(--c-input-text)}.app-input .input__invisible-icon path,.app-input .input__invisible-icon circle{stroke:var(--c-input-text)}.app-input .input__error{margin:5px 0 0;color:var(--c-input-error);display:flex;align-items:center}.app-input .input__error-icon{margin-right:5px}.app-input .input__error-icon path{fill:var(--c-input-text)}.app-input .input__error-text{font-size:var(--t-size-small)}.app-checkbox .checkbox__label{cursor:pointer;display:flex;align-items:center;flex-direction:row}.app-checkbox .checkbox__text{font-size:var(--t-size-small);font-weight:500}.app-checkbox .checkbox__field{width:20px;height:20px;background-color:var(--c-white);border:1px solid var(--c-input-border);border-radius:5px;cursor:pointer;display:flex;align-items:center;justify-content:center}.app-checkbox .checkbox__field:disabled{background-color:var(--c-input-disabled)}.app-checkbox .checkbox__field:disabled:not(.checkbox__field--checked) svg{opacity:0}.app-checkbox .checkbox__field--checked{background-color:var(--c-deep-charcoal-blue)}.app-checkbox .checkbox__error{margin:5px 0 0;color:var(--c-input-error);display:flex;align-items:center}.app-checkbox .checkbox__error-icon{margin-right:5px}.app-checkbox .checkbox__error-icon path{fill:var(--c-input-text)}.app-checkbox .checkbox__error-text{font-size:var(--t-size-small)}.app-textarea .textarea{display:flex;flex-direction:column}.app-textarea .textarea--error .textarea__label{color:var(--c-input-error)}.app-textarea .textarea--error .textarea__content{border:1px solid var(--c-input-error)}.app-textarea .textarea--error .textarea__content:has(.textarea__field:focus){border:1px solid var(--c-input-error);box-shadow:var(--c-input-focused-error-shadow)}.app-textarea .textarea--error .textarea__field::placeholder{color:var(--c-input-error)}.app-textarea .textarea__label{margin:0 0 5px;color:var(--c-input-text)}.app-textarea .textarea__label--required:after{color:var(--c-input-error);font-size:var(--t-size-small);line-height:0;vertical-align:super;content:"*"}.app-textarea .textarea__content{width:100%;background-color:var(--c-white);border:1px solid var(--c-input-border);border-radius:4px;display:flex}.app-textarea .textarea__content--disabled{background-color:var(--c-input-disabled);border:1px solid var(--c-input-disabled)}.app-textarea .textarea__content--disabled .textarea__visibility{display:none}.app-textarea .textarea__content:has(.textarea__field:focus){border:1px solid var(--c-input-focused-border);box-shadow:var(--c-input-focused-shadow)}.app-textarea .textarea__field{width:100%;padding:10px;color:var(--c-input-text);font-size:var(--t-size-normal);background-color:transparent;border:0;resize:none;outline:none}.app-textarea .textarea__field::placeholder{color:var(--c-input-placeholder);font-size:var(--t-size-normal)}.app-textarea .textarea__footer{display:flex;justify-content:space-between;gap:5px}.app-textarea .textarea__count{margin-top:5px;margin-left:auto;color:var(--c-input-placeholder);font-size:var(--t-size-small)}.app-textarea .textarea__error{margin:5px 0 0;color:var(--c-input-error);display:flex;align-items:center}.app-textarea .textarea__error-icon{margin-right:5px}.app-textarea .textarea__error-icon path{fill:var(--c-input-text)}.app-textarea .textarea__error-text{font-size:var(--t-size-small)}.app-layout{width:100%;height:100%;overflow:hidden}:root:has(.app-layout) body,:root:has(.app-layout) html{overflow:hidden}.app-layout .layout{width:100%;height:100%;display:flex;flex-direction:row}.app-layout .layout__container{width:calc(100% - 240px);min-height:100vh;transition:var(--transition);display:flex;flex-direction:column}.app-layout .layout__header{position:relative;width:100%;height:80px;min-width:200px;padding:0 25px;background-color:var(--c-white);box-shadow:0 4px 4px #00000014;display:flex;align-items:center;justify-content:flex-end}.app-layout .layout__profile{display:flex;align-items:center;flex-direction:row;gap:10px}.app-layout .layout__hero{width:50px;height:50px;color:var(--c-white);background-color:#b7beda;border:3px solid var(--c-white);border-radius:50px;box-shadow:2px 4px 8px #2525251a;display:flex;align-items:center;justify-content:center}.app-layout .layout__name{color:var(--c-black);font-weight:500}.app-layout .layout__content{width:100%;height:calc(100vh - 80px);padding:20px;overflow:auto}.app-layout--expanded .layout__container{width:calc(100% - 54px)}.app-loading{width:18px;height:18px;aspect-ratio:1;--c: no-repeat radial-gradient(farthest-side, #ffffff 30%, transparent);background:var(--c) top,var(--c) left,var(--c) right,var(--c) bottom;background-size:8px 8px;animation:loading-animation 1s infinite}@keyframes loading-animation{to{transform:rotate(.5turn)}}.app-menu{position:fixed;inset:0;background-color:#0000001a;opacity:0;z-index:10000000;visibility:hidden;align-items:center;justify-content:center}.app-menu .menu{position:absolute}.app-menu .menu__list{padding:0;margin:0}.app-menu .menu__item{min-width:100px;color:var(--c-black);font-size:var(--t-size-small);font-weight:500;list-style-type:none;background-color:var(--c-white);cursor:pointer}.app-menu .menu__item a{padding:10px;color:inherit;font-size:inherit;text-decoration:inherit;cursor:pointer;pointer-events:auto;display:block}.app-menu .menu__item:hover{background-color:var(--c-border)}.app-menu .menu__item:first-child{border-top-left-radius:5px;border-top-right-radius:5px}.app-menu .menu__item:last-child{border-bottom-left-radius:5px;border-bottom-right-radius:5px}.app-menu .menu__item:not(:last-child){border-bottom:1px solid var(--c-border)}.app-modal{position:fixed;padding:15px;inset:0;background-color:#0000004d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;z-index:10000;display:none;align-items:center;justify-content:center}.app-modal .modal{position:relative;width:100%;min-width:300px;max-width:500px;padding:15px;background-color:var(--c-white);border-radius:8px}.app-modal .modal__header{margin:0 0 10px;display:flex;align-items:center;justify-content:space-between}.app-modal .modal__close-button{width:25px;height:25px;padding:0;margin-left:auto;background-color:transparent;border:0;cursor:pointer}.app-modal .modal__close-button svg{width:100%}.app-public-layout .public-layout{min-height:100vh;padding:25px;background:var(--c-background);display:flex;justify-content:center;flex-direction:column;gap:15px}.app-public-layout .public-layout__logo{width:100%;max-width:360px;margin:0 auto clamp(15px,5vh,80px);display:block}@media only screen and (max-width:768px){.app-public-layout .public-layout__logo{max-width:300px}}.app-public-layout .public-layout__container{padding-bottom:18px;display:flex;flex:1 0 auto;align-items:center;justify-content:center;flex-direction:column}.app-public-layout .public-layout__footer{position:relative;padding:0 10px;color:var(--c-white);font-size:var(--t-size-small);text-align:center}.app-select{position:relative}.app-select .select{display:flex;flex-direction:column}.app-select .select--error .select__label{color:var(--c-input-error)}.app-select .select--error .select__content{border:1px solid var(--c-input-error)}.app-select .select--error .select__content:has(.select__field:focus){border:1px solid var(--c-input-error);box-shadow:var(--c-input-focused-error-shadow)}.app-select .select--error .select__field::placeholder{color:var(--c-input-error)}.app-select .select__label{margin:0 0 5px;color:var(--c-input-text)}.app-select .select__label--required:after{color:var(--c-input-error);font-size:var(--t-size-small);vertical-align:super;content:"*"}.app-select .select__content{position:relative;width:100%;background-color:var(--c-background);border:1px solid var(--c-input-border);border-radius:4px;display:flex}.app-select .select__content--disabled{background-color:var(--c-input-disabled);border:1px solid var(--c-input-disabled)}.app-select .select__content:has(.select__field:focus){border:1px solid var(--c-input-focused-border);box-shadow:var(--c-input-focused-shadow)}.app-select .select__field{width:100%;padding:15px 45px 15px 15px;color:var(--c-input-text);background-color:transparent;border:0;outline:none}.app-select .select__field::placeholder{color:var(--c-input-placeholder)}.app-select .select__chevron{position:absolute;top:0;right:0;bottom:0;padding:0 15px;background-color:transparent;border:0;pointer-events:none;transition:var(--transition);display:flex;align-items:center;justify-content:center}.app-select .select__chevron--active{transform:rotate(180deg)}.app-select .select__chevron svg{width:12.5px;height:12.5px}.app-select .select__overlay{position:absolute;top:100%;bottom:auto;width:100%;height:100vh;max-height:300px;margin:10px 0;background-color:var(--c-select-dropdown);border:1px solid var(--c-input-border);border-radius:8px;overflow:hidden;opacity:0;z-index:999;transition:var(--transition)}.app-select .select__overlay--top{top:auto;bottom:calc(100% - 15px);margin:0}.app-select .select__options{position:relative;height:calc(100% - 59px);padding:0 0 10px;margin:0;overflow:auto;display:flex;flex-direction:column}.app-select .select__option{list-style-type:none;transition:var(--transition)}.app-select .select__option--selected{background-color:var(--c-select-hover-dropdown)}.app-select .select__option:hover:not(.select__option--static){background-color:var(--c-select-hover-dropdown)}.app-select .select__button{width:100%;padding:15px;color:var(--c-input-text);font-size:var(--t-size-normal);text-align:left;background-color:transparent;border:0;cursor:pointer;display:flex;align-items:center;flex-direction:row}.app-select .select__loading{position:sticky;inset:calc(100% - 44px) 0 0;background:linear-gradient(90deg,#f3f4f6,#fff,#f3f4f6);background-size:200% 100%;opacity:0;transition:var(--transition);animation:loading-animation 1.5s infinite linear}.app-select .select__loading--active{opacity:1}.app-select .select__text{padding:15px;color:var(--c-input-disabled);font-size:var(--t-size-small);text-align:center;letter-spacing:5px;display:block}.app-select .select__icon{width:25px;height:25px;margin-right:10px;background-color:var(--c-white);background-size:cover;background-repeat:no-repeat;background-position:center;border-radius:25px;display:block}.app-select .select__error{margin:5px 0 0;color:var(--c-input-error);font-size:var(--t-size-small)}.app-select .select__search-container{padding:0 15px;display:flex;align-items:center;flex-direction:row}.app-select .select__search-icon{width:17px;height:17px;display:flex;align-items:center;justify-content:center}.app-select .select__search-icon svg{width:100%;height:100%}.app-select .select__search-close{width:13px;height:13px;padding:0;background-color:transparent;border:0;cursor:pointer;display:flex;align-items:center;justify-content:center}.app-select .select__search-close svg{width:100%;height:100%}.app-select .select__search-field{position:relative;width:100%;padding:20px 15px;background-color:transparent;border:0;outline:none}@keyframes loading-animation{0%{background-position:200% 0}to{background-position:-200% 0}}.app-side-nav{position:relative;width:240px;background:var(--c-background);flex-shrink:0;transition:var(--transition)}.app-side-nav .side-nav{min-height:100vh;display:flex;flex-direction:column}.app-side-nav .side-nav__nav{position:relative;display:flex;flex-grow:1;flex-direction:column}.app-side-nav .side-nav__logo{width:100%;height:80px;padding:28px 45px 28px 35px;pointer-events:none;z-index:100}.app-side-nav .side-nav__toggle{position:absolute;top:25px;right:-15px;width:30px;height:30px;padding:10px;background-color:var(--c-sea-blue);border:0;border-radius:100px;box-shadow:0 4px 4px #00000014;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center}.app-side-nav .side-nav__toggle svg{transition:var(--transition);transform:rotate(90deg)}.app-side-nav .side-nav__toggle svg path{stroke:var(--c-white)}.app-side-nav .side-nav__list{position:relative;height:calc(100vh - 134px);padding:0;margin:0;overflow:auto}.app-side-nav .side-nav__list::-webkit-scrollbar{width:12px}.app-side-nav .side-nav__list::-webkit-scrollbar-thumb{background-color:rgb(var(--c-border-rgb)/20%);background-clip:content-box;border:4px solid transparent;border-radius:20px}.app-side-nav .side-nav__list::-webkit-scrollbar-thumb:hover{background-color:rgb(var(--c-border-rgb)/50%)}.app-side-nav .side-nav__item{list-style-type:none}.app-side-nav .side-nav__link{position:relative;width:100%;padding:15px 12.5px;text-decoration:none;white-space:nowrap;background-color:transparent;border:0;cursor:pointer;transition:var(--transition);display:flex;align-items:center;gap:10px}.app-side-nav .side-nav__link:hover:not(.side-nav__link--active){background-color:#3928b9;border-top-right-radius:8px;border-bottom-right-radius:8px}.app-side-nav .side-nav__link:after{position:absolute;inset:0 100% 0 0;background-color:var(--c-sea-blue);border-top-right-radius:8px;border-bottom-right-radius:8px;opacity:0;z-index:0;transition:var(--transition);content:""}.app-side-nav .side-nav__link--active .side-nav__icon svg path{stroke:var(--c-deep-charcoal-blue)}.app-side-nav .side-nav__link--active .side-nav__label{color:var(--c-deep-charcoal-blue);font-weight:600}.app-side-nav .side-nav__decoration-mask{position:absolute;width:100%;height:100%;clip-path:inset(80px -20px 34px 0)}.app-side-nav .side-nav__decoration{position:absolute;width:0;background-color:var(--c-sea-blue);border-top-right-radius:8px;border-bottom-right-radius:8px;opacity:0;z-index:0;transition:var(--transition);content:""}.app-side-nav .side-nav__icon{position:relative;z-index:10;display:flex;align-items:center;justify-content:center}.app-side-nav .side-nav__label{position:relative;margin:0;color:var(--c-white);font-size:var(--t-size-normal);z-index:10}.app-side-nav .side-nav__logout{width:100%;padding:15px 12.5px;margin-top:auto;white-space:nowrap;background-color:transparent;border:0;cursor:pointer;display:flex;align-items:center;gap:10px}.app-side-nav .side-nav__loadings{display:flex;flex-direction:column;gap:10px}.app-side-nav .side-nav__loading{height:50px;margin:0 10px;background:linear-gradient(90deg,#fff0 25%,#ffffff1a,#fff0 75%);background-size:200% 100%;border-radius:5px;animation:side-nav-loading 2s infinite linear}@keyframes side-nav-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.app-side-nav--collapsed{width:50px}.app-side-nav--collapsed .side-nav__toggle svg{transform:rotate(270deg)}.app-side-nav--collapsed .side-nav__label{display:none}.app-status .status{padding:5px 12.5px;border-radius:5px;display:inline-block}.app-status .status__text{margin:0;font-size:var(--t-size-small);font-weight:500}.app-status .status--green{background-color:#e1fde7}.app-status .status--green .status__text{color:#04b64c}.app-status .status--red{background-color:#ffdfdf}.app-status .status--red .status__text{color:#f64444}.app-tab{width:100%}.app-tab .tab{display:flex;align-items:center}.app-tab .tab__list{padding:0;margin:0;overflow:auto;display:flex;align-items:center;gap:20px}.app-tab .tab__link{position:relative;padding:5px 5px 10px;color:var(--c-black);font-size:var(--t-large);font-weight:500;white-space:nowrap;list-style:none}.app-tab .tab__link:hover{color:var(--c-black)}.app-tab .tab__link--active{color:var(--c-deep-charcoal-blue);pointer-events:none}.app-tab .tab__link--active:after{content:"";position:absolute;right:0;bottom:2px;left:0;height:3px;background:var(--c-sea-blue);border-radius:999px}.app-tab .tab__link--disabled{color:var(--c-grey-200)}.app-tab .tab__link--disabled:after{display:none}.app-tab .tab__item{color:inherit;text-decoration:none}.app-tab .tab__item:hover{color:var(--c-black)}.app-table-header .table-header{padding:25px 0;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:15px}.app-table-header .table-header__search{width:100%;min-width:300px;max-width:360px}@media only screen and (max-width:768px){.app-table-header .table-header__search{max-width:100%}}.app-table-header .table-header__create{margin-left:auto}.app-table .table__container{overflow:auto hidden}.app-table .table__table{width:100%;background-color:var(--c-white);border-collapse:separate!important;border-spacing:0}.app-table .table__table th{padding:15px;text-align:left;background-color:#eff1f3}.app-table .table__table th:first-child{width:70px;text-align:center}.app-table .table__table th:last-child{width:70px;text-align:center;pointer-events:none}.app-table .table__table td{padding:15px;color:#666;font-size:var(--t-size-small);font-weight:500;white-space:nowrap;background-color:var(--c-white);border-bottom:1px solid var(--c-grey-200)}.app-table .table__table td:first-child{text-align:center}.app-table .table__table td:last-child{text-align:center}.app-table .table__table tfoot td{position:sticky;width:max-content;border-bottom:0;z-index:1}.app-table .table__content{color:var(--c-black);font-size:var(--t-size-small);font-weight:600;display:inline-flex;align-items:center;flex-direction:row;gap:2.5px}.app-table .table__sort-button{width:20px;height:20px;vertical-align:middle;background-color:transparent;border:0;cursor:pointer}.app-table .table__sort-icon{opacity:.5;transform-origin:center;transition:var(--transitiion);display:flex}.app-table .table__sort-icon--asc{opacity:1}.app-table .table__sort-icon--desc{opacity:1;transform:rotate(-180deg)}.app-table .table__indicator{transform-origin:center;animation:rotate-indicator-animation 1s linear infinite;display:flex;align-items:center;justify-self:center}@keyframes rotate-indicator-animation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.app-table .table__no-record{height:300px;color:#bfbfbf!important;font-size:var(--t-size-large)!important;font-weight:400!important;text-align:center}.app-table .table__entries{position:sticky;left:15px;color:var(--c-grey-600);font-size:var(--t-size-small);font-weight:500}.app-table .table__footer{position:sticky;display:flex;align-items:center;justify-content:space-between}.app-table .table__pagination{position:sticky;right:15px}.app-table .table__pagination-wrapper{display:flex;gap:10px}.app-table .table__pagination-item{min-width:35px;padding:10px;font-size:var(--t-size-small);background-color:var(--c-white);border:1px solid var(--c-grey-200);border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center}.app-table .table__pagination-item--active{color:var(--c-white);background-color:var(--c-deep-charcoal-blue)}.app-table .table__pagination-item:disabled{opacity:.3}.app-table-action .table-action{padding:0;margin:0 auto;background-color:transparent;border:0;cursor:pointer;display:flex;align-items:center;justify-content:center}:root{--c-white: #ffffff;--c-black: #231f20;--c-sea-blue: #86e9e8;--c-deep-charcoal-blue: #4d38f0;--c-background: linear-gradient(180deg, var(--c-deep-charcoal-blue) 0%, #372aac 100%);--c-border: #f9fafb;--c-border-rgb: 249, 250, 251;--c-error: #f6331c;--c-success: #60f483;--c-grey-50: #f9fafb;--c-grey-100: #f2f2f2;--c-grey-200: #e3e3e3;--c-grey-300: #d4d4d4;--c-grey-400: #c0c0c0;--c-grey-500: #a5a5a5;--c-grey-600: #666666;--c-grey-700: #4d4d4d;--c-grey-800: #333333;--c-grey-900: #1a1a1a;--t-size-xxlarge: 24px;--t-size-xlarge: 20px;--t-size-large: 18px;--t-size-medium: 16px;--t-size-normal: 14px;--t-size-small: 12px;--t-size-micro: 10px;--transition: .2s ease-in-out;--c-input-text: #212121;--c-input-border: #e0e0e0;--c-input-focused-border: #546fb9;--c-input-focused-shadow: 0px 1px 6.7px 3px rgb(68, 120, 170, 30%);--c-input-focused-error-shadow: 0px 1px 6.7px 3px rgb(211, 47, 47, 30%);--c-input-placeholder: #c0c0c0;--c-input-disabled: #d1d5db;--c-input-error: #b91c1c;--c-select-dropdown: #ffffff;--c-select-hover-dropdown: #fafafa;--c-button-solid-text: #ffffff;--c-button-solid-hover: #432fda;--c-button-disabled-text: #ccd0d6;--c-button-outline-text: #666666;--c-button-outline-hover: #f9fafb;--c-button-border: #c0c0c0;--c-button-pressed: #432fda;--c-button-disabled: #9ca3af;--c-alert-success-background: #edfff4;--c-alert-success-border: #04b64c;--c-alert-error-background: #ffdfdf;--c-alert-error-border: #f64444}*{box-sizing:border-box;font-size:var(--t-size-medium);font-style:normal;font-family:Poppins,sans-serif;font-optical-sizing:auto}html,body{width:100%;height:100%;padding:0;margin:0}
