*{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"}.main-page-section{display:flex;background-color:#f0f0f0}.loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:14rem;padding:4rem 0 5rem;gap:1rem;color:#b7b6b6;font-weight:300}.no-data-container{gap:0}.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}}.toast-notification-container{position:absolute;top:-6rem;left:50vw;transform:translate(-50%);z-index:100000;background-color:#fff;display:flex;align-items:center;justify-content:space-evenly;width:17rem;height:4rem;font-size:.9rem;border-radius:.3rem;box-shadow:0 -3px 5px -1px #00000013,0 -2px 3px -1px #00000013,0 3px 5px -1px #00000013,0 2px 3px -1px #00000013;transition:all .4s ease-in-out}.toast-notification-container-visible{top:2rem}.toast-notification-message{width:11rem}.box{background-color:#fff;width:33rem;min-height:14rem;margin:auto;border-radius:.5rem;box-shadow:0 3px 5px -1px #00000013,0 2px 3px -1px #00000013;transition:all .25s linear}.current-user-amount{display:flex;font-size:1.3rem}.recharge-message{display:flex;justify-content:center;align-items:center;width:100%;padding-right:4.25rem;color:#ff6365;font-size:1rem;font-weight:400}.place-order-dialog-btns{flex-direction:row!important;justify-content:center;gap:2rem!important;padding:1rem;padding-top:0}.place-order-dialog-btns button{width:5rem}.proceed-btn{background-color:#13861a!important}.proceed-btn:hover{background-color:#4c9a51!important}.item-select{display:flex;align-items:center;gap:2rem;padding:0 1rem}.item-select span{padding-bottom:2px}.item-select .table-select{width:11rem}.phone-number-data-container{padding:1rem 0 0 5.25rem!important;gap:.4rem}.phone-data-row{display:flex;align-items:center;gap:.5rem;transition:all .25s linear}.phone-data-row span{font-size:1.5rem;color:#8d8b8b;padding-bottom:.5rem}.order-item-code{width:8rem!important;height:2rem}.order-serial-num{width:9.25rem!important;height:2rem}.disabled-select{width:11rem;padding:.25rem .75rem;color:#000;font-size:14px;line-height:1.6;border:1px solid #d9d9d9;border-radius:6px;transition:all .2s linear}.disabled-order-btn{cursor:not-allowed!important;background-color:#4c9a51!important;opacity:.8}.disabled-reset-btn{cursor:not-allowed!important;background-color:#4096ff!important;opacity:.8}.landing-page{display:flex;width:100vw;height:100vh}.landing-page-image-content{width:70vw;height:100%;display:flex;justify-content:center;align-items:center;overflow:hidden}.landing-page-image-content img{width:100%;height:100%;object-fit:cover;object-position:center}.landing-page-content{width:30vw;height:100%;display:flex;flex-direction:column;gap:10rem;align-items:center;padding-top:6.25rem}.landing-page-title{font-size:2.5rem}.landing-page-description{display:flex;flex-direction:column;row-gap:1rem;align-items:center}.landing-page-description h1{width:18rem;text-align:center;font-size:2.5rem;font-weight:400;line-height:1.2;color:#212529}.landing-page-description p{font-size:1.1rem;font-weight:500;color:#212529;text-align:center}.landing-page-description button,.redirect-btn{color:#fff;font-size:1rem;display:flex;justify-content:center;align-items:center;width:15.5rem;height:2.75rem;padding:1.25rem;border:none;border-radius:.25rem;cursor:pointer;transition:.2s linear}.redirect-btn{width:auto;margin:2rem 0;background-color:#1d2d44}.redirect-btn:hover{background-color:#0f1f37}.fallback-content{background-color:#f0f0f0;width:100vw;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;font-weight:300}.error-page-section{width:100vw;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.error-page-section h2{font-size:8rem;font-weight:400;margin-bottom:.5rem}.error-page-section h1{font-size:2rem;text-transform:uppercase;font-weight:400;margin-bottom:.5rem}.dialog-backdrop{background-color:#00000080;position:fixed;top:0;left:0;display:flex;justify-content:center;align-items:center;width:100%;height:100%;z-index:1000;transition:all .4s ease-in-out}.delete-dialog-box,.add-dialog-box{background-color:#fff;border-radius:.6rem;padding:1.5rem}.add-dialog-box{padding:1.5rem}.delete-dialog-box h3{margin:1rem 0;text-align:center}.add-dialog-box h2{text-align:center}.delete-icon-container{background-color:#f9c8ca;width:2.75rem;height:2.75rem;display:flex;justify-content:center;align-items:center;margin:auto;border-radius:.25rem}.delete-icon-container svg{width:2rem;height:2rem}.dialog-btns{display:flex;flex-direction:column;gap:.5rem;font-size:1rem}.delete-dialog-delete-btn,.add-dialog-add-btn,.add-dialog-cancel-btn{background-color:#f74f4c;color:#fff;width:100%;height:2rem;margin:0 auto;border:none;border-radius:.25rem;cursor:pointer;transition:all .2s linear}.add-dialog-add-btn{background-color:#0a83f3}.add-dialog-add-btn:hover{background-color:#4096ff}.delete-dialog-delete-btn:hover,.add-dialog-cancel-btn:hover{background-color:#ff7b79}.delete-dialog-cancel-btn{background-color:#fff;color:#0a83f3;width:5rem;margin:auto;border:none;cursor:pointer}.delete-data-container,.add-data-container{background-color:#fff;display:flex;flex-direction:column;font-size:.9rem;margin:0;padding-top:1rem;border-radius:.4rem}.delete-data-container{background-color:#f7f6f6;min-width:14rem;margin-bottom:1rem;padding:1rem}.delete-data-container span{padding:.2rem 0}.delete-data-container b{display:inline-block;width:3rem}.store-delete-header,.account-delete-header{width:5.5rem!important}.admin-delete{color:#d12828}.client-delete{color:#2fd620}.admin-delete b,.client-delete b{color:#000}.list_of_number{display:flex;align-items:flex-start}.transaction-status-update-header{width:5.5rem!important}.status-phone-number{display:flex;flex-wrap:wrap;width:13rem;padding:0!important;column-gap:.75rem}.individual-number:first-child,.individual-number:nth-child(2){padding-top:0}.individual-number:last-child,.individual-number:nth-last-child(2){padding-bottom:0}.data-field-status{flex-direction:row!important;align-items:center;gap:4rem!important}.data-field-status input{width:100%!important}.hidden-data-field{max-height:0;opacity:0;visibility:hidden;transition:all .3s ease}.sliding-field{max-height:5rem;opacity:1;visibility:visible}.add-data-container input{width:14.5rem;padding:.25rem .75rem;color:#000000e0;font-size:14px;line-height:1.6;border:1px solid #d9d9d9;border-radius:6px;transition:all .2s linear}.add-data-container input:hover,textarea:hover{border-color:#4096ff;border-inline-end-width:1px}.add-data-container input:focus,textarea:focus{border-color:#4096ff;box-shadow:0 0 0 2px #0591ff1a;border-inline-end-width:1px;outline:0}.data-field{display:flex;flex-direction:column;gap:.5rem;margin:.5rem 0}.disabled-field{background-color:#f1f1f1;color:#8e8d8d!important;cursor:not-allowed}.disabled-field:hover{border-color:#d9d9d9!important;border-inline-end-width:0!important}.required-asterisk{color:#ff6365}.rate-field{position:relative}.rate-field input{padding-left:1.5rem}.dollar-sign{position:absolute;top:2.0625rem;left:.2rem;display:flex;font-size:1.5rem;align-items:center}.dollar-sign svg{width:1.25rem;height:1.25rem;fill:#7a7979}.dialog-note{min-height:1.875rem;color:#ff6365;font-weight:400;text-align:center}.error-border{border-color:#ff7b79!important}.suggestion-field{position:relative}.suggestion-container{position:absolute;top:3.75rem;left:0;display:flex;flex-direction:column;background-color:#fff;width:100%;padding:.25rem;border-radius:.375rem;z-index:100;box-shadow:0 3px 5px -1px #00000013,0 2px 3px -1px #00000013}.suggestion-container span{height:2rem;border-radius:.375rem;display:flex;align-items:center;padding-left:.4rem;cursor:pointer;transition:all .2s linear}.suggestion-container span:hover{background-color:#f7f6f6}.no-pointer{cursor:initial!important}textarea{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";width:14.5rem;resize:none;text-align:justify;overflow-y:scroll;padding:.25rem .5rem .25rem .75rem;color:#000000e0;font-size:14px;line-height:1.6;border:1px solid #d9d9d9;border-radius:6px;transition:all .2s linear}textarea::-webkit-scrollbar{width:.4rem}textarea::-webkit-scrollbar-track{margin:.25rem}textarea::-webkit-scrollbar-thumb{background-color:#c5c2c2;border:2px solid #ffffff;border-radius:10rem;cursor:pointer}textarea::-webkit-scrollbar-thumb:hover{background-color:#b5b2b2}::-webkit-scrollbar-button{display:none}.checkbox-container{font-size:14px;display:flex;align-items:center;gap:.2rem}.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)}.field-flex{display:flex;gap:1rem}#table-select-const{width:14.5rem}.radio-options{display:flex;align-items:center;width:14.5rem;height:2rem;gap:2rem;padding:.25rem .75rem;color:#000000e0;font-size:14px;border:1px solid #ffffff;border-radius:6px;transition:all .2s linear}.radio-options-empty{border-color:#ff7b79}.radio-options input{width:100%;cursor:pointer}.radio-options input:focus{border:none;box-shadow:none;border-inline-end-width:0;outline:0}.radio-options span{display:flex;gap:1rem}.table-select{position:relative;display:flex;justify-content:space-between;align-items:center;width:9rem;height:2rem;padding:.25rem .25rem .25rem .5rem;font-size:.9rem;border:1px solid #d9d9d9;border-radius:6px;cursor:pointer;transition:all .2s linear}.table-select-long{width:100%}.table-select span{padding-bottom:1px}.table-select svg{width:1.2rem;height:1.2rem}.table-select:hover{border-color:#4096ff;border-inline-end-width:1px}.table-select:focus{border-color:#4096ff;box-shadow:0 0 0 2px #0591ff1a;border-inline-end-width:1px;outline:0}.select-option{display:none;position:absolute;top:2rem;left:0;flex-direction:column;background-color:#fff;width:100%;padding:.25rem;border-radius:.375rem;z-index:100;box-shadow:0 3px 5px -1px #00000013,0 2px 3px -1px #00000013}.select-option-visible{display:flex}.select-option span{height:2rem;border-radius:.375rem;display:flex;align-items:center;padding-left:.4rem;cursor:pointer;transition:all .2s linear}.select-option span:hover{background-color:#f7f6f6}.selected-store,.selected-store:hover{background-color:#eff6ff!important;font-weight:500}.table-filter-reset-btn{background-color:#2d68fe;color:#fff;font-size:.85rem;width:4rem;height:2rem;border:none;border-radius:.375rem;cursor:pointer;transition:all .2s}.table-filter-reset-btn:hover{background-color:#4096ff}.form-container{position:absolute;top:0;left:0;background-color:#00000080;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;z-index:1000}.form-content{width:20rem;border-radius:.5rem;padding:1.5rem;background:#fff;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.login-header div{display:flex;flex-direction:column;align-items:center;justify-content:center}.login-header div p{font-size:.8em}.logo-img{width:5.5rem;height:5.5rem}.form-title{margin:1rem 0;font-weight:500;font-size:1.3rem;text-align:center}.form-control{display:flex;flex-direction:column;margin-bottom:.5rem;font-size:14px;font-weight:300}.form-control label{font-weight:400;padding-bottom:.5rem}.form-control span{color:#ff6365}.form-control input{padding:.25rem .75rem;color:#000000e0;font-size:14px;line-height:1.6;border:1px solid #d9d9d9;border-radius:6px;transition:all .2s}.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}.password-div{position:relative}.password-div 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}.visibility-icon:hover{fill:#363636}.error-message{color:#ff6365;height:1.5rem;font-weight:400;padding-top:2px}.login-btn{background-color:#2d68fe;color:#fff;font-size:15px;width:100%;height:2rem;margin-bottom:1rem;border:none;border-radius:6px;cursor:pointer;transition:all .2s}.login-btn:hover{background-color:#4096ff}.login-form-actions div{text-align:center}.text-only-btn{background-color:#fff;color:#fe2b42;font-size:15px;font-weight:300;border:none;cursor:pointer}.text-only-btn:hover{color:#f7596c}.create-account-form{height:34.5rem}.create-account-form .form-title{margin:1rem 0}.top-bar{position:absolute;top:0;right:0;display:flex;align-items:center;background-color:#0b5faa;width:calc(100% - 15rem);height:2.75rem}.user-control-section{display:flex;align-items:center;gap:.75rem;margin-left:auto;margin-right:2rem}.user-picture{background-color:#dfdfdf;width:2rem;height:2rem;border-radius:50%;display:flex;justify-content:center;align-items:center;color:#303946;font-size:1.1rem}.user-control{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";position:relative;display:flex;align-items:center;background-color:transparent;border:none;width:11rem;font-size:1.1rem;color:#dfdfdf;cursor:pointer;transition:all .2s linear}.user-action{opacity:0;visibility:hidden;position:absolute;top:1.9rem;left:0;display:flex;flex-direction:column;background-color:#fff;font-size:.9rem;font-weight:400;color:#000;width:100%;padding:.25rem;border-radius:.375rem;z-index:100;box-shadow:0 3px 5px -1px #00000013,0 2px 3px -1px #00000013;transition:opacity .15s linear,visibility .15s linear}.user-action-visible{opacity:1;visibility:visible}.user-action span{height:2rem;border-radius:.375rem;display:flex;align-items:center;padding-left:.4rem;cursor:pointer;transition:all .2s linear}.user-action span:hover{background-color:#eff6ff}.user-action-seperater{padding-bottom:.25rem;margin-bottom:.25rem;border-bottom:1px solid rgb(223,223,223)}.side-bar{background-color:#fff;width:15rem;height:100vh;padding-top:1rem;box-shadow:6px 0 12px -4px #0000000d}.logo-section{width:10rem;height:10rem;margin:auto;cursor:pointer}.logo-section img{width:100%;height:100%}.navigation-links{margin:2rem 0}.nav-route{text-decoration:none;color:#000}.nav-links{display:flex;align-items:center;width:100%;font-size:1.1rem;font-weight:400;padding:.75rem 1.25rem;cursor:pointer;transition:all .2s ease-out}.nav-links:hover{color:#dfdfdf;background-color:#09508f}.nav-links svg{margin-right:1rem}.nav-links:hover svg{fill:#dfdfdf}.active-page{background-color:#dfdfdf}.notification-indicator{background-color:#f34242;width:.25rem;height:.25rem;border-radius:50%;margin-left:auto;margin-right:.5rem}.table-section{display:flex;flex-direction:column;background-color:#fff;min-width:61rem;max-width:77rem;margin:auto;margin-top:3.75rem;border-radius:.5rem;box-shadow:0 3px 5px -1px #00000013,0 2px 3px -1px #00000013}.client-table-section{min-width:55rem}tbody,thead{display:flex;flex-direction:column}.table-header-row{display:flex;justify-content:space-between;align-items:center;gap:4.5rem;height:3.25rem;padding:0 1rem;color:#0b5faa;font-size:1rem;font-weight:600;text-align:left}.table-data-row{display:flex;justify-content:space-between;align-items:center;gap:4.5rem;min-height:3.75rem;padding:0 1rem;font-size:.9rem;text-align:left}.table-data-row:nth-child(odd){background-color:#f9f9f9}.account-row{gap:3rem}.inbox-row{gap:3.5rem}.transaction-row{gap:2rem}.table-serial-no{width:3rem;text-align:center}.table_store_name{width:5.5rem}.table_item{width:11rem}.table_size_col{width:1.7rem;text-align:center}.table_rate{width:3.25rem}.table_action_col{display:flex;justify-content:center;width:5.75rem;gap:.5rem}.table_created_date,.table_created_datetime{width:6rem;text-align:center}.table_created_time{width:4rem;text-align:center}.table_username{width:6rem}.table_message{width:24rem;margin:.5rem 0}.table_amount{width:5rem}.table_remark{width:12rem}.table_address{width:14rem}.table_contact{width:7.5rem}.table_created_datetime,.table_submitted_datetime{width:8rem;text-align:center}.table_number_list{width:16rem;display:flex;flex-wrap:wrap;gap:.5rem;column-gap:1.5rem;margin:.375rem 0}.table_status,.client_table_status{width:4.5rem;text-align:center}.pending-text,.processing-text{color:#2d68fe;font-weight:500;text-decoration:underline;cursor:pointer}.processing-text{color:#b76afa}.shipped-text{color:#0a9415;font-weight:500}.failed-text{color:#fe2b42;font-weight:500}.client-table-section .pending-text,.client-table-section .processing-text{text-decoration:none;cursor:initial}.table_row{width:4rem}tbody .admin{color:#fe2b42}tbody .client{color:#0a9415}.table_percentage{width:5.2rem;text-align:center}.table-edit-btn,.table-delete-btn{display:flex;justify-content:center;align-items:center;background-color:transparent;padding:.2rem .5rem;border:1px solid #0b5faa;border-radius:.25rem;cursor:pointer}.table-delete-btn{border:1px solid #fe2b42}.table-edit-btn:hover{background-color:#eff6ff}.table-delete-btn:hover{background-color:#fde6e8}.table-title-section{display:flex;justify-content:space-between;padding:1rem;padding-bottom:0}.table-title-store{margin-bottom:1rem}.add-item-btn{width:auto;padding:0 .75rem}.table-filter-section{display:flex;justify-content:flex-end;align-items:center;height:4rem;padding:0 1rem}.table-filter-container{display:flex;gap:.75rem}.table-filter-container h4{padding-top:2px}.table-pagination-section{display:flex;align-items:center;height:4rem;padding-left:1rem}.pagination-num-container{display:flex;gap:.5rem;margin:0 .5rem}.pagination-num{display:flex;justify-content:center;align-items:center;padding-bottom:2.5px;width:1.85rem;height:1.85rem;border-radius:.25rem;color:#4d4d4d;font-weight:600;cursor:pointer;transition:all .1s linear}.pagination-num:hover{background-color:#e1e1e1}.active-pagination-num{border:1px solid #0b5faa;color:#0b5faa}.active-pagination-num:hover{background-color:#fff;cursor:initial}.table-pagination-section svg{cursor:pointer;transition:all .1s linear}.table-pagination-section svg:hover{fill:#7a7979}.inactive-pagination-arrow{fill:#e4e3e3;cursor:not-allowed!important}.inactive-pagination-arrow:hover{fill:#e4e3e3!important}.table-search-bar{cursor:initial}