@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";overflow-x:hidden}.page-content{display:flex;background-color:#1e3c590d;width:100vw;min-height:100vh}.main-content{display:flex;flex-direction:column;width:calc(100% - 16rem);margin-left:16rem}.circular-loader{width:2.5rem;height:2.5rem;transform:rotate(-90deg)}.circular-loader circle{fill:none;stroke:#b7b6b6;stroke-width:.2rem;stroke-dashoffset:95;stroke-dasharray:95;animation-name:loading;animation-duration:1.2s;animation-fill-mode:forwards;animation-timing-function:ease-out;animation-iteration-count:infinite}@keyframes loading{0%{stroke-dashoffset:95}to{stroke-dashoffset:0}}.login-content{display:flex;justify-content:center;align-items:center;width:calc(100% - 16rem);height:100%}.login-modal{background-color:#fff;width:20rem;padding:2rem;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.login-logo{display:flex;justify-content:center;align-items:center}.login-header{font-size:1.3rem;line-height:1.75rem;font-weight:500;text-align:center;margin:1.25rem 0}.form-control{display:flex;flex-direction:column;font-size:.875rem;font-weight:300}.form-control-label{font-weight:400;padding-bottom:.5rem;white-space:nowrap;cursor:pointer}.required-asterisk{color:#ff6365}.form-control-input{color:#000000e0;font-weight:400;font-family:inherit;font-size:.875rem;line-height:1.6;padding:.25rem .75rem;border:1px solid #d9d9d9;border-radius:6px;transition:all .2s linear}.form-control-input::placeholder{color:#c4c2c2}.form-control-input:hover{border-color:#4096ff;border-inline-end-width:1px}.form-control-input:focus{border-color:#4096ff;box-shadow:0 0 0 2px #0591ff1a;border-inline-end-width:1px;outline:0}.error-form-control-input{border-color:#ff6365}.error-form-control-input:hover{border-color:#ffa39e}.error-form-control-input:focus{border-color:#ffa39e;box-shadow:0 0 0 2px #ff26050f}.form-control-error-message{color:#ff6365;height:1.5rem;font-weight:400;padding-top:2px}.form-control-password{position:relative}.form-control-password button{background-color:#fff;border:none;position:absolute;top:2.2rem;right:.75rem}.visibility-icon{fill:#959595;width:1rem;height:1rem;cursor:pointer;transition:all .2s linear}.form-control-login-btn{background-color:#2d68fe;color:#fff;font-family:inherit;font-size:.875rem;font-weight:400;width:100%;height:2rem;margin-bottom:1rem;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease-in-out}.form-control-login-btn:hover{background-color:#4096ff}.text-only-btn{background-color:#fff;color:#2d68fe;font-family:inherit;font-size:.875rem;font-weight:400;border:none;cursor:pointer}.text-only-btn:hover{color:#4096ff}.center-align-btn{text-align:center}.side-bar{position:fixed;display:flex;flex-direction:column;width:16rem;height:100vh;background-color:#eff6ff;border-right:1px solid #d9d9d9;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.side-bar-header{display:flex;height:4rem;align-items:center;padding-left:1rem;padding-right:1rem}.side-bar-header-btn{display:flex;align-items:center;gap:.5rem;color:#000;text-decoration:none;font-family:inherit;font-size:1.25rem;line-height:2rem;font-weight:600;background-color:transparent;border:none;cursor:pointer}.side-bar-header-btn img{height:2rem;width:2rem}.divider{flex-shrink:0;background-color:#000;width:90%;height:.5px;margin-left:auto;margin-right:auto}.side-bar-content{flex:1;padding:.5rem}.side-bar-menu{display:flex;flex-direction:column;gap:.25rem}.side-bar-menu-btn{display:flex;align-items:center;gap:.75rem;font-size:1rem;background-color:transparent;font-family:inherit;color:#414141;text-decoration:none;padding:.5rem .75rem;height:2.5rem;border:none;border-radius:.5rem;cursor:pointer;transition:all .2s}.side-bar-menu-btn svg{width:1.2rem;height:1.2rem}.side-bar-menu-btn:hover{background-color:#dce7fd;color:#000}.side-bar-menu-btn-active,.side-bar-menu-btn-active:hover{background-color:#c8defa;color:#2d68fe}.side-bar-footer{margin-top:auto;padding:1rem}.side-bar-user-profile{display:flex;align-items:center;gap:.5rem;background-color:#dce7fd;margin-bottom:.5rem;padding:1rem;border:1px solid #a8bfeeff;border-radius:.5rem}.side-bar-user-icon{display:flex;justify-content:center;align-items:center;height:2rem;width:2rem;padding-bottom:2px;border-radius:50%;background-color:#374a79;color:#fff}.side-bar-user-name{font-size:.75rem;font-weight:500}.side-bar-user-email{font-size:.75rem;color:#1d3955b3}.side-bar-action{display:flex;gap:.5rem}.side-bar-action-btn{width:100%;height:2.25rem;display:flex;justify-content:center;align-items:center;gap:.25rem;background-color:#c8defa;color:#374a79;font-family:inherit;text-decoration:none;font-size:.875rem;font-weight:400;padding:0 .75rem;border:1px solid #a8bfeeff;border-radius:.375rem;cursor:pointer;transition:all .2s ease-in}.side-bar-action-btn:hover{background-color:#dce7fd}.side-bar-action-btn svg{pointer-events:none;width:1rem;height:1rem;flex-shrink:0}.nav-bar{position:fixed;background-color:#fff;display:flex;justify-content:flex-end;align-items:center;gap:.5rem;height:3rem;width:calc(100% - 16rem);padding-right:1rem;box-shadow:0 0 0 0 transparent,0 0 0 0 transparent,0 1px 2px #0000000d;z-index:1000}.nav-bar-dropdown-label{font-size:.9rem;font-weight:500}.reports-navigation{min-width:70%;width:90%;max-width:90%;margin:0 auto}.report-menu-bar{display:inline-flex;justify-content:center;align-items:center;height:2.5rem;background-color:#eff6ff;margin:5rem auto .5rem;padding:.25rem;border:1px solid #d9d9d9;border-radius:6px}.report-menu-bar-btn{display:flex;justify-content:center;align-items:center;gap:.5rem;width:9.5rem;white-space:nowrap;padding:.375rem .75rem;border:none;border-radius:4px;background-color:#eff6ff;color:#000;font-size:.875rem;font-weight:500;font-family:inherit;line-height:1.25rem;text-decoration:none;transition:all .2s ease-in-out;cursor:pointer}.report-menu-bar-btn-active{background-color:#c8defa;color:#2d68fe}.report-menu-bar-btn svg{width:1rem;height:1rem}.report-menu-bar-btn span{padding-bottom:2px}.pagination{display:flex;align-items:center;padding:1rem;gap:.5rem}.pagination-btn{display:flex;justify-content:center;align-items:center;gap:.5rem;width:2.25rem;height:2.25rem;white-space:nowrap;font-family:inherit;font-size:.875rem;line-height:1.25rem;font-weight:500;color:#000;background-color:#f2f4f6;border:1px solid #dfe4ec;border-radius:6px;cursor:pointer;transition:all .1s linear}.pagination-btn:hover{background-color:#dfe4ec}.current-pagination-btn{background-color:#13376d;border-color:#13376d;color:#fff}.current-pagination-btn:hover{background-color:#13376de6}.pagination-btn:disabled{opacity:.35;cursor:not-allowed}.pagination-btn:disabled:hover{background-color:#f2f4f6}.pagination-btn svg{width:1rem;height:1rem}.table-content{min-width:70%;max-width:85%;background-color:#fff;margin:5rem auto 2rem;border:1px solid #d0d7e6ff;border-radius:.5rem;box-shadow:0 0 0 0 transparent,0 0 0 0 transparent,0 1px 2px #0000000d}.store-table-content{width:63rem}.report-table-content{margin-top:0;width:90%;max-width:90%}.count-table-report{position:relative}.count-table-report>article{position:absolute;top:1rem;right:0}.transfer-table-content{width:74.5rem;max-width:95%}.table-header{display:flex;justify-content:space-between;align-items:center;background-color:#eff6ff;padding:1rem 1rem .5rem;border-top-left-radius:.5rem;border-top-right-radius:.5rem}.table-header-title{font-size:1.75rem;font-weight:700;line-height:1;letter-spacing:-.025em;color:#13376d;height:2.25rem}.table-header-actions{display:flex;align-items:center;gap:.5rem}.table-filter-content{display:flex;justify-content:flex-end;align-items:center;gap:.5rem;padding:0 1rem;background-color:#eff6ff}.table-filter-search-input{position:relative;width:100%}.search-icon{position:absolute;height:1rem;width:1rem;color:#7b7a7a;top:calc(50% - .5rem);left:.4rem}.table-filter-input{padding:.4rem .75rem .4rem 1.75rem;width:100%;max-height:2.25rem}.table-filter-input::placeholder{color:#7b7a7a}.table-action-btn{display:flex;justify-content:center;align-items:center;background-color:#13376d;color:#fff;font-family:inherit;font-weight:400;font-size:.875rem;line-height:1.25rem;padding:.5rem 1rem;border:none;border-radius:6px;cursor:pointer;transition:all .25s ease-in-out}.table-action-btn:hover{background-color:#3f5d8b}.input-reset-btn{background-color:#c8defa;color:#374a79;border:1px solid #a8bfeeff;max-height:2.25rem;font-weight:500;transition:all .1s linear}.input-reset-btn:hover{background-color:#dce7fd}.table-filter-label{font-size:.875rem;font-weight:500;white-space:nowrap;cursor:pointer}.table-filter-form-control{flex-direction:row;justify-content:center;align-items:center;gap:.5rem;flex:1}.table-filter-form-control label{padding:0;font-weight:500}.vendor-filter,.store-filter,.vendor-filter .dropdown-select-btn,.store-filter .dropdown-select-btn{width:100%}#start-date-filter,#end-date-filter{width:100%;height:2.25rem}.sales-filter-content{display:flex;flex-direction:column;gap:.5rem;background-color:#eff6ff}.table-body-content{display:flex;flex-direction:column}.table-caption-content{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;background-color:#eff6ff;color:#2d68fe;font-size:14px;font-weight:600;padding:1.25rem 2rem 1.25rem 1.5rem;border-bottom:1px solid #d0d7e6ff}.table-data-content{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;min-height:4.3rem;font-size:14px;font-weight:400;padding:1rem 2rem 1rem 1.5rem;border-bottom:1px solid #d0d7e6ff}.table-data-content:last-child{border-bottom:none}.table-row-action-btns{display:flex;gap:.5rem;justify-content:center;text-align:center;flex:0 1 5rem}.table-row-edit-btn{display:flex;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;background-color:transparent;color:#0b5faa;border:1px solid #0b5faa;border-radius:6px;transition:all .2s linear;cursor:pointer}.table-row-edit-btn svg{width:1rem;height:1rem}.table-row-edit-btn:hover{background-color:#eff6ff}.table-row-view-btn svg{fill:#0b5faa}.table-row-delete-btn{color:#fe2b42;border-color:#fe2b42}.table-row-delete-btn:hover{background-color:#fde6e8}.loading-state-content{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;font-weight:300;color:#b7b6b6;padding:4rem}.no-data-content{gap:0;padding:4.5rem 4rem}.true-color-data{color:#16a34a;font-weight:500}.false-color-data{color:#ff6365;font-weight:500}.table-data-serial-num{flex:0 1 4rem;text-align:center}.table-data-store-name{flex:1 1 10rem;text-align:left}.table-data-store-address{flex:1 1 12rem;text-align:left}.table-data-is-warehouse{flex:0 1 5rem;text-align:center}.table-data-employee-count{flex:0 1 7rem;text-align:center}.table-data-vendor-name{flex:1 1 7rem;text-align:left}.table-data-vendor-address{flex:1 1 4rem;text-align:left}.table-data-vendor-activation{flex:0 1 4.5rem;text-align:center}.table-data-brand-model{flex:1 1 20rem;text-align:left}.table-data-customer-name{flex:1 1 8rem;text-align:left}.table-data-customer-phone{flex:1 1 6.5rem;text-align:center}.table-data-tracking-num{flex:1 0 6rem;text-align:left}.table-data-transfer-status{flex:1 0 6.5rem;text-align:center}.table-data-locked-content{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:0 1 11.375rem;white-space:nowrap}.table-data-locked-sub-division{display:flex;gap:.5rem;width:11.375rem}.locked-title{margin-right:1.75rem}.table-data-activation-row{display:flex;gap:.5rem;flex:0 1 11.375rem}.table-data-activated{flex:0 1 4rem;text-align:center}.table-data-sub-divider{flex:0 1 6px}.table-data-not-activated{flex:0 1 6rem;text-align:center}.table-data-unlocked{flex:1 1 4rem;text-align:center}.modal-backdrop{position:fixed;top:0;left:0;display:flex;justify-content:center;align-items:center;background-color:#000c;width:100%;height:100%;z-index:10000;transition:all .15s ease-in-out}.add-modal{padding:1.5rem}.add-modal-header{font-size:1.5rem;font-weight:700;margin-top:0}.add-modal-btn{margin-bottom:.5rem}.add-modal-cancel-btn{background-color:#fc4144;margin-bottom:0}.add-modal-cancel-btn:hover{background-color:#f96f72}.checkbox-container{font-size:14px;display:flex;align-items:center;gap:.2rem;margin-bottom:.5rem}.checkbox-container button{background-color:transparent;border:none;height:1.5rem;cursor:pointer}.checkbox-container span{padding-bottom:2px}.tick{clip-path:inset(0 100% 0 0);transition:clip-path .3s ease}.tick-mark{clip-path:inset(0 0 0 0)}.chevron-down-icon{width:1rem;height:1rem;opacity:.5}.check-mark-icon{width:1rem;height:1rem}.dropdown-content{position:relative}.dropdown-select-btn{display:flex;justify-content:space-between;align-items:center;background-color:#fff;font-size:.875rem;font-family:inherit;line-height:1.25rem;height:2.25rem;padding:.5rem .75rem;border:1px solid #d9d9d9;border-radius:6px;cursor:pointer;transition:all .2s linear;width:12rem}.dropdown-select-btn:hover{border-color:#4096ff;border-inline-end-width:1px}.dropdown-select-btn:disabled{opacity:.5}.dropdown-modal{position:absolute;background:#fff;width:100%;margin-top:2px;border-radius:6px}.dropdown-modal-option-content{overflow-y:scroll;overflow-x:hidden;max-height:10.6rem;padding:.25rem;padding-right:0;border-radius:6px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.dropdown-modal-option-content::-webkit-scrollbar{width:.4rem}.dropdown-modal-option-content::-webkit-scrollbar-track{margin:.25rem}.dropdown-modal-option-content::-webkit-scrollbar-thumb{background-color:#c5c2c2;border:2px solid #ffffff;border-radius:10rem;cursor:pointer}.dropdown-modal-option-content::-webkit-scrollbar-thumb:hover{background-color:#b5b2b2}.dropdown-option-btn{display:flex;align-items:center;gap:.5rem;padding:.375rem .5rem;border-radius:4px;font-size:.875rem;font-weight:400;line-height:1.25rem;color:#414141;transition:all .15s ease-in-out;cursor:pointer}.dropdown-option-btn:hover{background-color:#dce7fd;color:#000}.dropdown-option-btn-active{background-color:#dce7fd;color:#000;font-weight:500}.dropdown-option-btn span{padding-bottom:1px}.passive-dropdown{color:#7b7a7a}