@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap");*{margin:0;padding:0}body{font-family:Work Sans,sans-serif;background-color:#F9F9F9;color:#000000;box-sizing:border-box;transition:all .3s ease-in-out}figure{margin:0}img{max-width:100%}a{text-decoration:none;transition:all .2s ease-in-out;color:#000000}ul{margin:0}li,ul{padding:0}li{list-style:none}p{margin:0}h1,h2,h3,h4,h5,h6{font-family:Montserrat,sans-serif}body:has(.sidebar.show){padding-left:189px}.btn{font-size:16px;font-weight:600;border-radius:12px;line-height:22px;height:40px;padding:5px 10px;background-color:#fff;border:1px solid transparent;display:flex;align-items:center;justify-content:center}.btn:focus{outline:none;box-shadow:none}.btn.btn-fill{background-color:#F57373;color:#fff;border-color:#F57373}.btn.yellow-btn{background-color:#FFA500!important;color:#fff;border-color:#FFA500}.btn.yellow-btn:hover{background-color:#FFA500!important;color:#fff!important}.btn.green-btn,.btn.green-btn:hover{background-color:#22C55E;color:#fff;border-color:#22C55E}.btn.light-yellow-btn{background-color:#FEF9C3;color:#B45309;border-color:#FEF9C3}.btn.light-yellow-btn:hover{border-color:#B45309;color:#B45309}.btn.btn-secondary{background-color:#F3F4F6;border-color:#F0F0F0}.btn.btn-secondary:hover{border-color:#ddd}.btn.cancel-btn{background-color:#F9FAFB;color:#F57373;border-color:#F57373}.sidebar{border-right:1px solid #e5e7eb;background-color:#fff;width:72px;padding:15px 8px 8px;position:fixed;left:0;top:0;height:100vh;overflow-y:auto;transition:all .3s ease-in-out}.sidebar.show{width:190px}.site-logo{transition:all .3s ease-in-out;width:50px;overflow:hidden;margin:0 auto}.sidebar.show .site-logo{width:100%}.site-logo img{transition:all .3s ease-in-out;max-width:100%;max-width:max-content;width:160px}.sidebar.show .site-logo img{width:100%}.menu-bar{position:absolute;top:15px;left:71px;background:#fff;padding:10px;border-radius:0 8px 8px 0;border:1px solid #ddd;border-left-color:#fff;transition:all .3s ease-in-out}.menu-bar:focus{outline:none;box-shadow:none}.menu-bar.open{left:189px}.nav-menus{margin-top:24px;height:calc(100vh - 110px);display:flex;flex-direction:column;justify-content:center}.nav-menus li:not(:last-child){margin-bottom:15px}.nav-menus li a{width:100%;display:flex;align-items:center;justify-content:center;height:48px;border-radius:12px;transition:all .3s ease-in-out;padding:12px 16px;font-family:Montserrat,sans-serif}.sidebar.show .nav-menus li a{justify-content:start}.nav-menus li.active a{background-color:#F57373}.nav-menus li.active a img{filter:invert(1) brightness(100) grayscale(2)}.nav-menus li:last-child a{border-top:2px solid #e5e7eb;border-radius:0}.nav-menus li:last-child a span{color:#F57373}.nav-menus li a span{font-size:15px;font-weight:500;color:#0C0E15;transition:all .3s ease-in-out;width:0;overflow:hidden;padding-left:0;white-space:nowrap}.sidebar.show .nav-menus li a span{width:100%;padding-left:8px}.nav-menus li.active a span{color:#fff}.right-wrapper{padding:80px 24px 30px 76px}.items-listing{box-shadow:0 3px 8px -1px #0000000D;background-color:#fff;padding:20px 12px;border-radius:15px;margin-top:15px}.heading{font-size:18px;font-weight:600;color:#0C0E15}.items-listing .heading{margin-bottom:24px}.table-section .table thead th:first-child{padding:12px 12px 12px 24px;border-radius:6px 0 0 6px}.table-section .table thead th:last-child{border-radius:0 6px 6px 0}.table-section .table thead th{font-size:12px;font-weight:500;color:#0C0E15;padding:12px 0;background-color:#FFF8F7;border:none}.table-section .table-striped>tbody>tr:nth-of-type(odd){--bs-table-striped-bg:#F5F5F5;box-shadow:none}.table-section .table tbody td{font-size:12px;font-weight:400;color:#626262;padding:12px 0;border:none}.table-section .table tbody td:first-child{padding:12px 12px 12px 24px;border-radius:6px 0 0 6px}.table-section .table tbody td:last-child{border-radius:0 6px 6px 0}.table-section .table tbody td button{padding:0;background-color:transparent;border:none;color:#F57373;font-weight:600}.status{padding:4px 8px 4px 18px;border-radius:6px;background-color:#fff;border:1px solid #e9eaeb;width:fit-content;position:relative;font-size:10px;font-weight:500;color:#414651}.status:before{position:absolute;left:8px;top:50%;transform:translateY(-50%);content:"";width:6px;height:6px;border-radius:50%;background-color:#414651}.pending{background-color:#fff;border-color:#E9EAEB;color:#414651}.pending:before{background-color:#414651}.process{background-color:#FAF1D9;color:#B54708;border-color:#FEC84B}.process:before{background-color:#B54708}.success{background-color:#DFFFEC;color:#047647;border-color:#73E2A7}.success:before{background-color:#047647}.offcanvas{transition:all .2s ease-in-out;width:530px}.offcanvas.show{visibility:visible}.offcanvas-backdrop{position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.12);backdrop-filter:blur(6px);transition:opacity .3s ease-in-out}.order-summary-table{border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;padding:24px 0;margin:10px 0 30px}.order-summary-table .table thead th{font-size:12px;font-weight:500;color:#000;padding:0 0 20px;border:none}.order-summary-table .table tbody td{font-size:10px;font-weight:400;color:#000;padding:0;border:none}.offcanvas-title{font-size:18px;font-weight:600;color:#0C0E15}.order-summary span{font-size:18px;font-weight:400;color:#626262}.offcanvas-header .btn-close:focus{box-shadow:none;outline:none}.order-summary p{font-size:18px;font-weight:400;color:#0C0E15}.offcanvas-header .btn-close{opacity:1}.modal.fade{z-index:999999}.modal-backdrop.show{z-index:9999;background-color:rgba(0,0,0,.12);backdrop-filter:blur(6px);opacity:1}.confirmation-modal .modal-content{border-radius:24px 24px;border:1px solid #f0f0f0;box-shadow:0 4px 8px 0 #0000001A}.confirmation-modal .modal-header{border-radius:24px 24px 0 0;padding:24px 24px 16px}.confirmation-modal .modal-header .btn-close{outline:none;box-shadow:none;opacity:1}.confirmation-modal .modal-body{text-align:center;padding:0 24px 24px}.confirmation-modal .modal-body p{font-size:16px;font-weight:600;color:#111827;font-family:Montserrat,sans-serif}.confirm-box{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:16px}.successboxlist-slider .successboxlist{margin:20px 0 0}.successboxlist-slider .successboxlist li{padding:0;height:auto}.login-container{min-height:100svh;display:flex;justify-content:center;align-items:center;background:#f3f4f6;padding:1rem}@supports not (height:100svh){.login-container{min-height:100vh}}.login-card{width:100%;max-width:350px;padding:2rem;border-radius:12px;background:#fff;box-shadow:0 6px 15px rgba(0,0,0,.1);box-sizing:border-box}.login-title{text-align:center;font-size:24px;margin-bottom:1.5rem;color:#333}.login-form{display:flex;flex-direction:column}.login-input-group{width:100%;margin-bottom:1rem}.login-input-group label{font-size:14px;margin-bottom:6px;display:block;color:#555}.login-input-group input{width:100%;padding:10px;border:1px solid #ccc;border-radius:8px;font-size:14px;outline:none;transition:.3s;box-sizing:border-box}.login-input-group input:focus{border-color:#f57373;box-shadow:0 0 5px rgba(245,115,115,.4)}.password-wrapper{position:relative;display:flex;align-items:center;width:100%}.password-wrapper input{width:100%;padding-right:42px;box-sizing:border-box}.toggle-password{position:absolute;right:10px;top:50%;transform:translateY(-50%);cursor:pointer;display:flex;align-items:center;justify-content:center}.toggle-password img{width:20px;height:20px;object-fit:contain}.login-button{background:#f57373;color:#fff;padding:12px;border:none;border-radius:8px;font-size:16px;cursor:pointer;transition:.3s}.login-button:hover{background:#f56161}.login-link{margin-top:1rem;text-align:center;font-size:14px;color:#555}.login-link a{color:#0070f3;text-decoration:none}.login-link a:hover{text-decoration:underline}@media (max-width:480px){.login-card{padding:1.5rem}.login-title{font-size:20px}.password-wrapper input{padding-right:36px}.toggle-password img{width:18px;height:18px}}.confirmation-modal{border-radius:24px 24px!important;background-color:#fff!important}.modal-content{background-color:transparent!important;border:none!important}.table-section .table tbody td,.table-section .table thead th{vertical-align:middle;padding:12px 7px}.table-section .table tbody td button{font-size:12px}.table-section .table-responsive{white-space:nowrap}.pagination button:first-child,.pagination button:last-child{background-color:#fff;border-radius:5px;border-color:#f57373;color:#f57373}.pagination button:first-child:hover,.pagination button:last-child:hover{color:#fff}.pagination button{background-color:transparent;border:1px solid rgb(245 115 115/50%);border-radius:5px;color:#f57373;box-shadow:none!important}.pagination button.active,.pagination button:hover{background-color:#f57373;border-color:#f57373}.pagination button.active:focus,.pagination button:focus{box-shadow:none!important}.order-recipt-box{padding:0 12px 25px;max-width:100%!important}body:has(.order-recipt-box){padding-left:0}.order-recipt-box table tr td img{margin-right:5px}.site-logo{padding-left:12px;width:auto;display:flex!important;align-items:center;white-space:nowrap}.site-logo span{color:#666666;font-size:21px;line-height:36px;font-weight:500;padding-left:0;width:0;transition:all .3s ease-in-out;overflow:hidden}.sidebar.show .site-logo span{width:100%;padding-left:8px;white-space:nowrap}.nav-menus li a{justify-content:start!important}.sidebar{padding:19px 8px 8px}.error-page{text-align:center;padding:30px 15px;height:calc(100vh - 73px);display:flex;flex-direction:column;align-items:center;justify-content:center}.error-page h1{padding:0;font-size:60px;line-height:70px;font-weight:800;color:#b00000}.error-page h1 span{display:block;font-size:17px;font-weight:500;line-height:22px}.error-page p{font-size:16px;font-weight:500;color:#353535;margin-top:10px}