.toaster{bottom:12px;display:flex;flex-direction:column;gap:.5rem;position:fixed;right:12px}.toaster .toast{-webkit-animation:toast-in .7s,toast-out .7s 5s;animation:toast-in .7s,toast-out .7s 5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;background-color:var(--clr-popup);border-radius:10px;display:flex;gap:1rem;padding:10px 1rem;transition:-webkit-transform .6s ease-in-out;transition:transform .6s ease-in-out;transition:transform .6s ease-in-out,-webkit-transform .6s ease-in-out;width:400px}.toaster .toast .toast-icon{align-self:center;display:flex;width:35px}.toaster .toast .toast-icon svg.succeed path{stroke:var(--clr-toast-succeed)}.toaster .toast .toast-icon svg.failed path{stroke:var(--clr-accent-600)}.toaster .toast .toast-body{display:flex;flex-direction:column;flex-grow:1}.toaster .toast .toast-body .toast-title{font-size:20px}.toaster .toast .toast-close{display:flex;flex-direction:column;height:100%}.toaster .toast .toast-close:hover{cursor:pointer}.toaster .toast .toast-close:hover svg path{stroke:var(--clr-accent-400)}@-webkit-keyframes toast-in{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes toast-in{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes toast-out{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(110%);transform:translateX(110%);visibility:hidden}}@keyframes toast-out{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(110%);transform:translateX(110%);visibility:hidden}}.app{height:100vh;width:100vw}.app .nav .logo-wrapper{overflow:hidden}.app .nav .logo-wrapper .title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app .content{height:calc(100vh - 70px);overflow-y:scroll}::-webkit-scrollbar{height:2px;width:2px}::-webkit-scrollbar-track{background:var(--clr-neutral-600)}::-webkit-scrollbar-thumb{background:var(--clr-neutral-200);border-radius:1px}::-webkit-scrollbar-thumb:hover{background:var(--clr-scrollbar);border-radius:1px}nav{align-items:center;background-color:var(--clr-neutral-500);border-bottom:1px solid #1d1d1f;box-shadow:0 4px 4px rgba(0,0,0,.25);display:flex;height:70px;justify-content:space-between;padding:0 1rem}nav a{color:var(--clr-neutral-100);text-decoration:none}nav a.active,nav a:hover{color:var(--clr-accent-400)}nav .nav-item{align-items:center;display:flex;gap:20px;height:100%}nav .nav-item.logo-wrapper:hover{cursor:pointer}nav .nav-item.logo-wrapper .title{color:var(--clr-neutral-200);font-size:2rem}h1{font-size:2rem}.error-page{gap:1rem;padding-top:30vh;width:100%}.error-page,.error-page .error-description{align-items:center;display:flex;flex-direction:column}.error-page .error-description{gap:.5rem}.error-page .error-description .error-sorry{font-size:20px}.error-page .error-description .error-reason{color:var(--clr-accent-400)}.loader{-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;border-top:16px solid var(--clr-neutral-600);border:16px solid var(--clr-neutral-600);border-radius:50%;border-top-color:var(--clr-accent-400);height:120px;width:120px}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.input{width:100%}.input label{color:var(--clr-neutral-200);display:block;margin-bottom:2px}.input input{background-color:var(--clr-neutral-600);border:none;border-radius:10px;color:var(--clr-neutral-100);font-family:inherit;font-size:1rem;padding:12px 1rem;width:100%}.input input:focus{outline:2px solid var(--clr-accent-400)}.input input:disabled{color:var(--clr-neutral-200)}.input .input-with-icon{background-color:var(--clr-neutral-600);border-radius:10px;display:flex;gap:0}.input .input-with-icon:focus-within{outline:2px solid var(--clr-accent-400)}.input .input-with-icon input{border-radius:10px 0 0 10px}.input .input-with-icon input:focus{outline:none}.input .input-with-icon .input-icon{border-radius:0 10px 10px 0;cursor:pointer;padding:0 1rem}.input .input-with-icon .input-icon svg{height:100%}.input .input-with-icon .input-icon:hover svg path{stroke:var(--clr-accent-400)}.input .input-error{color:var(--clr-accent-600);font-size:14px}.input input::-webkit-inner-spin-button,.input input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input input[type=number]{-moz-appearance:textfield}.input-radio{gap:.8rem}.input-radio,.input-radio>span{align-items:center;display:flex}.input-radio>span{gap:.6rem}.input-radio>span>span{align-items:center;display:flex;gap:.25rem}.input-radio input[type=radio]{height:1.2rem;outline:none;width:1.2rem}.input-radio input[type=radio]:after{background-color:var(--clr-neutral-100);border-radius:1.2rem}.input-radio input[type=radio]:after,.input-radio input[type=radio]:checked:after{content:"";display:inline-block;height:1.2rem;position:relative;visibility:visible;width:1.2rem}.input-radio input[type=radio]:checked:after{background-color:var(--clr-accent-400);border-radius:15px}.input-radio label.input-label{color:var(--clr-neutral-200)}.input-radio label{color:var(--clr-neutral-100)}.input-date .input-with-icon{margin-bottom:6px}.input-date.calendar-open .calendar-wrapper{display:block}.input-date.calendar-open>.input-with-icon>.input-icon svg path{stroke:var(--clr-accent-400)}.input-date .calendar-wrapper{background-color:var(--clr-neutral-600);border-radius:10px;display:none;padding:12px 1rem;width:100%}.input-date .calendar-wrapper .calendar-year-month-wrapper{align-items:center;cursor:pointer;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.input-date .calendar-wrapper .calendar-year-month-wrapper .calendar-icon{align-items:center;cursor:pointer;display:flex}.input-date .calendar-wrapper .calendar-year-month-wrapper .calendar-icon:hover svg path{stroke:var(--clr-accent-400)}.input-date .calendar-wrapper .calendar-year-month-wrapper .calendar-year-month{color:var(--clr-accent-400);display:flex;gap:4px}.input-date .calendar-wrapper .calendar-body{aspect-ratio:1.1/1;margin:0 -1%}.input-date .calendar-wrapper .calendar-body .calendar-years{display:grid;grid-template-columns:repeat(5,1fr)}.input-date .calendar-wrapper .calendar-body .calendar-years .calendar-grid-item{align-items:center;aspect-ratio:1.4/1;display:flex;justify-content:center}.input-date .calendar-wrapper .calendar-body .calendar-years .calendar-grid-item .calendar-year{align-items:center;background-color:var(--clr-neutral-500);border-radius:10px;display:flex;height:80%;justify-content:center;width:80%}.input-date .calendar-wrapper .calendar-body .calendar-years .calendar-grid-item .calendar-year.year-selected,.input-date .calendar-wrapper .calendar-body .calendar-years .calendar-grid-item .calendar-year:hover{background-color:var(--clr-accent-400);color:var(--clr-neutral-900);cursor:pointer}.input-date .calendar-wrapper .calendar-body .calendar-months{display:grid;grid-template-columns:repeat(2,1fr)}.input-date .calendar-wrapper .calendar-body .calendar-months .calendar-grid-item{align-items:center;aspect-ratio:3.5/1;display:flex;justify-content:center}.input-date .calendar-wrapper .calendar-body .calendar-months .calendar-grid-item .calendar-month{align-items:center;background-color:var(--clr-neutral-500);border-radius:10px;display:flex;height:80%;justify-content:center;width:80%}.input-date .calendar-wrapper .calendar-body .calendar-months .calendar-grid-item .calendar-month.month-selected,.input-date .calendar-wrapper .calendar-body .calendar-months .calendar-grid-item .calendar-month:hover{background-color:var(--clr-accent-400);color:var(--clr-neutral-900);cursor:pointer}.input-date .calendar-wrapper .calendar-body .calendar-day-names{display:grid;grid-template-columns:repeat(7,1fr)}.input-date .calendar-wrapper .calendar-body .calendar-day-names .calendar-grid-item{align-items:center;aspect-ratio:1/1;display:flex;justify-content:center;text-align:center}.input-date .calendar-wrapper .calendar-body .calendar-day-names .calendar-grid-item.calendar-day-name{aspect-ratio:unset;color:var(--clr-neutral-200);overflow:hidden}.input-date .calendar-wrapper .calendar-body .calendar-day-names .calendar-grid-item .calendar-day{align-items:center;background-color:var(--clr-neutral-500);border-radius:10px;display:flex;height:80%;justify-content:center;width:80%}.input-date .calendar-wrapper .calendar-body .calendar-day-names .calendar-grid-item .calendar-day.day-selected,.input-date .calendar-wrapper .calendar-body .calendar-day-names .calendar-grid-item .calendar-day.other-month:hover,.input-date .calendar-wrapper .calendar-body .calendar-day-names .calendar-grid-item .calendar-day:hover{background-color:var(--clr-accent-400);color:var(--clr-neutral-900);cursor:pointer}.input-date .calendar-wrapper .calendar-body .calendar-day-names .calendar-grid-item .calendar-day.other-month{color:var(--clr-neutral-200);opacity:.25}.input-date .calendar-wrapper .calendar-body .calendar-day-names .calendar-grid-item .calendar-day.other-month.other-month:hover{opacity:1}.input-range .range-slider-wrapper{align-items:center;display:flex;gap:.8rem}.input-range .range-slider-wrapper label{color:var(--clr-neutral-200)}.input-range .range-slider-wrapper .input-range-track{align-items:center;display:flex;height:100%;width:100%}.input-range .range-slider-wrapper .input-range-track .input-range-track-lower{background-color:var(--clr-accent-400);border-radius:1px;height:2px;position:relative;width:40%}.input-range .range-slider-wrapper .input-range-track .input-range-track-upper{background-color:var(--clr-neutral-900);border-radius:1px;flex-grow:1;height:2px}.input-range .range-slider-wrapper .input-range-track .input-range-thumb{background-color:var(--clr-accent-400);border-radius:50%;height:1rem;width:1rem}.input-range .range-slider-wrapper .input-range-track .input-range-thumb:hover{cursor:ew-resize}.input-range .range-slider-wrapper .input-range-slider{align-items:center;display:flex;gap:4px}.input-range .range-slider-wrapper .input-range-slider input{background:transparent;border:none;color:var(--clr-neutral-100);outline:none;text-align:right;width:2rem}.input-range .range-slider-wrapper .input-range-slider input::-webkit-inner-spin-button,.input-range .range-slider-wrapper .input-range-slider input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input-range .range-slider-wrapper .input-range-slider input[type=number]{-moz-appearance:textfield}.input-range .input-error{color:var(--clr-accent-600);font-size:14px}.dropdown .input-with-icon{margin-bottom:6px}.dropdown.dropdown-open .dropdown-choices-wrapper{display:block}.dropdown.dropdown-open .input-icon svg path{stroke:var(--clr-accent-400)}.dropdown.dropdown-open .input-icon svg path.dropdown-arrow{-webkit-transform:rotate(180deg);transform:rotate(180deg);-webkit-transform-origin:calc(50% + .2px) 50%;transform-origin:calc(50% + .2px) 50%}.dropdown .dropdown-choices-wrapper{background-color:var(--clr-neutral-600);border-radius:10px;display:none;padding:12px 1rem;width:100%}.dropdown .dropdown-choices-wrapper .dropdown-choices{max-height:4.5rem;overflow-y:scroll}.dropdown .dropdown-choices-wrapper .dropdown-choices ul{list-style-type:none;margin:0;padding:0}.dropdown .dropdown-choices-wrapper .dropdown-choices ul li+li{margin-top:2px}.dropdown .dropdown-choices-wrapper .dropdown-choices ul li.selected{color:var(--clr-accent-400)}.dropdown .dropdown-choices-wrapper .dropdown-choices ul li:hover{color:var(--clr-accent-400);cursor:pointer}.dropdown .dropdown-choices-wrapper ::-webkit-scrollbar{width:2px}.dropdown .dropdown-choices-wrapper ::-webkit-scrollbar-track{background:var(--clr-neutral-600)}.dropdown .dropdown-choices-wrapper ::-webkit-scrollbar-thumb{background:var(--clr-neutral-200);border-radius:1px}.dropdown .dropdown-choices-wrapper ::-webkit-scrollbar-thumb:hover{background:var(--clr-scrollbar);border-radius:1px}.dropdown[data-disabled=true] .input-with-icon{pointer-events:none}.dropdown[data-disabled=true] .input-with-icon svg path{stroke:var(--clr-neutral-200)}.dropdown .dropdown-error{margin-bottom:6px}.button button{background-color:var(--clr-accent-400);border:none;border-radius:20px;color:var(--clr-neutral-900);outline:none;padding:4px 1.5rem}.button button:hover{cursor:pointer}.button button:active{background-color:var(--clr-neutral-600);color:var(--clr-accent-400)}.button button:disabled{background-color:var(--clr-neutral-600);color:var(--clr-neutral-200);cursor:inherit}.multiselect .multiselect-selections-wrapper{max-width:60%;padding:0 2px 0 calc(1rem - 2px)}.multiselect .multiselect-selections-wrapper:has(>.multiselect-selections:empty){display:none}.multiselect .multiselect-selections-wrapper .multiselect-selections{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;gap:12px;height:100%;overflow-x:scroll;padding:2px 2px 0}.multiselect .multiselect-selections-wrapper .multiselect-selections .multiselect-selection{align-items:center;border-radius:6px;display:flex;gap:8px;outline:2px solid var(--clr-accent-400);padding:2px 6px}.multiselect .multiselect-selections-wrapper .multiselect-selections .multiselect-selection p{white-space:nowrap}.multiselect .multiselect-selections-wrapper .multiselect-selections .multiselect-selection svg{cursor:pointer;height:100%;padding-top:2px}.multiselect .multiselect-selections-wrapper .multiselect-selections .multiselect-selection svg:hover path{stroke:var(--clr-accent-400)}.multiselect .multiselect-selections-wrapper ::-webkit-scrollbar{height:2px;position:absolute}.multiselect .multiselect-selections-wrapper ::-webkit-scrollbar-track{background:var(--clr-neutral-600)}.multiselect .multiselect-selections-wrapper ::-webkit-scrollbar-thumb{background:var(--clr-neutral-200);border-radius:1px}.multiselect .multiselect-selections-wrapper ::-webkit-scrollbar-thumb:hover{background:var(--clr-scrollbar);border-radius:1px}.multiselect:has(.multiselect-selections:not(:empty)) .input-with-icon:focus-within{outline:none}.crud-form{display:flex;flex-direction:column;gap:1.25rem;padding:1.5rem 10px}.crud-form .crud-title{align-items:center;display:flex;justify-content:center}.crud-form .crud-title h1{font-size:1.5rem;font-weight:400}.crud-form .input-group{display:flex;flex-direction:column;gap:1rem}.crud-form .add-new-button{display:flex;justify-content:center}.table{width:100%}.table table{border-collapse:collapse;table-layout:fixed;width:100%}.table table td,.table table th{overflow:hidden;padding:0 1%;text-overflow:ellipsis;white-space:nowrap}.table table td:first-of-type,.table table th:first-of-type{padding-left:1rem}.table table td:last-of-type,.table table th:last-of-type{padding-right:1rem}.table table th{color:var(--clr-neutral-200);font-size:1.25rem;font-weight:inherit;text-align:start}.table table th .th-content-wrapper{align-items:center;display:flex;gap:.5rem}.table table th.sortable:hover{cursor:pointer}.table table tr{border-bottom:2px solid var(--clr-neutral-600);line-height:3.5rem;padding-bottom:1rem}.table table tr.row-hoverable:hover{background-color:var(--clr-neutral-600)}.table table tr.row-clickable{cursor:pointer}.table table tr td .table-actions{display:flex;gap:.3rem;justify-content:flex-end}.table table tr td .table-actions .table-action{align-items:center;display:flex}.table table tr td .table-actions .table-action:hover{cursor:pointer}.table table tr td .table-actions .table-action:hover svg path{stroke:var(--clr-accent-400)}.table .table-no-data{display:none;font-size:1.25rem;text-align:center}.table:has(tbody:empty) .table-no-data{display:block}.table:has(tbody:empty) table{display:none}svg.icon-arrow-up-down .arrow-up{-webkit-transform:rotate(180deg);transform:rotate(180deg);-webkit-transform-origin:calc(50% + .2px) 50%;transform-origin:calc(50% + .2px) 50%}svg.icon-arrow-up-down.selected path{stroke:var(--clr-accent-400)}.item-list{height:100%}.item-list .loader-wrapper{display:flex;height:100%;justify-content:center;padding-top:5%}.item-list .table .table-no-data{padding-top:1.5rem}.item-list .list-title{align-items:center;display:none;justify-content:center;margin:1.5rem 0 1rem}.item-list .list-title h1{font-size:1.5rem;font-weight:400}.item-list .user-roles{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;gap:12px;height:1.75rem}.item-list .user-roles .user-role{align-items:center;border-radius:6px;display:flex;gap:8px;height:100%;outline:2px solid var(--clr-accent-400);padding:2px 12px}.crud-layout{display:flex;height:100%}.crud-layout .crud-form-wrapper{background-color:var(--clr-neutral-500);flex:0 0 550px;height:100%;overflow-x:hidden;overflow-y:scroll}.crud-layout .crud-list-wrapper{background-color:var(--clr-neutral-500);flex-grow:1;overflow-y:scroll;padding:.5rem}@media screen and (max-width:1024px){.home .crud-layout{flex-wrap:wrap}.home .crud-layout,.home .crud-layout .crud-form-wrapper{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.home .crud-layout .crud-form-wrapper{flex:0 0 100%}.home .crud-layout .crud-list-wrapper{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.home .crud-layout .crud-list-wrapper .list-title{display:flex}}.home{height:100%;width:100%}.home .loader-wrapper{display:flex;height:100%;justify-content:center;padding-top:2rem}html{--clr-accent-400:#f5c106;--clr-accent-600:#f70;--clr-neutral-100:#d9d9d9;--clr-neutral-200:#8c8c8c;--clr-neutral-500:#3d3c40;--clr-neutral-600:#313033;--clr-neutral-900:#1d1d1f;--clr-scrollbar:#6c6c6c;--clr-table-head:#007564;--clr-popup:#2a292c;--clr-toast-succeed:#049104;background-color:#1d1d1f;background-color:var(--clr-neutral-900);color:#d9d9d9;color:var(--clr-neutral-100);font-family:Ubuntu,sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:18px}html .toaster{z-index:100}.no-select{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}*,:after,:before{box-sizing:border-box}blockquote,body,dd,dl,figure,h1,h2,h3,h4,p{margin:0}ol[role=list],ul[role=list]{list-style:none}html:focus-within{scroll-behavior:smooth}body{line-height:1.5;min-height:100vh;text-rendering:optimizeSpeed}a:not([class]){-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}img,picture{display:block;max-width:100%}button,input,select,textarea{font:inherit}@media(prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,:after,:before{-webkit-animation-duration:.01ms!important;animation-duration:.01ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
/*# sourceMappingURL=main.eb8c0906.css.map*/