@import"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap";:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--main-one: #E4E6D9;--main-two: #C0CFB2;--main-three: #728677;--main-four: #4B6150;--main-border: #4b615055;--red-zero: #826b6b;--red-one: #614b4b;--red-two: #370a0a;--red-three: #200000;--blue-zero: #6a7e8e;--blue-one: #4b5761;--main-dk: #202020;--main-bg: #F2F1EF;--secondary-bg: #e2e0de}*{outline:none;color:var(--main-dk);font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;scroll-behavior:smooth}body{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;background-color:var(--main-bg);margin:0;padding:0}#app{margin:0 auto;padding:0;font-weight:400}input{margin:0 auto;width:calc(100% - 16px);padding:8px;height:19px;font-size:.8rem;background-color:var(--main-bg);border:1px solid var(--main-four);border-radius:1px;outline:none}input:focus{border:1px solid var(--main-dk);transition:.35s ease;color:var(--main-dk)}input:focus::-webkit-input-placeholder{transition:opacity .45s ease;opacity:0}input:focus::-moz-placeholder{transition:opacity .45s ease;opacity:0}input:focus:-ms-placeholder{transition:opacity .45s ease;opacity:0}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px var(--main-bg) inset!important;-webkit-text-fill-color:var(--main-one)!important;color:var(--main-one)!important;transition:background-color 5000s ease-in-out 0s}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}input[type=number]::-ms-clear{display:none}div.input-box{display:block}div.c-flex{display:flex;align-items:center;justify-content:center}span.pkr{font-family:Tahoma,sans-serif;font-weight:bolder;font-size:13px}span.pkr span{font-family:Tahoma,sans-serif;font-weight:bolder;font-size:11px}div.input-box label{position:relative;top:8px;left:10px;background-color:var(--main-bg);padding:0 5px;font-size:11px}div.input-box input{display:block;color:var(--blue-one);border:1px solid var(--blue-one);width:100%;height:40px;background:transparent;padding:0 10px;text-align:left;margin:0;box-sizing:border-box}div.input-box button{position:relative;float:right;top:-28px;left:-5px;border:none;background:none}div.input-box.front input{padding-left:30px}div.input-box.front button{float:left;top:28px;left:5px}div.input-box.front button:hover{cursor:default}div.input-box button i{font-family:"Font Awesome 6 Free"}div.input-box button:hover{cursor:pointer}div.input-box button i{color:var(--red-one)}#bar-icon{color:var(--b-dark);position:relative;float:right;top:-30px;right:5px;font-size:.9rem}.fade-in-element{opacity:0}.fade-in-visible{opacity:1}.fade-t10{transition:opacity 1s ease-in-out}.fade-t15{transition:opacity 1.5s ease-in-out}.fade-t20{transition:opacity 2s ease-in-out}.fade-t25{transition:opacity 2.5s ease-in-out}.fade-t30{transition:opacity 3s ease-in-out}.gc-13{grid-column:1 / 3}div.input-group{display:block}div.input-group label{position:relative;top:8px;left:10px;background-color:var(--main-bg);padding:0 5px;font-size:11px;z-index:100}div.inner-box{display:flex;justify-content:center;align-items:flex-start;height:calc(100vh - 150px);width:100%}div.i-box{margin:0 auto}.pagination{display:flex;justify-content:center;list-style:none;padding:0;margin:20px auto;justify-content:flex-end}.pagination .page-item{margin:0 5px}.pagination .page-link{display:block;padding:4px 10px;background-color:var(--main-three);border:1px solid var(--main-four);color:var(--main-bg);text-decoration:none;text-align:center;border-radius:1px;font-size:14px;cursor:pointer;transition:background-color .3s ease}.pagination .page-link:hover{background-color:var(--main-bg);color:var(--main-four)}.pagination .page-item.active .page-link{background-color:var(--main-four);color:#fff;border-color:var(--main-border)}.pagination .page-item.active .page-link:hover{background-color:var(--main-four);color:#fff}.pagination .page-item.disabled .page-link{background-color:var(--main-two);color:#6c757d;border-color:var(--main-border);pointer-events:none}.pagination .pagination-next-nav .page-link,.pagination .pagination-prev-nav .page-link{background-color:var(--main-three);color:var(--main-bg);padding:4px 10px;font-weight:700;border-radius:.15rem;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease}.pagination .pagination-next-nav .page-link:hover,.pagination .pagination-prev-nav .page-link:hover{background-color:var(--main-three);color:#fff}.pagination .pagination-next-nav .page-link span,.pagination .pagination-prev-nav .page-link span{font-size:14px}@media (max-width: 768px){.pagination{font-size:12px}.pagination .page-link{padding:6px 12px}}.pagination.red .page-link{background-color:var(--red-two);border:1px solid var(--red-three)}.pagination.red .page-link:hover{background-color:var(--main-bg);color:var(--main-four)}.pagination.red .page-item.active .page-link,.pagination.red .page-item.active .page-link:hover{background-color:var(--red-three)}.pagination.red .page-item.disabled .page-link{background-color:var(--red-one)}.pagination.red .pagination-next-nav .page-link,.pagination.red .pagination-prev-nav .page-link{background-color:var(--red-two)}.pagination.red .pagination-next-nav .page-link span,.pagination.red .pagination-prev-nav .page-link span{color:var(--main-bg)}.pagination.red .pagination-next-nav .page-link:hover,.pagination.red .pagination-prev-nav .page-link:hover{background-color:var(--red-two)}.pagination.blue .page-link{background-color:var(--blue-one);border:1px solid var(--blue-one)}.pagination.blue .page-link:hover{background-color:var(--main-bg);color:var(--main-dk)}.pagination.blue .page-item.active .page-link,.pagination.blue .page-item.active .page-link:hover{background-color:var(--blue-zero)}.pagination.blue .page-item.disabled .page-link{background-color:var(--blue-one)}.pagination.blue .pagination-next-nav .page-link,.pagination.blue .pagination-prev-nav .page-link{background-color:var(--blue-zero)}.pagination.blue .pagination-next-nav .page-link span,.pagination.blue .pagination-prev-nav .page-link span{color:var(--main-dk)}.pagination.blue .pagination-next-nav .page-link:hover,.pagination.blue .pagination-prev-nav .page-link:hover{background-color:var(--blue-two)}button.style-1{color:var(--main-bg);background-color:var(--blue-one);height:31px;outline:none;border:none}button.style-2{color:var(--main-bg);background-color:var(--main-four);height:31px;outline:none;border:none}div.table-controls button,div.table-controls input,div.table-controls select{border-radius:1px;display:block;color:var(--blue-one);border:1px solid var(--blue-one);width:100%;height:35px;background:transparent;padding:0 10px;text-align:center;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;text-transform:capitalize}div.table-controls button.download-button{background-color:var(--main-bg);color:var(--main-four);border-color:var(--main-four)}div.table-controls button.download-button i{color:var(--main-four)}div.table-controls button.toggle-button{background-color:var(--main-four);color:var(--main-bg)}div.table-controls input{text-align:left}div.table-controls button i.fa-rotate{rotate:70deg}div.table-controls button.reset-button{width:40px;position:relative;float:right;top:-35px;border:none;border-radius:0;border-left:1px solid var(--blue-one)}button.reset-button{height:33px;width:40px;position:relative;float:right;top:-35px;border:none;border-radius:0;border-left:1px solid var(--blue-one)}button i.fa-rotate{rotate:70deg}button.view-button i,button.view-button span,button.edit-button i,button.edit-button span,button.delete-button i,button.delete-button span{color:var(--main-bg)}button.view-button,button.edit-button,button.delete-button{width:100%;border:none;border-radius:.15rem;font-size:10px;padding:4px 6px;outline:none;background-color:var(--red-zero);color:var(--main-bg)}button.delete-button{background-color:var(--red-one)}.btn-hover{display:block;width:190px;font-size:16px;font-weight:600;color:#fff;cursor:pointer;margin:20px auto;height:37px;text-align:left;border:none;background-size:300% 100%;padding:0 0 0 10px;border-radius:.15rem;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out;display:flex;align-items:center;justify-content:space-between}.btn-hover i{float:right;color:var(--main-bg);background-color:#200000;height:36px;width:37px;border-radius:.1rem;align-items:center;display:flex;justify-content:center}.btn-hover:hover{background-position:100% 0;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out}.btn-hover:focus{outline:none}.btn-hover.color-1{background-image:linear-gradient(to right,#200000,#614b4b,#4a4a60,#200000);box-shadow:0 4px 15px #3e404030}.btn-hover.color-2{background-image:linear-gradient(to right,#4b5761,#6a7e8e,#4a5160,#000220);box-shadow:0 4px 15px #3e404030}.btn-hover.color-5{background-image:linear-gradient(to right,#200000,#614b4b,#4a4a60,#200000);box-shadow:0 4px 15px #3e404030}