:root.light{color-scheme:light}:root.dark{color-scheme:dark}*{margin:0;padding:0;box-sizing:border-box}html{width:100%}body{width:100%;min-height:100vh;font-size:16px;font-family:Nunito,sans-serif;scroll-behavior:smooth;background-color:light-dark(#FAFBFE,#343A40)}::-webkit-scrollbar{width:10px;height:10px}a,a:hover,a:active,a:visited,a *{text-decoration:none}p{margin:0;background-color:transparent}ul{margin:0;padding:0 0 0 30px}img{-webkit-user-select:none;user-select:none;display:block}svg{display:block}button{border:none;outline:none;background-color:transparent;padding:0;margin:0;transition:all .3s;cursor:pointer}a{transition:all .3s;cursor:pointer}input{outline:none;font-family:var(--general-font)}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{display:none}main{width:100%}main.primary-bg{background-color:#f5f5f7}section{width:100%;position:relative}.app-wrapper{width:100%;height:100vh;display:flex;overflow:hidden}.app-wrapper .right-wrapper{display:flex;flex-direction:column;width:calc(100% - 50px);height:100vh;overflow:hidden}@media (min-width: 576px){.app-wrapper .right-wrapper{width:calc(100% - 80px)}}.app-wrapper .right-wrapper.fullw{width:100%}.app-wrapper .right-wrapper .content-wrapper{flex:1;overflow:auto;background-color:light-dark(#FAFBFE,#343A40);padding:0 20px 50px}@media (min-width: 992px){.app-wrapper .right-wrapper .content-wrapper{padding:0 40px}}.black-backdrop{width:100%;height:100vh;position:fixed;top:0;left:0;z-index:990;background-color:#000000b3}@media (min-width: 768px){.black-backdrop{display:none}}.table-wrapper{width:100%;max-width:100%;overflow-x:auto;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.table-wrapper .table-title{color:light-dark(#6c757d,#8391a2)}.table-wrapper table{width:100%;min-width:1000px}.table-wrapper thead tr *{background-color:light-dark(#FAFBFE,#343A40);color:light-dark(#6c757d,#8391a2)}.table-wrapper thead tr * i,.table-wrapper thead tr * button,.table-wrapper thead tr * a{background-color:transparent!important}.table-wrapper tbody tr:nth-child(odd) *{background-color:light-dark(#F6F7FB,#3D4854);color:light-dark(#6c757d,#8391a2)}.table-wrapper tbody tr:nth-child(odd) * i,.table-wrapper tbody tr:nth-child(odd) * button,.table-wrapper tbody tr:nth-child(odd) * a{background-color:transparent!important}.table-wrapper tbody tr *{background-color:light-dark(#FAFBFE,#343A40);color:light-dark(#6c757d,#8391a2);border:none}.table-wrapper tbody tr * i,.table-wrapper tbody tr * button,.table-wrapper tbody tr * a,.table-wrapper tbody tr div{background-color:transparent!important}.table-wrapper th,.table-wrapper td{background-color:light-dark(#FAFBFE,#343A40);border:none}.main-operations{width:100%;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:30px;border-radius:5px}.main-operations .delete-all,.main-operations .delete-select,.main-operations .sortable-btn{display:none;background-color:#727cf5;color:#fff;padding:5px 10px;border-radius:5px;font-size:12px}.main-operations .delete-all.active,.main-operations .delete-select.active,.main-operations .sortable-btn.active{background-color:#0acf97}@media (min-width: 768px){.main-operations .delete-all,.main-operations .delete-select,.main-operations .sortable-btn{font-size:14px;padding:5px 20px}}@media (min-width: 992px){.main-operations .delete-all,.main-operations .delete-select,.main-operations .sortable-btn{font-size:16px}}.add-button{background-color:#fa5c7c;color:#fff;padding:5px 10px;border-radius:5px;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:10px;font-size:12px}@media (min-width: 768px){.add-button{font-size:14px;padding:5px 20px}}@media (min-width: 992px){.add-button{font-size:16px}}.add-button.btn-hidden{display:none}.operations{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:25px}.operations .edit-btn:hover i{color:#0acf97!important}.operations .delete-btn:hover i{color:#fa5c7c!important}.operations .recover-btn:hover i{color:#0acf97!important}.operations .check-btn:hover i{color:#727cf5!important}.operations .check-btn.active i{color:#0acf97!important}form.general-form{background-color:light-dark(#ffffff,#3A444E);padding:20px 15px}@media (min-width: 768px){form.general-form{padding:30px}}form.general-form .form-item{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:10px}form.general-form .form-item label{color:light-dark(#6c757d,#aab8c5)}form.general-form .form-item input{width:100%;outline:none;padding:6px 12px;border-radius:5px;background-color:light-dark(#ffffff,#404954);border:1px solid light-dark(#e5e8eb,#464f5b);color:light-dark(#6c757d,#aab8c5);border-bottom:3px solid #727CF5}form.general-form .form-item input::placeholder{color:light-dark(#6c757d,#aab8c5)}form.general-form .form-item input.is-invalid{border-bottom-color:#fa5c7c}form.general-form .form-item input.is-valid{border-bottom-color:#0acf97}form.general-form .form-item .select-wrapper{width:100%;position:relative}form.general-form .form-item .select-wrapper i.fa-chevron-down{position:absolute;right:15px;top:50%;transform:translateY(-50%);pointer-events:none;color:light-dark(#6c757d,#aab8c5)}form.general-form .form-item select{outline:none;width:100%;padding:6px 12px;border-radius:5px;background-color:light-dark(#ffffff,#404954);border:1px solid light-dark(#e5e8eb,#464f5b);color:light-dark(#6c757d,#aab8c5);border-bottom:3px solid #727CF5;-webkit-appearance:none;-moz-appearance:none;appearance:none}form.general-form .form-item select:focus{box-shadow:none;border-color:light-dark(#e5e8eb,#464f5b)}form.general-form .form-item select.is-invalid{border-bottom-color:#fa5c7c}form.general-form .form-item select.is-valid{border-bottom-color:#0acf97}form.general-form button.submit-btn{background-color:#727cf5;color:#fff;padding:10px 20px;border-radius:5px}form.general-form .invalid-feedback{display:none;color:#fa5c7c;font-size:14px;margin-top:3px}span.highlight{color:#0acf97!important}.no-result-message{display:none;margin:30px 0;color:light-dark(#6c757d,#aab8c5)}.sort-btn.active i{color:#0acf97!important}