:root{--primary-color: rgb(150, 150, 255);--primary-color-light: rgb(200, 200, 230);--primary-color-dark: rgb(117, 117, 221);--secondary-color: rgb(0, 238, 187);--secondary-color-light: rgb(107, 255, 223);--secondary-color-dark: rgb(0, 185, 145);--primary-error-color: #e74c3c;--primary-error-color-dark: #ba3324;--primary-error-color-light: #eb9389;--primary-text-color: rgb(30, 30, 30);--secondary-text-color: rgb(60, 60, 60);--tertiary-text-color: rgb(90, 90, 90);--disabled: rgb(200, 200, 200);--primary-font: Verdana, Geneva, Tahoma, sans-serif;--padding-buttons: .5rem .6rem}.snackbar{position:fixed;top:2rem;left:calc(100% - 2rem);transform:translate(-100%);min-width:300px;padding:16px;border-radius:8px;color:#fff;animation:fadeIn .3s ease,fadeOut .3s ease 3.7s;box-shadow:0 4px 12px #0000004d;z-index:9999}.snackbar-success{background-color:#4caf50}.snackbar-error{background-color:#f44336}.snackbar-warning{background-color:#ff9800}.snackbar-title{font-family:var(--primary-font);font-weight:700;margin-bottom:4px;display:block}.snackbar-description{margin:0;font-family:var(--primary-font)}@keyframes fadeIn{0%{opacity:0;left:100%}to{opacity:1;left:calc(100% - 2rem)}}@keyframes fadeOut{to{opacity:0;left:100%}}.loginContainer{width:100vw;height:100vh;background-color:#f5f5f5;display:flex;align-items:center;justify-content:center}.formContainer{width:30%;height:auto;padding:2rem;background-color:#fff;border:1px solid rgba(230,230,230,.5);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1rem;box-shadow:#959da533 0 8px 24px;border-radius:5px}.formContainer h1{font-family:var(--primary-font);color:var(--primary-text-color)}.inputBox{width:100%}.inputBox label{font-size:.9rem;font-family:var(--primary-font)}.inputBox h1{font-family:var(--primary-font)}.inputBox input{width:100%;background-color:#fff;border:1px solid rgb(210,210,210);padding:var(--padding-buttons);font-size:.9rem;margin-top:.2rem;font-family:var(--primary-font);color:var(--secondary-text-color);border-radius:5px}.inputBox input::placeholder{font-family:var(--primary-font);font-size:.9rem;color:#c8c8c8}.btnLogin{width:100%;background-color:var(--primary-color);transition:all .25s;color:#f5f5f5;font-size:.9rem;font-family:var(--primary-font);padding:var(--padding-buttons);border-radius:5px}.btnLogin:hover{background-color:var(--primary-color-dark)}.errorMessage{background-color:var(--primary-error-color);color:#f5f5f5;padding:var(--padding-buttons);border-radius:5px;width:100%;font-family:var(--primary-font);font-size:.75rem}@media (max-width: 1000px){.formContainer{width:50%}}@media (max-width: 600px){.formContainer{width:70%}}@media (max-width: 450px){.formContainer{width:85%}}.headerContainer{width:100%;height:80px;display:flex;align-items:center;justify-content:space-between;padding:1rem 8rem}.logoutBtnHeader{background-color:var(--primary-color);display:flex;align-items:center;justify-content:center;padding:.5rem;border-radius:50%;transition:all .25s}.logoutIconHeader{transform:rotate(180deg);stroke:#f5f5f5}.btnsHeader{display:flex;align-items:center;justify-content:flex-start;gap:1rem}.btnsHeader button{padding:var(--padding-buttons);min-width:80px;border-radius:5px;font-size:.9rem;font-family:var(--primary-font);font-weight:550;transition:all .25s;color:#f5f5f5;position:relative}.btnListHeader{background-color:var(--primary-color-dark)}.btnNewHeader{background-color:var(--primary-color)}.btnNewHeader:before,.btnListHeader:before{content:"";background:linear-gradient(45deg,#9696ff,#9696ff,#0eb,#9696ff,#9696ff,#0eb);position:absolute;top:-2px;left:-2px;background-size:400%;z-index:-1;filter:blur(5px);width:calc(100% + 4px);height:calc(100% + 4px);animation:glowing 20s linear infinite;opacity:0;transition:opacity .25s ease-in-out;border-radius:10px}.btnNewHeader:hover:before,.btnListHeader:hover:before{opacity:1}.btnNewHeader:after,.btnListHeader:after{z-index:-1;content:"";position:absolute;width:100%;height:100%;background:#111;left:0;top:0;border-radius:10px}@keyframes glowing{0%{background-position:0 0}50%{background-position:400% 0}to{background-position:0 0}}.logoutBtnHeader:hover,.btnListHeader:hover,.btnNewHeader:hover{background-color:var(--secondary-color)}@media (max-width: 900px){.headerContainer{padding:1rem 5rem}}@media (max-width: 750px){.headerContainer{padding:1rem 2rem}}.loaderSpinner{border-bottom-color:transparent;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotationLoading 1s linear infinite;border-style:solid;border-width:2px}@keyframes rotationLoading{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tableContainer{width:100%;min-height:calc(100vh - 80px);padding:3rem 8rem}.tableTopActionsBox{width:100%;display:flex;align-items:center;justify-content:space-between;gap:2rem;margin-bottom:1rem}.searchContainer{display:flex;align-items:center;border:1px solid var(--primary-color-light);border-radius:5px;padding:var(--padding-buttons);max-width:400px;width:100%;background-color:transparent;cursor:pointer;transition:all .25s}.searchContainerDisabled{display:flex;align-items:center;border:1px solid var(--primary-color-light);border-radius:5px;padding:var(--padding-buttons);max-width:400px;width:100%;background-color:transparent;cursor:not-allowed}.searchContainerDisabled input{cursor:not-allowed}.searchIcon{width:1.1rem;height:1.1rem;margin-right:.6rem;flex-shrink:0;stroke:var(--primary-color-light);transition:all .25s}.searchInput{border:none;outline:none;font-family:var(--primary-font);color:var(--secondary-text-color);width:100%;font-size:.9rem;transition:all .25s}.searchInput::placeholder{color:var(--primary-color-light);pointer-events:none;transition:all .25s}.searchContainer:hover{border-color:var(--primary-color)}.searchContainer:hover .searchInput::placeholder,.searchInput:focus::placeholder,.searchInput:active::placeholder{color:var(--primary-color)}.searchContainer:hover .searchIcon{stroke:var(--primary-color)}.searchContainer:focus-within{border:1px solid var(--primary-color)}.searchContainer:focus-within .searchIcon{stroke:var(--primary-color)}.rowsPerPageBox{display:flex;align-items:center;gap:.5rem;justify-content:flex-end;margin-top:1rem}.selectInput{background-color:transparent;padding:var(--padding-buttons);display:flex;align-items:center;border:1px solid var(--primary-color-light);border-radius:5px;height:100%;color:var(--secondary-text-color)}.selectInput:focus{outline:none;border:1px solid var(--primary-color)}.labelSelectPerPage{font-family:var(--primary-font);font-size:.9rem;color:var(--secondary-text-color)}.deleteAllButton{background-color:var(--primary-error-color);color:#f5f5f5;border-radius:5px;padding:var(--padding-buttons);font-family:var(--primary-font);font-size:.9rem;cursor:pointer;transition:all .25s;display:flex;align-items:center;justify-content:center;gap:.5rem;min-width:100px;border:1px solid var(--primary-error-color)}.deleteAllButton:hover{background-color:var(--primary-error-color-dark)}.deleteRowButton{background-color:transparent;border:none;cursor:pointer}.trashDeleteIcon{transition:all .25s;fill:#f5f5f5}.deleteRowButton:hover .trashDeleteIcon{fill:var(--primary-error-color-dark)}.paginationPrevNexTBtn{padding:var(--padding-buttons);border-radius:5px;background-color:#f0f0f0;color:var(--secondary-text-color);transition:all .25s;cursor:pointer;display:flex;align-items:center;font-family:var(--primary-font);-webkit-user-select:none;user-select:none}.paginationPrevNexTBtn:hover,.paginationBtnsNumber:hover,.paginationBtnsNumberActive:hover{background-color:var(--primary-color-dark);color:#f5f5f5}.chevronPaginationPrev{transform:rotate(90deg);position:relative;left:-.25rem;top:.5px;fill:var(--secondary-text-color);transition:all .25s}.chevronPaginationNext{transform:rotate(-90deg);position:relative;left:.25rem;top:.5px;fill:var(--secondary-text-color);transition:all .25s}.paginationPrevNexTBtn:hover .chevronPaginationPrev,.paginationPrevNexTBtn:hover .chevronPaginationNext{fill:#f5f5f5}.paginationBtnsNumber{font-family:var(--primary-font);transition:all .25s;cursor:pointer;padding:var(--padding-buttons);border-radius:5px;background-color:#f0f0f0;-webkit-user-select:none;user-select:none}.paginationBtnsNumberActive{background-color:var(--primary-color)!important;color:#f5f5f5!important}table,th,td{border:1px solid #ddd}table{width:100%;border-collapse:collapse}th,td{padding:8px;text-align:left}th{background-color:#f9f9f9;-webkit-user-select:none;user-select:none;width:1;white-space:nowrap;font-family:var(--primary-font);color:var(--primary-text-color);font-size:.9rem;height:50px}td{height:80px}.tdData{white-space:nowrap;font-family:var(--primary-font);font-size:.9rem;color:var(--secondary-text-color)}.tdLoading{text-align:center;padding:1rem;font-style:var(--primary-font);color:#666}.tdNoData{text-align:center;padding:1rem;color:#999}.thSortBy{cursor:pointer;display:flex;align-items:center;gap:.2rem}.loadingBox{width:100%;min-height:calc(100vh - 80px);display:flex;align-items:center;justify-content:center}.loadingHeading{font-family:var(--primary-font);color:var(--primary-text-color)}.errorBox{background-color:var(--primary-error-color);border-radius:5px;width:100%;max-width:500px;padding:1rem 1.5rem}.errorP{font-family:var(--primary-font);color:#f5f5f5;font-size:.9rem}.divErrorData{width:100%;padding:1rem;background-color:var(--primary-error-color);margin-bottom:1rem}.pErrorData{font-family:var(--primary-font);font-size:.9rem;color:#f5f5f5}.paginationContainer{display:flex;justify-content:center;margin-top:1rem;gap:10px;width:100%;padding-right:2rem}.headerCSVAndDelete{display:flex;align-items:center;justify-content:flex-end;flex-direction:row-reverse;gap:1rem}.csvButton{transition:all .25s;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:var(--padding-buttons);border:1px solid var(--primary-color-light);font-family:var(--primary-font);border-radius:5px;color:var(--secondary-text-color);font-size:.9rem}.csvButton:hover{background-color:var(--primary-color);color:#f5f5f5;border:1px solid var(--primary-color)}input:disabled{background-color:#fff}@media (max-width: 1050px){.tableContainer{padding:3rem 5rem}.searchInput{max-width:300px}}@media (max-width: 920px){.tableContainer{padding:3rem 0rem 3rem 2rem}.tableTopActionsBox{display:grid;grid-template-columns:100%;grid-auto-flow:dense;gap:1rem;padding-right:2rem}.rowsPerPageBox{max-width:100%;justify-content:flex-end;padding-right:2rem}.searchContainerDisabled,.searchContainer{max-width:100%;order:1}.deleteAllButton{order:2}.headerCSVAndDelete{display:flex;width:100%;align-items:center;justify-content:flex-start;flex-direction:row-reverse;gap:1rem}}@media (max-width: 600px){.paginationBtnsNumber,.paginationPrevNexTBtn{padding:4px 8px;font-size:12px}.paginationContainer{padding-right:1rem}}.customSelectWrapper{position:relative;width:70px;font-family:var(--primary-font);-webkit-user-select:none;user-select:none}.customSelectDisplay{padding:.5rem .6rem;border:1px solid var(--primary-color-light);border-radius:5px;background-color:#fff;color:var(--secondary-text-color);cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:all .25s}.customSelectDisplayDisabled{padding:.5rem .6rem;border:1px solid var(--primary-color-light);border-radius:5px;background-color:#fff;color:var(--secondary-text-color);cursor:not-allowed;display:flex;align-items:center;justify-content:space-between}.customSelectDisplay:hover{border-color:var(--primary-color)}.customSelectArrow{margin-left:.5rem;font-size:.8rem;pointer-events:none;position:relative;top:1px;fill:var(--primary-color-light);transition:all .25s}.customSelectDisplay:hover .customSelectArrow{fill:var(--primary-color)}.customSelectOptions{position:absolute;top:110%;left:0;width:100%;background-color:#fff;border:1px solid var(--primary-color-light);border-radius:5px;margin-top:.3rem;z-index:10;box-shadow:0 4px 8px #0000000d}.customSelectOption{padding:.5rem .6rem;cursor:pointer;transition:all .25s}.customSelectOption:hover{background-color:var(--primary-color-light);color:var(--primary-color)}.customSelectOption.selected{background-color:var(--primary-color);color:#fff}.customSelectValue{color:var(--secondary-text-color);font-size:.9rem;font-family:var(--primary-font)}.modalOverlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0006;display:flex;justify-content:center;align-items:center;z-index:1000}.modalContent{background:#fff;border-radius:10px;padding:2rem;width:300px;text-align:center}.modalActions{margin-top:1rem;display:flex;justify-content:space-between;gap:.5rem}.cancelButton,.confirmButton{padding:var(--padding-buttons);border:none;cursor:pointer;width:100%;border-radius:5px;transition:all .25s;font-family:var(--primary-font)}.cancelButton{background:#898989;color:#f5f5f5}.cancelButton:hover{background-color:#6b6b6b}.confirmButton{background:var(--primary-error-color);color:#f5f5f5}.confirmButton:hover{background-color:var(--primary-error-color)}.modalContent h2{font-family:var(--primary-font);font-size:1.4rem}.modalContent p{font-family:var(--primary-font);font-size:.9rem;margin-top:.2rem;margin-bottom:.5rem}.uploadFileContainer{width:100%;height:calc(100vh - 80px);display:flex;align-items:center;justify-content:center;flex-direction:column;padding:3rem 8rem}.uploadFIleIcon{stroke:var(--primary-color)}.uploadBtnLabel{font-family:var(--primary-font);color:var(--secondary-text-color);text-align:center;font-size:.9rem}.uploader{border:1px solid var(--primary-color);border-radius:5px;padding:2rem 3rem;gap:.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;width:100%;position:relative}.errorUpload{color:var(--primary-error-color);font-family:var(--primary-font);font-family:.6rem}.fileNameInput{width:100%;border:1px solid var(--primary-color);border-radius:5px;padding:var(--padding-buttons);font-size:.9rem;background-color:#fff;color:var(--secondary-text-color);transition:all .25s;margin-top:.8rem}.fileNameInput::placeholder{font-family:var(--primary-font);font-size:.9rem;color:#c8c8c8;transition:all .25s}.fileNameInput:hover,.fileNameInput:focus,.fileNameInput:active{border:1px solid var(--primary-color-dark)}.fileNameInput:hover::placeholder{color:var(--primary-color-dark)}.confirmUploadBtn{transition:all .25s;background-color:var(--primary-color);width:100%;border-radius:5px;color:#f5f5f5;padding:var(--padding-buttons);border:1px solid var(--primary-color);margin-top:.8rem}.successUploadDiv{width:40px;height:40px;background-color:#c4ffc6;border-radius:50%;display:flex;align-items:center;justify-content:center}.fileSuccessUploadTitle{font-family:var(--primary-font);color:var(--secondary-text-color);font-size:.9rem}.closeIconUploader{position:absolute;top:.5rem;right:.5rem;transition:all .25s;fill:var(--primary-color)}button:hover .closeIconUploader{fill:var(--primary-color-dark)}@media (max-width: 900px){.uploadFileContainer{padding:1rem 5rem}}@media (max-width: 750px){.uploadFileContainer{padding:1rem 2rem}}