:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:inline;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f7f7f7}}@media(prefers-color-scheme:dark){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}input{color:#000}}.login_form input{padding-left:50px!important}.cur_imgg{height:70px;width:70px;background:#fff;border-radius:35px;border:2px solid #0a66c2;display:flex;justify-content:center;align-items:center}.cur_imgg img{width:90%;height:90%;-o-object-fit:contain;object-fit:contain;border-radius:25px}.onboarding-top{display:flex;justify-content:flex-end;align-items:center;margin-bottom:10px}@media(max-width:768px){.onboarding-top button{font-size:12px;padding:4px 10px}}.login-right{display:flex;align-items:center;justify-content:center}.login-card{width:420px;background:#fff;padding:28px;border-radius:18px;box-shadow:0 20px 45px #0000001f}.section-title{font-size:13px;font-weight:600;margin-bottom:12px}.phone-input{display:flex;align-items:center;border:1px solid #ddd;border-radius:10px;padding:12px}.country-code{margin-right:10px;font-size:14px;color:#555}.phone-input input{border:none;outline:none;width:100%;font-size:14px}.primary-btn{width:100%;margin-top:16px;padding:12px;background:#0a66c2;color:#fff;border:none;border-radius:12px;font-size:15px;cursor:pointer}.terms{font-size:11px;color:#666;margin-top:10px}.terms a{color:#0a66c2}.divider{text-align:center;margin:18px 0;position:relative}.divider span{background:#fff;border-radius:5px;padding:0 10px;font-size:12px;color:#999}.divider:before{content:"";height:1px;background:#e5e7eb;position:absolute;left:0;right:0;top:50%;z-index:-1}.social-row{display:flex;gap:10px}.social-row button{flex:1;padding:10px;border-radius:10px;border:1px solid #ddd;background:#fff;cursor:pointer}.tracking-box{margin-top:20px;background:#f3f5ff;padding:16px;border-radius:14px}.subtext{font-size:12px;color:#555;margin-bottom:10px}.radio-row label{display:flex;flex-direction:row;gap:5px;align-items:center;font-size:12px;color:#333;cursor:pointer}.radio-row span{width:18px;height:18px;border-radius:50%;border:2px solid #999;margin-bottom:6px}.radio-row input:checked+span{border-color:#0a66c2;background:#0a66c2}.footer-link{text-align:center;font-size:12px;margin-top:14px}.footer-link a{color:#0a66c2}.login-page{min-height:100vh;background:radial-gradient(circle at bottom left,#fff3d4,#eef2ff);display:flex;align-items:center;justify-content:center}.login-container{width:100%;max-width:1200px;padding:0 40px;align-items:center}.tracking-box{margin-top:20px;background:#fff5f4;padding:18px;border-radius:16px}.tracking-box h5{font-size:13px;font-weight:600}.subtext{font-size:12px;color:#555;margin-bottom:14px}.radio-row{display:flex;justify-content:space-between;margin-bottom:14px}.radio-row input{display:none}.radio-row span{width:18px;height:18px;border-radius:50%;border:2px solid #9ca3af;margin-bottom:1px;transition:.2s}.radio-row label.active span{border-color:#0a66c2;background:#0a66c2}.track-input{width:100%;margin-bottom:12px;padding:10px 12px;border-radius:10px;border:1px solid #ddd;font-size:13px}.auth-toggle{display:flex;gap:10px;margin-bottom:14px}.auth-toggle button{flex:1;padding:10px;border-radius:10px;border:1px solid #ddd;background:#fff;font-size:13px;cursor:pointer;color:#000}.auth-toggle .active{background:#0a66c2;color:#fff;border-color:#0a66c2}.auth-input{width:100%;padding:12px;margin-bottom:12px;border-radius:10px;border:1px solid #ddd;font-size:14px;color:#000}.otp-input{text-align:center;letter-spacing:6px;font-size:18px}.resend{margin-top:10px;text-align:center;font-size:12px;color:#0a66c2;cursor:pointer}.otp-box-wrapper{display:flex;justify-content:center;gap:14px;margin-bottom:14px}.otp-box{width:48px;height:48px;border-radius:10px;border:1px solid #d1d5db;text-align:center;font-size:18px;font-weight:600;outline:none}.otp-box:focus{border-color:#6d5dfc;box-shadow:0 0 0 2px #6d5dfc33}.brand-logo{width:220px;max-width:100%;height:auto;margin-bottom:30px}@media(max-width:550px){.login-container{padding:30px 10px}.hide_on_mobile{display:none}.login-page{overflow:hidden}.login-left{text-align:center}}.settings-page{padding-left:104px;padding-top:20px;background:#f7f7f7;min-height:100vh}.settings-title{font-size:24px;font-weight:700;margin-bottom:20px;color:#111}.settings-section{background:#fff;border-radius:14px;padding:20px;margin-bottom:24px}.section-header{display:flex;align-items:center;gap:10px;margin-bottom:16px}.section-header h2{font-size:18px;font-weight:600;margin:0}.section-icon{font-size:22px}.settings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.setting-card{background:#f7f7f7;border-radius:12px;padding:16px;display:flex;justify-content:space-between;align-items:flex-start;cursor:pointer;transition:all .2s ease}.setting-card:hover{background:#eef4ff;transform:translateY(-2px)}.setting-card h3{font-size:15px;font-weight:600;margin:0 0 6px;color:#0b5ed7}.setting-card p{font-size:13px;color:#555;margin:0;line-height:1.4}.arrow{font-size:22px;color:#0b5ed7;margin-left:10px}@media(max-width:600px){.settings-page{padding:16px}}.filter-card{background:#fff;padding:24px;border-radius:14px;box-shadow:0 8px 20px #00000014;max-width:700px}.date-row{display:flex;gap:16px;margin-bottom:20px}.date-input{flex:1;display:flex;align-items:center;border:1px solid #cfd6e0;border-radius:8px;padding:10px 12px}.date-input .icon{margin-right:8px;font-size:18px}.date-input input{border:none;outline:none;width:100%;font-size:15px}.select-section{margin-bottom:20px}.select-section label{display:block;margin-bottom:8px;font-weight:500}.select-section select{width:100%;padding:12px;border-radius:8px;border:1px solid #cfd6e0;font-size:15px}.action-row{display:flex;justify-content:flex-end}.action-row button{background:#0d6efd;color:#fff;border:none;padding:10px 26px;border-radius:6px;font-size:15px;cursor:pointer}.action-row button:hover{background:#0b5ed7}.ggnm{border-radius:8px;background:#fff;padding:5px;min-height:190px}.courier-grid{display:flex;flex-wrap:wrap;gap:15px}.status-tabs{display:flex;gap:10px;margin:10px 0 0;border-bottom:.5px solid #ccc}.status-tab{padding:8px 14px;margin-bottom:0;cursor:pointer;font-weight:500}.status-tab:hover{border-color:#f7f7f7!important}.courier_box{display:flex;flex-wrap:wrap;gap:15px;align-items:flex-start}.courier-card{padding:10px;margin:10px 5px 5px;border-radius:10px;background:#fff1ea;width:152px;height:205px;flex-direction:column;justify-content:space-between;text-align:center}.courier-card img{height:120px;width:120px;object-fit:contain}.courier-grid{display:flex;flex-wrap:wrap;gap:16px;min-height:180px;padding:20px;background:#f4f4f4;border-radius:12px}.empty-drop-zone{width:100%;text-align:center;color:#999;font-weight:500;padding:73px 7px;border:2px dashed #d0d0d0;border-radius:12px}.customers-search-bar{border-radius:8px!important}.customers-search-bar button{height:46px!important;margin-right:0!important;margin-bottom:0!important}.box_rules{padding:10px;background:#f7f7f7;border-radius:8px;border:0px solid #fff}.status-tab.active{border-bottom:2px solid var(--bluee);color:var(--bluee)}.table td,.table th{border:none!important}.table-card-modern{background:#f7f7f7!important}.card{box-shadow:none!important;border:none!important;border-radius:8px!important}@media(max-width:550px){.status-tab{overflow:auto}}._addCourierRulePage_1yd74_1{padding:24px;background:#f8fafc;min-width:0}._courierRuleCard_1yd74_7{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:10px;position:relative}._courierRuletitle_1yd74_15{font-size:18px;font-weight:600;margin-bottom:12px;color:#111827}._courierRuleWarning_1yd74_22{font-size:12px;font-weight:600;margin-bottom:0}._dot_1yd74_28{width:8px;height:8px;background:#16a34a;border-radius:50%}._arrow_1yd74_36{font-size:28px;transition:transform .2s ease}._courierAddRuleUi_1yd74_41{background:#fff;border-radius:14px;padding:24px;border:1px solid #e5e7eb}._subtitle_1yd74_48{font-size:13px;color:#6b7280;margin-bottom:20px}._shipmentTitle_1yd74_54{border-bottom:1px solid #ccc;padding-bottom:15px;font-weight:700}._conditionBtn_1yd74_60{height:37px}._selectField_1yd74_64,._selectField_1yd74_64 option{color:#292727!important;background-color:#fff!important}._modeBox_1yd74_74{padding:10px;border:1px solid #ebebeb;margin-bottom:15px;border-radius:15px;position:relative}._stepClose_1yd74_82{position:absolute;right:3px;color:#000;background:#ccc;padding:1px 5px;border-radius:50%;cursor:pointer;border:none;z-index:1060;font-weight:700}._modalBackdrop_1yd74_95{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:9999}._modalBox_1yd74_108{background:#fff;padding:20px;border-radius:8px;width:400px}._modalOverlay_1yd74_116{position:fixed;inset:0;background:#00000073;display:flex;justify-content:center;align-items:center;z-index:9999;opacity:0;animation:_fadeIn_1yd74_1 .3s ease forwards}._modalBox_1yd74_108{width:520px;background:#f5f5f5;border-radius:16px;box-shadow:0 12px 30px #00000040;overflow:hidden;transform:scale(.9);animation:_scaleIn_1yd74_1 .3s ease forwards}._modalHeader_1yd74_142{padding:10px;font-size:22px;font-weight:600;color:#3b5db7;text-align:center;position:relative;border-bottom:1px solid #ddd}._closeBtn_1yd74_153{position:absolute;right:18px;top:14px;font-size:20px;cursor:pointer;color:#666}._closeBtn_1yd74_153:hover{color:#000}._modalBody_1yd74_167{padding:20px 10px;font-size:14px;color:#444}._downloadLink_1yd74_174{display:inline-block;margin:12px 0;color:#2b66d9!important;font-weight:500;cursor:pointer}._downloadLink_1yd74_174:hover{text-decoration:underline}._modalFooter_1yd74_187{padding:10px;display:flex;justify-content:flex-end;gap:12px}._uploadBtn_1yd74_195{background:#2b66d9;color:#fff;border:none;padding:8px 18px;border-radius:6px;font-size:14px;cursor:pointer}._uploadBtn_1yd74_195:hover{background:#1f4fb0}._cancelBtn_1yd74_209{background:#e00000;color:#fff;border:none;padding:8px 18px;border-radius:6px;font-size:14px;cursor:pointer}._cancelBtn_1yd74_209:hover{background:#b80000}._modalOverlay_1yd74_116{z-index:10000}._fieldWrapper_1yd74_227{position:relative}._label_1yd74_231{display:block;margin-bottom:5px;font-weight:500}._multiSelectOption_1yd74_237{position:absolute;width:100%;max-height:200px;overflow-y:auto;z-index:1000;border-radius:6px;background:#fff!important;color:#73879c}._multiSelectSelection_1yd74_248{color:#007bff;cursor:pointer;margin-bottom:8px}._multiSelectDropDown_1yd74_254{display:flex;justify-content:space-between;align-items:center;cursor:pointer}._selectField_1yd74_64{height:36px;border:1px solid #cfd4da;padding:6px 10px;font-size:13px;background:#fff;cursor:pointer;border-radius:4px}._dropdownBox_1yd74_271{position:absolute;width:100%;background:#fff;border:1px solid #000;border-top:none;max-height:220px;overflow-y:auto;padding:8px;z-index:999}._checkboxRow_1yd74_283{display:block;font-size:14px;margin-bottom:6px}._productSkuORSpan_1yd74_289{border:5px solid green;border-radius:50%;padding:5px;font-weight:700;font-size:11px}._noSkuH6_1yd74_297{text-align:center;margin:25px 0}._noSkuSpan_1yd74_302{color:red;background:#fce1e1;padding:5px 10px;border-radius:5px;font-size:15px!important;font-weight:500!important}._selectAll_1yd74_311{color:#007bff;font-size:13px;margin-bottom:6px;cursor:pointer}@keyframes _fadeIn_1yd74_1{to{opacity:1}}@keyframes _scaleIn_1yd74_1{to{transform:scale(1)}}.contact-wrapper{display:flex;flex-direction:column;gap:16px}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.contact-item{background:#f9fafb;border:1px solid #e5e7eb;padding:12px 14px;border-radius:10px;transition:.2s}.contact-item:hover{border-color:var(--maincolor);background:#f3f6ff}.contact-item label{display:block;font-size:12px;color:#6b7280;margin-bottom:4px}.contact-item span{font-size:14px;font-weight:600;color:#111827}.contact-item.full{grid-column:1 / -1}.edit-btn{background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;color:#fff;padding:7px 10px;border-radius:8px;cursor:pointer;transition:.3s}.edit-btn:hover{transform:scale(1.1)}.bank-wrapper{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap}.bank-info{flex:1;background:#fff;border-radius:12px;padding:20px;border:1px solid #e5e7eb}.bank-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0}.label{font-size:13px;color:#6b7280}.valueBank{font-size:15px;font-weight:600;color:#111827}.value.highlight{letter-spacing:1px;font-family:monospace}.divider{height:1px;background:#e5e7eb}.bank-cheque{width:300px}.bank-cheque p{font-size:13px;color:#6b7280;margin-bottom:8px}.cheque-box{border:1px solid #e5e7eb;border-radius:12px;padding:10px;background:#f9fafb}.cheque-box img{width:100%;height:140px;object-fit:contain;border-radius:8px}.edit-btn{background:#6366f1;border:none;color:#fff;padding:7px 10px;border-radius:8px;cursor:pointer}.kyc-wrapper{display:flex;flex-direction:column;gap:12px}.kyc-row{display:flex;justify-content:space-between;align-items:center}.kyc-left{display:flex;flex-direction:column}.kyc-label{font-size:13px;color:#6b7280}.kyc-desc{font-size:12px;color:#9ca3af}.kyc-right{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600}.kyc-right.success{background:#ecfdf5;color:#059669;border:1px solid #a7f3d0}.kyc-value{font-weight:600;font-size:14px;color:#111827}.kyc-divider{height:1px;background:#e5e7eb}.ndr-offcanvas-body{padding:20px;overflow-y:auto;flex:1}.ndr-order-info{font-size:14px;color:#444;line-height:1.6}.ndr-timeline{position:relative;margin-top:20px;padding-left:25px;border-left:2px solid #e6e6e6}.ndr-timeline-item{position:relative;margin-bottom:18px}.ndr-timeline-item .dot{position:absolute;left:-32px;top:18px;width:12px;height:12px;background:#4a6cf7;border-radius:50%}.content_offcanva{font-size:13px}.remark{margin-bottom:4px;color:#555}.remark span{font-weight:500;color:#222}.date{font-size:12px;color:#888;margin-top:8px}.ndr-offcanvas-body::-webkit-scrollbar{width:6px}.ndr-offcanvas-body::-webkit-scrollbar-thumb{background:#ddd;border-radius:10px}.abs_class_remark{position:absolute;top:0;left:0}.tooltip-boxx{position:relative;display:inline-block}.tooltip-textt{visibility:hidden;opacity:0;position:absolute;bottom:125%;left:50%;transform:translate(-50%);background:#fff;color:#222;box-shadow:#11111a0d 0 1px,#11111a1a 0 0 8px;padding:6px 10px;border-radius:6px;font-size:12px;white-space:nowrap;transition:opacity .2s ease;pointer-events:none;z-index:1000}.tooltip-boxx .tooltip-textt:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:6px;border-style:solid;border-color:#222 transparent transparent transparent}.tooltip-boxx:hover .tooltip-textt{visibility:visible;opacity:1}.copy_tracking{position:absolute;top:3%;right:3%;cursor:pointer;color:var(--maincolor);font-size:15px}@media(max-width:550px){.ndr_tabs{overflow:auto}.ndr_topbar,.flx_clm,.rightt{flex-direction:column}.date-filter-wrapper{width:100%!important;flex-direction:column}.calendar-box{flex-direction:column}.hide_mob{display:none}.clear_btn{display:flex;position:absolute;top:52px;z-index:9999;right:10px;background:#fff}}.drawer-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;display:flex;justify-content:flex-end;z-index:9999}.drawer-panel{width:500px;max-width:95%;height:100%;background:#fff;overflow-y:auto;box-shadow:-5px 0 15px #00000026;animation:slideDrawer .25s ease;padding:0 20px 20px 21px}.remittance-offcanvas-header-track{position:sticky;top:0;z-index:999;background:#fff;padding:20px;border-bottom:1px solid #eee}@keyframes slideDrawer{0%{transform:translate(100%)}to{transform:translate(0)}}.drawer-close{border:none;background:none;font-size:22px;cursor:pointer;float:right}.tracking-header{position:sticky;top:72px;z-index:998;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eee;padding:15px 20px;margin-bottom:20px}.courier-info{display:flex;align-items:center;gap:12px}.courier-logo{width:50px;height:50px;border-radius:50%;background:#e6e6e6;object-fit:contain;font-weight:700;padding:2px}.courier-name{font-size:18px;font-weight:600}.tracking-id{text-align:right}.tracking-id span{font-size:13px;color:#777;display:block}.tracking-id b{color:var(--maincolor);font-size:16px}.timeline-wrapper{padding:0 20px 20px}.timeline-date{text-align:right;font-size:14px;padding-right:10px}.timeline-date b{font-size:13px}.timeline-icon{width:16px;height:16px;border-radius:50%;border:3px solid var(--bluee);background:#fff;position:relative;margin-left:13px}.timeline-item{display:grid;grid-template-columns:120px 40px 1fr;align-items:flex-start;margin-bottom:25px;position:relative}.timeline-item:after{content:"";position:absolute;left:140px;top:20px;bottom:-25px;border-left:2px dashed #ddd}.timeline-item:last-child:after{display:none}.timeline-item:last-child .timeline-icon:after{display:none}.timeline-content{background:#f4f4f4;padding:12px;border-radius:8px;font-size:14px}.blink-circle{border-color:var(--maincolor);animation:blinkPulse .8s infinite}.skeleton-line{height:10px;background:#e2e2e2;border-radius:4px;margin-bottom:6px;animation:skeleton-loading 1.2s infinite ease-in-out}.skeleton-line.short{width:70px}.skeleton-line.tiny{width:40px}.timeline-content .skeleton-line{width:200px}@keyframes skeleton-loading{0%{opacity:.4}50%{opacity:.9}to{opacity:.4}}@keyframes blinkPulse{0%{box-shadow:0 0 0 0 var(--bluee)}70%{box-shadow:0 0 0 10px #ff7a0000}to{box-shadow:0 0 #ff7a0000}}.ndr_page{padding:20px;background:#f5f7fb}.ndr_tabs{display:flex;gap:10px;margin:10px 0 0;border-bottom:.5px solid #ccc}.ndr_tab{padding:8px 0;cursor:pointer;font-weight:500}.ndr_tab.active{border-bottom:2px solid var(--bluee);color:var(--bluee)}.ndr_topbar{display:flex;justify-content:space-between;margin:0;background:#fff;padding:20px 10px;border-radius:8px;gap:10px}.filter-btn{margin:0}.search_box{padding:8px 12px;border-radius:6px;border:1px solid #ccc}.gg_bn{height:42px!important;border-radius:8px!important;margin:0!important;border:1px solid #e5e7eb;background:#f7f7f7;color:#111}.terms-card{margin-top:8px!important}.ndr_table{width:100%;border-collapse:separate;border-spacing:0 10px}.ndr_row{background:#fff;box-shadow:0 2px 6px #0000000f}.ndr-offcanvas-overlay{position:fixed;inset:0;background:#00000059;z-index:1050}.ndr-offcanvas{position:fixed;top:0;right:0;width:40%;max-width:100%;height:100%;background:#fff;z-index:1051;box-shadow:-5px 0 20px #00000026;animation:slideIn .25s ease;display:flex;flex-direction:column}@media(max-width:550px){.ndr-offcanvas{width:100%}}.ndr-offcanvas-header{padding:16px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center}.ndr-offcanvas-body{padding:16px;overflow:auto}.ndr-timeline-item{display:flex;gap:12px;margin-bottom:20px}.ndr-timeline-item .dot{width:10px;height:10px;background:#1e88e5;border-radius:50%;margin-top:6px}.ndr-timeline-item .remark{font-weight:600}.ndr-timeline-item .date{font-size:12px;color:#777}.clickable{color:#e53935;cursor:pointer;font-weight:600}.clickable{color:#e53935;cursor:pointer;font-weight:600;position:relative}.badge.green{background:#d1fae5;color:#059669;padding:3px 6px;border-radius:5px;margin-right:6px}.btn{padding:6px 10px;border-radius:6px;border:none;cursor:pointer}.ndr_pagination{display:flex;justify-content:flex-end;align-items:center;gap:10px;padding:15px}.ndr_pagination button{padding:6px 14px;border:none;background:#2563eb;color:#fff;border-radius:6px;cursor:pointer}.ndr_pagination button:disabled{background:#cbd5e1;cursor:not-allowed}.ndr-toast-title{font-size:14px!important;font-weight:500!important}.no-data-box{height:500px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#9aa0a6}.no-data-box img{width:120px;opacity:.7;margin-bottom:10px}.no-data-box p{font-size:16px;font-weight:500}.ndr-toast-icon{width:18px!important;height:18px!important}.rightt{display:flex}.search_btn_ndr{display:flex;gap:0px;border:1px solid #e5e7eb;border-radius:8px;height:42px;background-color:#f7f7f7}.search_btn_ndr input{border-top-right-radius:0;border-bottom-right-radius:0;height:40px!important;border-left:1px solid #e5e7eb;color:#111}.search_btn_ndr Select{border-top-left-radius:8px;height:40px!important;color:#111}.search_btn_ndr button{border-radius:0 8px 8px 0/0px 8px 8px 0px}.copy_tracking{position:absolute;top:11%;right:7%;cursor:pointer;color:var(--maincolor);font-size:15px}.copy_tracking_tr{cursor:pointer;color:var(--maincolor);font-size:15px}.flex_gap_center{gap:5px;display:flex;align-items:center}.table thead th{border-bottom:0!important}.btn.blue{background:#2563eb;color:#fff}.btn.red{background:#ef4444;color:#fff}.btn.light{background:#e5e7eb}.btn.danger{background:#fecaca;color:#b91c1c}.actions{display:flex;gap:6px;flex-direction:column}.attempts{color:red;font-size:12px}.qty{background:#fde68a;display:inline-block;padding:2px 6px;border-radius:4px;margin-top:4px}.disply_flex{display:flex;gap:10px}.courier_data{width:100%;min-height:70vh;background:#fff;margin-top:15px;border-radius:8px}@media(max-width:550px){.ndr_tabs{overflow:auto}.ndr_topbar,.flx_clm,.rightt{flex-direction:column}.date-filter-wrapper{width:100%!important;flex-direction:column}.calendar-box{flex-direction:column}.hide_mob{display:none}.clear_btn{display:flex;position:absolute;top:52px;z-index:9999;right:10px;background:#fff}.sfer{margin-left:18px}.disply_flex{flex-direction:column}.disply_flex .gg_bn{width:100%}}.notification-page{padding:30px;background:#f4f6f9;min-height:100vh}.page-title{font-size:20px;margin-bottom:20px;font-weight:600}.card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.notify-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000000d}.card-title{font-weight:600;margin-bottom:15px;display:flex;align-items:center;gap:8px}.icon{font-size:18px;color:#2b6edc}.single-row,.table-row{display:grid;align-items:center;margin-bottom:12px}.single-row{grid-template-columns:1fr auto}.table-head{display:grid;grid-template-columns:1fr 40px 40px;font-size:12px;margin-bottom:10px;color:#555}.table-row{grid-template-columns:1fr 40px 40px}.table-row.four,.table-head.four{grid-template-columns:1fr 40px 40px 40px}.table-row span{font-size:13px}.wa-container{display:flex;height:80vh;background:#f0f2f5;font-family:sans-serif}.wa-sidebar{width:320px;background:#fff;border-right:1px solid #ddd;display:flex;flex-direction:column}.wa-search{padding:12px;border-bottom:1px solid #eee}.wa-search input{width:100%;padding:8px 10px;border-radius:8px;border:1px solid #ccc}.wa-chat-list{flex:1;overflow-y:auto}.wa-chat-item{display:flex;align-items:center;padding:10px;cursor:pointer;border-bottom:1px solid #f3f3f3}.wa-chat-item:hover{background:#f5f5f5}.avatarr{width:30px;height:30px;border-radius:50%;background:var(--maincolor);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;margin-right:10px}.chat-info{flex:1}.chat-info h5{margin:0;font-size:14px}.chat-info p{margin:0;font-size:12px;color:gray}.chat-time{font-size:11px;color:gray}.wa-chat{flex:1;display:flex;flex-direction:column;background:#efeae2}.wa-header{padding:15px;background:#fff;color:#434343;display:flex;align-items:center}.wa-header h4{margin:0}.back-btn{display:none;margin-right:10px;background:none;border:none;padding:5px;color:#000;font-size:18px}.wa-messages{flex:1;padding:20px;overflow-y:auto;display:flex;flex-direction:column}.wa-bubble{max-width:60%;padding:10px 12px;border-radius:8px;margin-bottom:10px;position:relative;font-size:14px}.wa-bubble.sent{align-self:flex-end;background:#dcf8c6}.wa-bubble.received{align-self:flex-start;background:#fff}.wa-bubble span{display:block;font-size:14px;color:gray;margin-top:5px;text-align:left}.wa-input{padding:10px;background:#fff;display:flex}.wa-input input{flex:1;padding:8px 10px;border-radius:8px;border:1px solid #ccc}.wa-input button{margin-left:10px;padding:8px 15px;border-radius:8px;border:none;background:#075e54;color:#fff;cursor:pointer}.wa-chat-item.active{background:#dfefff;border-left:4px solid var(--bluee)}.chat-right{display:flex;flex-direction:column;align-items:flex-end;gap:5px}.chat-right span{font-size:10px}.unread-badge{background:var(--bluee);color:#fff;font-size:11px;min-width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:0 6px;font-weight:600}.wa-tabs{display:flex;gap:10px;padding:10px}.wa-tabs button{padding:6px 14px;border-radius:20px;border:1px solid #ddd;background:#fff;cursor:pointer;font-size:13px}.wa-tabs .active-tab{background:var(--bluee);color:#fff;border:none}.wa-header h6{margin-bottom:0;padding-top:8px;padding-bottom:5px}.msg-meta{display:flex;align-items:center;justify-content:flex-end;gap:5px;font-size:11px;margin-top:5px}.tick{font-size:12px}.tick.sent,.tick.delivered{color:gray}.tick.read{color:#34b7f1;font-weight:700}.wa-disabled-bar{width:100%;background:#e9edf3;color:#555;font-size:13px;padding:8px 15px;text-align:center}.wa-input input:disabled{background:#f3f3f3;cursor:not-allowed}.wa-input button:disabled{background:#c4c4c4;cursor:not-allowed}.wa-loader{height:100%;display:flex;align-items:center;justify-content:center}.wa-spinner{width:40px;height:40px;border:4px solid #e5e5e5;border-top:4px solid #25d366;border-radius:50%;animation:wa-spin .8s linear infinite}.wa-btn-loader{width:16px;height:16px;border:2px solid white;border-top:2px solid transparent;border-radius:50%;display:inline-block;animation:spin .6s linear infinite}@keyframes wa-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:768px){.wa-sidebar{position:absolute;width:100%;height:100%;top:7%;left:0;z-index:5}.wa-header h6{padding-top:0}.wa-chat{position:absolute;width:100%;height:93%;top:5%;left:0;z-index:4}.hide-mobile{display:none}.back-btn{padding-top:3px}.show-mobile{display:flex}.back-btn{display:inline-block}.avatarr{margin-top:-4px}}.template .header{font-size:15px;font-weight:600;display:block;margin-bottom:6px}.template .body{font-size:14px;line-height:1.5;color:#303030;display:block;white-space:pre-line}.template .foot_class{font-size:12px!important;color:#667781!important;margin-top:10px}.template-btn-container{margin-top:12px;border-top:1px solid #cfe9c8}.template-btn{padding:10px 8px;cursor:pointer;transition:background .2s ease;border-bottom:1px solid #cfe9c8}.template-btn:last-child{border-bottom:none}.template-btn span{color:#00a884;font-weight:500;font-size:14px;text-align:center}.template-btn:hover{background:#c8f5c2}.template-btn.p-d-flex{display:flex}.template-btn.p-jc-center{justify-content:center}.template-btn.p-ai-center{align-items:center}.customers-page{padding:20px;background:#f7f8fa;min-height:100vh}.customers-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.customers-header h4{font-weight:600}.customers-search{position:relative;width:260px;margin-bottom:15px}.customers-search input{width:100%;padding:8px 35px 8px 10px;border:1px solid #ddd;border-radius:4px}.search-icon{position:absolute;right:10px;top:7px}.table-card{background:#fff}.table th{font-weight:600;font-size:14px}.table td{vertical-align:top;font-size:14px}.link-text{color:#2563eb;cursor:pointer}.address{max-width:400px;line-height:1.4}.eye{margin-left:5px;cursor:pointer}.action-links span{display:block;color:#2563eb;cursor:pointer;margin-bottom:5px}.pagination-bar{display:flex;justify-content:center;align-items:center;gap:15px;padding:15px 0}.pagination-bar button{padding:6px 14px;border:1px solid #ddd;background:#fff;border-radius:20px;cursor:pointer}.pagination-bar button:disabled{opacity:.5;cursor:not-allowed}.mobile-cell{display:flex;align-items:center}.mobile-text{margin-right:10px;color:#2563eb;cursor:pointer}.eye-icon{cursor:pointer;font-size:14px;color:#333}.customers-search{position:relative;width:280px}.customers-search input{width:100%;padding:10px 44px 10px 12px;border-radius:8px;border:1px solid #d1d5db;font-size:14px}.customers-search-bar{display:flex;align-items:center;width:520px;height:48px;background:#fff;border-radius:999px;box-shadow:0 8px 20px #00000014;overflow:hidden}.customers-search-bar select{height:100%;width:130px;border:none!important;outline:none!important;box-shadow:none!important;background:#f8fafc;padding:0 16px;font-size:14px;font-weight:600;color:#111827;appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer}.customers-search-bar select{border-right:1px solid #e5e7eb!important}.customers-search-bar input{flex:1;height:100%;border:none!important;outline:none!important;box-shadow:none!important;background:transparent;padding:0 16px;font-size:14px;color:#111827}.customers-search-bar button{height:36px;width:36px;margin-right:8px;background:#3b82f6;border:none;border-radius:50%;color:#fff;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease,transform .15s ease}.customers-search-bar button:hover{background:#2563eb;transform:scale(1.05)}.customers-search-bar:focus-within{box-shadow:0 0 0 3px #3b82f640}@media(max-width:576px){.customers-search-bar{width:100%}}.no-data-container{height:70vh;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#555;text-align:center}.no-data-img{width:260px;margin-bottom:20px;opacity:.9}.table-card-modern{border-radius:14px;padding:0;overflow:hidden;box-shadow:0 10px 25px #00000014}.table-modern{border-collapse:separate;border-spacing:0 10px;background:transparent}.table-modern thead th{background:#f8fafc;font-weight:700;padding:14px;border:none}.table-modern tbody tr.data-row{background:#fff;transition:box-shadow .2s ease}.table-modern tbody tr.data-row:hover{box-shadow:0 8px 20px #00000014}.table-modern td{padding:14px;border-top:1px solid #eef2f7;border-bottom:1px solid #eef2f7}.table-modern tr td:first-child{border-left:1px solid #eef2f7;border-radius:12px 0 0 12px}.table-modern tr td:last-child{border-right:1px solid #eef2f7;border-radius:0 12px 12px 0}.skeleton-row td{padding:18px}.skeleton-line{height:12px;border-radius:6px;background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6 37%,#e5e7eb 63%);background-size:400% 100%;animation:skeleton 1.4s ease infinite;margin-bottom:10px}.skeleton-line.w-30{width:30%}.user-row{transition:box-shadow .2s ease,transform .2s ease}.user-row:hover{transform:translateY(-1px);box-shadow:0 8px 18px #00000014}.user-cell{display:flex;align-items:center;gap:12px}.avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#0a66c2,#0a66c2);color:#fff;font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center;text-transform:uppercase;flex-shrink:0}.user-info{display:flex;flex-direction:column}.user-name{font-weight:600;color:#111827}.user-sub{font-size:12px;color:#6b7280}.skeleton-user{display:flex;align-items:center;gap:14px}.skeleton-avatar{width:40px;height:40px;border-radius:50%;background:#e5e7eb}.skeleton-text{flex:1}.skeleton-line{height:12px;border-radius:6px;background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6 37%,#e5e7eb 63%);background-size:400% 100%;animation:skeleton 1.4s ease infinite;margin-bottom:8px}.skeleton-line.w-40{width:40%}.skeleton-line.w-60{width:60%}@keyframes skeleton{0%{background-position:100% 0}to{background-position:-100% 0}}.customer-details-page{padding:24px;background:#f8fafc}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px}.stat-card.modern{display:flex;align-items:center;gap:14px;background:linear-gradient(135deg,#eef2ff,#fff);border-radius:16px;padding:18px;box-shadow:0 8px 20px #0000000f}.stat-icon{width:48px;height:48px;border-radius:12px;background:#d8ebff;color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px}.stat-card p{font-size:12px;color:#6b7280;margin:0}.stat-card h3{font-size:24px;color:#111827;margin-top:4px}.details-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.info-card.modern{display:block;background:#fff;border-radius:16px;padding:18px;border-left:4px solid #0a66c2;box-shadow:0 6px 16px #0000000d}.card-header{display:flex;justify-content:space-between;align-items:center}.card-header h4{font-size:15px;font-weight:600;color:#111827}.edit-icon{cursor:pointer;color:#0a66c2}.divider{height:1px;background:#e5e7eb;margin:12px 0}.card-body{display:flex;flex-direction:column;gap:10px}.detail-row{display:flex;font-size:14px;gap:10px}.detail-row span{color:#6b7280}.detail-row strong{color:#111827;font-weight:500}.skeleton{position:relative;overflow:hidden}.skeleton:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);animation:shimmer 1.5s infinite}.skeleton-box{background:#e5e7eb}.skeleton-lines{flex:1}.skeleton-line{height:14px;background:#e5e7eb;border-radius:6px;margin-bottom:10px}.skeleton-line.small{width:60%}.skeleton-line.header{width:50%;height:16px}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media(max-width:1200px){.details-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.stats-row{grid-template-columns:repeat(2,1fr)}.details-grid{grid-template-columns:1fr}}.right_col.add-customer-page{padding:20px 24px;background:#f2f2f2;min-height:calc(100vh - 60px)}.add-customer-page h2{font-size:18px;font-weight:600;margin-bottom:14px;color:#2c2c2c}.form-card{background:#fff;padding:20px;border-radius:6px;margin-bottom:18px;border:1px solid #e0e0e0}.form-grid{display:grid;gap:18px 20px}.form-grid.four{grid-template-columns:repeat(5,1fr)}.form-grid.three{grid-template-columns:repeat(3,1fr)}.form-field{display:flex;flex-direction:column}label{font-size:13px;font-weight:600;color:#444;margin-bottom:6px}input,select{height:36px;padding:6px 10px;font-size:13px;border-radius:4px;border:1px solid #cfd4da;background:#fff}input::placeholder{color:#9aa0a6}input:focus,select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 1px #2563eb33}.input-error{border-color:#e11d48!important}.error-text{font-size:12px;color:#e11d48;margin-top:4px}.save-btn{margin-top:6px;padding:8px 18px;font-size:14px;font-weight:500;border-radius:4px}@media(max-width:1200px){.form-grid.four,.form-grid.three{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.form-grid.four,.form-grid.three{grid-template-columns:1fr}}.dashboard-page{padding:20px;background:#f2f2f2}.dashboard-row{display:grid;grid-template-columns:1fr 2.5fr;gap:20px;margin-top:20px;margin-bottom:20px;align-items:stretch}.info-card{display:flex;align-items:center;gap:16px;padding:20px;border-radius:14px;box-shadow:0 4px 10px #00000014}.info-card.purple{background:#c1e0ff}.info-card.green{background:#d1f2d7}.info-icon{width:56px;height:56px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;font-size:26px}.info-title{font-size:14px;color:#444}.info-card h2{margin:4px 0;font-size:28px}.sub-text{font-size:12px;color:#555}.stats-card{background:#fff;border-radius:14px;padding:16px 18px;box-shadow:0 4px 10px #00000014}.stats-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.stats-header h4{font-size:15px;font-weight:600;color:#111827}.stats-range{font-size:12px;color:#6b7280}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:14px}.stats-box{text-align:center}.stats-value{width:64px;height:64px;margin:auto auto 6px;border-radius:12px;background:#fafafa;border:1px solid #d6d6d6;display:flex;align-items:center;justify-content:center;font-weight:600}.cod-stats-value{width:85px;height:64px;margin:auto auto 6px;border-radius:12px;background:#fafafa;border:1px solid #d6d6d6;display:flex;align-items:center;justify-content:center;font-weight:600}.recent-dashboard-layout{display:flex;justify-content:center;align-items:center}.btn-recent-order{width:142px;font-size:16px;padding:8px 15px;text-align:center;background:var(--bluee);color:#fff;border:none;border-radius:8px}.stats-box p{font-size:12px;color:#444}@media(max-width:1200px){.dashboard-row{grid-template-columns:1fr}}.spinner{border:4px solid #e6e6e6;border-top:4px solid #0a66c2;border-radius:50%;animation:spin 1s linear infinite}.chart-card{background:#fff;border-radius:16px;padding:18px;box-shadow:0 4px 12px #00000014;height:100%}.chart-header h4{font-size:16px;font-weight:600}.chart-subtitle{font-size:12px;color:#555}.chart-content{display:flex;align-items:center;gap:16px;height:260px}.chart-canvas{width:45%;display:flex;justify-content:center;align-items:center}.chart-legend{width:55%;display:flex;flex-direction:column;gap:10px;overflow-y:auto;max-height:240px}.legend-item{display:flex;align-items:center;gap:8px;font-size:13px;line-height:1.3}.legend-dot{width:10px;height:10px;border-radius:3px;flex-shrink:0}.legend-text{word-break:break-word}.chart-loading{height:260px;display:flex;align-items:center;justify-content:center}@media(max-width:900px){.chart-content{flex-direction:column;height:auto}.chart-canvas,.chart-legend{width:100%}.chart-legend{max-height:none}}.zone-card{background:#fff;border-radius:16px;padding:18px;box-shadow:0 4px 12px #00000014}.zone-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.zone-header h4{font-size:15px;font-weight:600;display:flex;align-items:center;gap:6px}.zone-range{font-size:12px;color:#555}.zone-list{margin-top:10px}.zone-row{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid #e5e5e5}.zone-row:last-child{border-bottom:none}.zone-left{display:flex;align-items:center;gap:12px;font-size:14px}.zone-right{font-size:14px;font-weight:600}.zone-dot{width:14px;height:14px;border-radius:50%;border:4px solid transparent}.zone-dot.gray{border-color:#bdbdbd}.zone-dot.green{border-color:#4caf50}.zone-dot.red{border-color:#ff5252}.zone-dot.black{border-color:#000}.zone-dot.yellow{border-color:#fbc02d}.revenue-card{background:#fff;border-radius:16px;padding:18px;box-shadow:0 4px 12px #00000014}.revenue-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.revenue-header h4{font-size:15px;font-weight:600;display:flex;align-items:center;gap:6px}.info-icon{width:16px;height:16px;border-radius:50%;background:#bdbdbd;color:#fff;font-size:11px;display:flex;align-items:center;justify-content:center}.revenue-range{font-size:12px;color:#555}.revenue-list{margin-top:6px}.revenue-row{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid #e5e5e5}.revenue-row:last-child{border-bottom:none}.revenue-label{font-size:14px;color:#222}.revenue-value{font-size:14px;font-weight:600}.invoice-card{height:100%;background:#fff;border-radius:16px;padding:18px;box-shadow:0 8px 24px #00000014;display:flex;flex-direction:column}.invoice-title{font-size:16px;font-weight:600;color:#111827;margin-bottom:14px}.invoice-table-wrapper{flex:1;overflow-y:auto;border-radius:12px}.invoice-table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px}.invoice-table thead th{background:linear-gradient(90deg,#eef2ff,#e0e7ff);color:#1e40af;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:12px 10px;text-align:center;border-bottom:1px solid #dbeafe}.invoice-table thead th:first-child{border-top-left-radius:10px}.invoice-table thead th:last-child{border-top-right-radius:10px}.invoice-table tbody tr{transition:background .2s ease}.invoice-table tbody tr:hover{background:#eef2ff}.invoice-table td{padding:12px 10px;text-align:center;border-bottom:1px solid #f1f5f9;font-size:13px}.invoice-date{color:#1d4ed8;font-weight:500}.invoice-amount{color:#047857;font-weight:600}.invoice-empty,.invoice-loading{height:100%;display:flex;align-items:center;justify-content:center;font-size:14px;color:#6b7280}.invoice-table-wrapper::-webkit-scrollbar{width:6px}.invoice-table-wrapper::-webkit-scrollbar-thumb{background:#c7d2fe;border-radius:6px}.invoice-table-wrapper::-webkit-scrollbar-track{background:transparent}.rate-page{padding:24px;background:#f6f7fb}.page-header h2{font-size:20px;font-weight:600}.page-header p{font-size:13px;color:#666;margin-top:4px}.rate-layout{display:grid;grid-template-columns:2.5fr 1fr;gap:24px;margin-top:20px}.rate-form{background:#fff;border-radius:14px;padding:24px}.section{margin-bottom:22px}.section h3{font-size:14px;font-weight:600;margin-bottom:12px}.grid.two{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}label{font-size:13px;font-weight:500;margin-bottom:6px;display:block}input{width:100%;height:38px;padding:8px 10px;border-radius:8px;border:1px solid #dcdcdc}input:focus{outline:none;border-color:#0a66c2}.unit-input{display:flex;width:100%}.unit-input.prefix span{height:38px;min-width:44px;background:#f0f1ff;border:1px solid #dcdcdc;border-right:none;border-radius:8px 0 0 8px;display:flex;align-items:center;justify-content:center;font-weight:600}.unit-input.prefix input{flex:1;height:38px;border:1px solid #dcdcdc;border-left:none;border-radius:0 8px 8px 0;padding:8px 10px}.unit-input.suffix input{flex:1;height:38px;border:1px solid #dcdcdc;border-right:none;border-radius:8px 0 0 8px;padding:8px 10px}.unit-input.suffix span{height:38px;min-width:48px;background:#f0f1ff;border:1px solid #dcdcdc;border-left:none;border-radius:0 8px 8px 0;display:flex;align-items:center;justify-content:center;font-weight:600;color:#555}.dimension-row{display:flex;gap:8px;align-items:center}.dimension-row input{height:38px;width:70px;border-radius:8px;border:1px solid #dcdcdc;padding:6px;text-align:center}.unit-chip{height:38px;padding:0 14px;background:#f0f1ff;border:1px solid #dcdcdc;border-radius:8px;font-size:13px;font-weight:600;display:flex;align-items:center;justify-content:center}.unit-input input:focus{outline:none;border-color:#6d5dfc}.unit-input.prefix input:focus+span,.unit-input.suffix input:focus+span,.unit-input.prefix span:has(+input:focus){border-color:#6d5dfc}.radio-group{display:flex;gap:20px}.radio{display:flex;align-items:center;gap:6px;font-size:13px}.radio input{display:none}.radio span{width:16px;height:16px;border-radius:50%;border:2px solid #0a66c2}.radio input:checked+span{background:#0a66c2}.actions{display:flex;gap:12px}.btn-primary{background:#0a66c2;color:#fff;padding:10px 22px;border-radius:8px;border:none}.btn-secondary{background:transparent;border:1px solid #0a66c2;color:#0a66c2;padding:10px 22px;border-radius:8px}.rate-visual{background:#fff;border-radius:14px;padding:24px;text-align:center}.location-card{border:1px dashed #c1e0ff;border-radius:12px;padding:16px}.location-card h4{font-size:14px;font-weight:600}.location-card p{font-size:13px;color:#555}.divider-line{height:40px;border-left:2px dashed #c1e0ff;margin:14px auto}.terms-card{background:#fff;border-radius:14px;padding:20px;margin-top:24px}.terms-card ul{font-size:13px;color:#444;padding-left:18px}@media(max-width:1000px){.rate-layout{grid-template-columns:1fr}}.offcanvas-backdrop_helpdesk{position:fixed;inset:0;background:#0006;z-index:99999;display:flex;justify-content:flex-end}.offcanvas-panel_helpdesk{width:600px;max-width:100%;height:100%;background:#fff;overflow-y:auto;box-shadow:-4px 0 15px #0003;animation:slideIn .3s ease forwards}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.offcanvas-header_helpdesk{display:flex;justify-content:space-between;padding:15px;border-bottom:1px solid #eee}.chat-container_helpdesk{height:90vh;display:flex;flex-direction:column;overflow:hidden;background:#f4f6f9;border-radius:10px}.chat-top{padding:15px;background:#fff;border-bottom:1px solid #e5e5e5}.chat-messages_helpdesk{flex:1;padding:15px;overflow-y:auto}.chat-messages_helpdesk .chat-row{display:flex;margin-bottom:12px}.chat-messages_helpdesk .chat-row.right{justify-content:flex-end}.chat-messages_helpdesk .chat-row.left{justify-content:flex-start}.chat-messages_helpdesk .chat-bubble{max-width:65%;padding:10px 14px;border-radius:16px;background:#fff;box-shadow:0 2px 5px #0000000d}.chat-messages_helpdesk .chat-row.right .chat-bubble{background:#d1e7dd;width:65%}.chat-messages_helpdesk .chat-meta{display:flex;justify-content:space-between;font-size:12px;margin-bottom:5px;color:#555}.chat-messages_helpdesk .chat-text{font-size:14px}.chat-input-area_helpdesk{padding:12px;background:#fff;border-top:1px solid #e5e5e5}.chat-input-area_helpdesk textarea{width:100%;height:60px;resize:none;padding:8px;border-radius:8px;border:1px solid #ccc}.chat-actions{display:flex;justify-content:end;align-items:center;margin-top:8px;gap:5px}.chat-actions button{background:var(--maincolor);color:#fff;border:none;padding:6px 18px;border-radius:8px;margin-top:5px;height:45px;width:50%}.attachment-wrapper{position:absolute;right:7px;top:10%}.attach-btn{background:#f1f3f6;width:40px;height:40px;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:.2s;font-size:16px}.attach-btn:hover{background:#e0e4ea}.file-preview{background:#eef3ff;padding:6px 10px;border-radius:15px;display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:13px;margin-bottom:10px}.remove-file{border:none;background:transparent;color:red;font-size:16px;cursor:pointer}.chat-attachment{margin-top:8px}.chat-image{max-width:200px;border-radius:8px;cursor:pointer}.chat-file{color:#007bff;text-decoration:none;font-size:14px}.chat-file:hover{text-decoration:underline}.my-toast{padding:8px 12px!important;font-size:13px!important}.my-toast-title{font-size:13px!important;font-weight:500!important}.ticket-modal-overlay{position:fixed;inset:0;background:#00000073;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;justify-content:center;align-items:center;z-index:9999}.ticket-modal{width:480px;max-width:95%;background:#fff;border-radius:12px;box-shadow:0 20px 40px #00000026;display:flex;flex-direction:column;animation:fadeIn .2s ease-in-out}.ticket-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #f0f0f0}.ticket-modal-header h4{margin:0;font-weight:600;font-size:18px}.ticket-close-btn{border:none;background:#f5f5f5;width:32px;height:32px;border-radius:6px;cursor:pointer;font-size:11px}.ticket-close-btn:hover{background:#e9e9e9}.ticket-modal-body{padding:20px 24px;display:flex;flex-direction:column;gap:16px;height:65vh;overflow:auto}.ticket-field label{font-size:13px;font-weight:500;margin-bottom:6px;display:block}.ticket-field input,.ticket-field textarea{width:100%;border:1px solid #e4e6eb;border-radius:8px;padding:10px 12px;font-size:14px;outline:none;transition:.2s}.ticket-field input:focus,.ticket-field textarea:focus{border-color:var(--maincolor);box-shadow:0 0 0 2px #007bff1a}.ticket-upload-box{border:1px dashed #cfd4da;border-radius:8px;padding:16px;text-align:center;cursor:pointer;position:relative}.ticket-upload-box input{position:absolute;inset:0;opacity:0;cursor:pointer}.ticket-upload-box span{font-size:13px;color:#666}.ticket-preview{position:relative;margin-top:8px}.ticket-preview img{width:100%;max-height:180px;object-fit:contain;border-radius:8px;border:1px solid #eee}.ticket-preview button{position:absolute;top:8px;right:8px;background:#0009;color:#fff;border:none;width:26px;height:33px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center}.ticket-modal-footer{padding:16px 24px;border-top:1px solid #f0f0f0;text-align:right}.ticket-submit-btn{background:var(--maincolor);color:#fff;border:none;padding:10px 18px;border-radius:8px;font-size:14px;cursor:pointer}.ticket-submit-btn:disabled{opacity:.6;cursor:not-allowed}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.orders-page{min-width:0;max-width:100%;overflow-x:hidden}.orders-tabs{display:flex;gap:24px;border-bottom:1px solid #e5e7eb;margin-bottom:16px}.orders-tabs button{background:none;border:none;padding:10px 0;font-size:14px;margin-bottom:0;color:#6b7280;cursor:pointer}.orders-tabs button.active{color:#0a66c2;border-bottom:4px solid #0a66c2;font-weight:600}.orders-table{border-radius:14px;margin-top:15px!important}.orders-header-row,.order-row{display:grid;grid-template-columns:40px 160px minmax(190px,2fr) minmax(240px,1.6fr) 170px 120px 190px 160px 50px;gap:14px;align-items:flex-start}.orders-header-row{padding:14px;background:#daecff;border-radius:12px;font-size:13px;font-weight:600;color:#374151}.order-row{margin-top:14px;padding:18px 14px;background:#fff;border:1px solid #e5e7eb;border-radius:14px;transition:box-shadow .2s ease,border-color .2s ease}.order-row:hover{border-color:#c7d2fe;box-shadow:0 6px 16px #00000014}.orders-header-row input,.order-row input{width:18px;height:18px;cursor:pointer}@media(max-width:768px){.form-grid{grid-template-columns:repeat(1,1fr)!important}.orders-header-row,.order-row{grid-template-columns:1fr;gap:10px;display:flex;flex-wrap:wrap}.width_5p{width:5%}.width_30p{width:30%}.order-row>div{margin-bottom:8px}.order-row .top-section{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.d_none{display:none}.order-row .order-id{font-weight:700;font-size:15px}.tracking-wrapper{width:44%}.order-row .middle-section{font-size:13px;width:50%}.order-row .middle-section b{font-size:14px}.order-row .product-row{display:flex;gap:10px;align-items:center;width:46%}.orders-tabs{display:flex;justify-content:space-between;gap:6px}.orders-tabs button,.orders-tabs .ndr_tab{flex:1;white-space:nowrap;font-size:11px;padding:6px 4px;text-align:center}.order-row .product-img{width:55px;height:55px;border-radius:8px;object-fit:cover}.order-row .product-text{flex:1}.order-row .qty{background:#ffeaa7;padding:4px 8px;border-radius:6px;font-size:12px;font-weight:600;display:inline-block;margin-top:4px}.order-row .product-price{font-size:16px;font-weight:700}.order-row .payment{padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;display:inline-block;margin-top:4px}.order-row .payment.cod{background:#ffe0e0;color:#d32f2f}.order-row .payment.prepaid{background:#d4edda;color:#2e7d32}.order-row .action-col{display:flex;gap:10px;margin-top:12px;width:100%;justify-content:end;align-items:center}.order-row .ship-btn{flex:1}}.order-id{font-size:14px;font-weight:600;color:#0a66c2;cursor:pointer}.muted{font-size:12px;color:#6b7280;margin-top:3px}.link{font-size:12px;color:#0a66c2;cursor:pointer}.cod-badge{display:inline-block;margin-top:6px;padding:2px 8px;font-size:11px;border-radius:6px;background:#fee2e2;color:#dc2626}.status-badge{padding:5px 12px;border-radius:999px;font-size:12px;font-weight:600;text-align:center;white-space:nowrap}.status-badge.new{background:#dcfce7;color:#16a34a}.status-badge.approved{background:#e0e7ff;color:#4338ca}.status-badge.delivered{background:#ecfeff;color:#0891b2}.action-col{display:flex;align-items:flex-end;justify-content:flex-end;gap:10px}.ship-btn{width:100px;padding:8px 16px;font-size:13px;font-weight:600;color:#fff;border:none;border-radius:12px;cursor:pointer;background:linear-gradient(135deg,#0a66c2,#2563eb);box-shadow:0 6px 14px #2563eb59;transition:all .25s ease}.ship-btn-bulk{width:180px;padding:8px 16px;font-size:13px;font-weight:600;color:#fff;border:none;border-radius:8px;cursor:pointer;background:var(--bluee);box-shadow:0 6px 14px #2563eb59;transition:all .25s ease}.ship-btn{width:110px;padding:8px 16px;font-size:13px;font-weight:600;color:#fff;border:none;border-radius:8px;cursor:pointer;background:linear-gradient(135deg,#0a66c2,#2563eb);box-shadow:0 6px 14px #2563eb59;transition:all .25s ease}.ship-btn:hover{background:linear-gradient(135deg,#2563eb,#0a66c2);box-shadow:0 8px 18px #2563eb73;transform:translateY(-1px)}.ship-btn:active{transform:translateY(0);box-shadow:0 4px 10px #2563eb4d}.ship-btn:disabled,.ship-btn.disabled{background:linear-gradient(135deg,#9ca3af,#6b7280);box-shadow:none;cursor:not-allowed}.more-btn{width:36px;height:36px;border-radius:50px;border:none;background:#eef2ff;cursor:pointer;font-size:18px}.orders-empty-wrapper{width:100%;min-height:360px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:12px;margin-top:16px}.orders-empty{text-align:center;color:#6b7280}.orders-empty img{width:160px;margin-bottom:12px;opacity:.9}.orders-empty h4{font-size:18px;font-weight:600;margin-bottom:4px}.orders-empty p{font-size:13px;color:#9ca3af}.pagination-wrapper{display:flex;align-items:center;justify-content:space-between;margin:20px 0;padding:12px 16px;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000f}.page-btn{padding:8px 16px;border-radius:10px;border:1px solid #e5e7eb;background:#f9fafb;font-size:13px;font-weight:500;cursor:pointer;color:#374151;transition:all .2s ease}.page-btn:hover:not(:disabled){background:#eef2ff;border-color:#0a66c2;color:#4338ca}.page-btn.primary{background:#0a66c2;color:#fff;border:none}.page-btn.primary:hover:not(:disabled){background:#5b4df0}.page-btn:disabled{opacity:.45;cursor:not-allowed}.page-info{font-size:13px;color:#6b7280}.skeleton{background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 37%,#f3f4f6 63%);background-size:400% 100%;animation:shimmer 1.4s ease infinite;border-radius:6px}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.skeleton-header{height:16px;width:80%}.skeleton-cell{height:14px;width:100%}.skeleton-checkbox{width:18px;height:18px;border-radius:4px}.skeleton-btn{height:36px;width:90px;border-radius:10px}.payment-badge{display:inline-block;margin-top:6px;padding:3px 10px;font-size:11px;font-weight:600;border-radius:999px;white-space:nowrap}.payment-badge.cod{background:#fee2e2;color:#dc2626}.payment-badge.prepaid{background:#dcfce7;color:#16a34a}.more-btn{width:36px;height:36px;border-radius:50px;border:none;background:#eef2ff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;line-height:1;color:#4f46e5;transition:all .2s ease}.more-btn:hover{background:#e0e7ff}.more-btn:active{transform:scale(.95)}.track-stack{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.track-logo{width:100px;height:auto;object-fit:contain;margin-bottom:15px}.track-actions{display:flex;align-items:center;gap:10px}.pickup-toggle{display:inline-flex;align-items:center;background:#f5f3ff;border:1px solid #e0e7ff;border-radius:12px;margin-bottom:10px;padding:3px;height:40px;box-sizing:border-box}.pickup-toggle button{appearance:none;border:none;outline:none;background:transparent;height:100%;padding:0 10px;border-radius:9px;font-size:13px;font-weight:500;line-height:1;color:#4b5563;cursor:pointer;transition:background .2s ease,color .2s ease,box-shadow .2s ease}.pickup-toggle button.active{background:#fff;color:#6d28d9;box-shadow:0 1px 2px #00000014,0 0 0 1px #e0e7ff inset}.pickup-toggle button:hover:not(.active){background:#fff9}.product-cell{display:flex;flex-direction:column;gap:10px}.product-row{display:flex;gap:12px;align-items:center}.product-img{width:80px;height:80px;border-radius:10px;background:#f3f4f6;object-fit:cover;flex-shrink:0}.product-text{flex:1}.product-name{font-size:14px;font-weight:600;color:#111}.product-row.no-image .product-text{flex:1;width:100%}.product-row.no-image{gap:0}.sku,.qty{font-size:12px;color:#6b7280;margin-top:10px}.suborder{font-size:12px;color:#658ad3;margin-top:10px;cursor:pointer;border-bottom:2px dotted}.product-footer{display:flex;align-items:center;gap:14px}.price{font-size:15px;font-weight:700;color:#111}.payment{font-size:11px;font-weight:600;padding:3px 10px;border-radius:999px}.payment.prepaid{background:#dcfce7;color:#15803d}.payment.cod{background:#fee2e2;color:#b91c1c}.product-footer{display:flex!important;align-items:center!important;gap:12px!important;margin-left:15px;flex-wrap:nowrap!important}.product-price{font-size:14px!important;font-weight:700!important;line-height:1!important;color:#111827!important;margin-top:20px;margin-left:20px;white-space:nowrap!important}.payment{display:inline-flex!important;align-items:center!important;padding:3px 10px!important;border-radius:4px!important;font-size:11px!important;font-weight:600!important;line-height:1!important;white-space:nowrap!important;margin-top:10px}.payment.prepaid{background:#dcfce7!important;color:#15803d!important}.payment.cod{background:#fee2e2!important;color:#b91c1c!important}.pickup-address{max-width:100%;min-width:0;margin-right:20px}.pickup-address .link{display:inline-block;max-width:100%;white-space:normal;word-break:break-word;overflow-wrap:anywhere;line-height:1.4}.tracking-wrapper{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.tracking-text{font-size:13px;font-weight:600;color:#111827;margin-right:25px}.copy-btn{border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:15px;padding:2px;line-height:1}.copied-float{position:absolute;top:-18px;right:0;font-size:11px;font-weight:600;color:#16a34a;animation:fadeOut 1.2s ease forwards}.blink{animation:blinkBg .4s ease 2}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-4px)}}@keyframes blinkBg{0%{background:transparent}50%{background:#dcfce7}to{background:transparent}}.courier-page{position:fixed;inset:0;background:#fff;z-index:999999;overflow-y:auto}.courier-header{display:flex;justify-content:space-between;padding:16px;border-bottom:1px solid #ddd}.courier-body{padding:16px}.ship-btn{padding:6px 12px;background:#0a66c2;color:#fff;border:none;cursor:pointer}.modal-overlay{position:fixed;inset:0;background-color:#0006;display:flex;justify-content:center;align-items:center;z-index:9999}.modal-container{background-color:#fff;width:95%;height:95%;border-radius:8px;overflow-y:auto;position:relative;box-shadow:0 10px 25px #0000004d;padding:1rem 2rem 2rem;display:flex;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#1f2937}.modal-close-btn{position:absolute;top:1rem;right:1rem;font-size:1rem;border:none;background:transparent;cursor:pointer;color:#000;transition:color .2s ease}.modal-close-btn:hover{color:#4c1d95}.modal-header{margin-bottom:1rem}.modal-header h2{font-size:1.75rem;font-weight:700;margin-bottom:.2rem}.modal-header p{color:#6b7280;font-size:.9rem}.modal-content-flex{display:flex;gap:2rem;flex:1 1 auto;min-height:0}.left-panel{flex-basis:28%;background-color:#fff;border-radius:8px;color:#374151;display:flex;flex-direction:column;height:fit-content;min-width:250px;padding:1rem 1.1rem;gap:.75rem;max-height:80vh;overflow-y:auto;padding-top:0;padding-left:0}.table_cur{max-height:70vh;overflow-y:auto;background:#edfded;padding:10px;border-radius:8px}.left-panel h3{font-weight:700;font-size:1.1rem;margin-bottom:.5rem}.pickup-card{background:#f9fafb;border-radius:6px;border:1px solid #d1d5db;-webkit-user-select:none;user-select:none;padding:.65rem .8rem;font-size:.85rem}.pickup-title{color:#1f2937;font-size:.85rem;margin-bottom:.4rem}.background_box{background:#fff2f1;border-radius:8px;padding:10px}.dflxgap{display:flex;align-items:center;gap:15px}.pickup-select{background-color:#fff;border:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:border-color .25s ease;position:relative;padding:.4rem .6rem;border-radius:6px;margin-bottom:10px}.pickup-select:hover{border-color:var(--maincolor)}.pickup-select.active{border-color:var(--maincolor);box-shadow:0 0 5px var(--maincolor)}.pickup-text{font-size:.85rem;font-weight:600;color:#374151;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:80%}.pickup-right{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.verified-badge{display:inline-flex;align-items:center;background-color:#d1fae5;color:#065f46;font-weight:600;border-radius:8px;gap:.25rem;-webkit-user-select:none;user-select:none;font-size:.65rem;padding:5px 10px}.arrow{color:#6b7280;-webkit-user-select:none;user-select:none;transition:transform .25s ease;font-size:.75rem}.icon-group{display:flex;gap:.4rem}.icon-circle{width:30px;height:30px;border-radius:8px;background-color:#f3f4f6;border:none;cursor:pointer;font-size:1.1rem;line-height:1;display:flex;justify-content:center;align-items:center;color:#374151;transition:background-color .25s ease;margin:0}.icon-circle:hover{background-color:#e0e7ff;color:#0a66c2}.pickup-dropdown{margin-top:.25rem;background:#fff;border:1px solid #d1d5db;border-radius:6px;max-height:350px;overflow-y:auto;box-shadow:0 6px 15px #0000001a;z-index:99999;position:absolute;width:100%;left:0;top:calc(100% + 6px)}.pickup-item{padding:.6rem 1rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1rem;font-size:.9rem;color:#374151;-webkit-user-select:none;user-select:none}.pickup-item:hover{background-color:#ede9fe}.left-panel p{font-size:.9rem;margin:.3rem 0;line-height:1.4}.left-panel p strong{font-weight:700;color:#111827}.right-panel{flex:1 1 auto;display:flex;flex-direction:column}.tabs-container{display:flex;gap:1.25rem;border-bottom:1px solid #d1d5db;margin-bottom:1rem}.tabs-container button{background:transparent;border:none;cursor:pointer;font-size:.9rem;padding-bottom:.5rem;color:#6b7280;transition:color .25s ease,border-bottom-color .25s ease}.tabs-container button:hover{color:#0a66c2}.tabs-container button.active{font-weight:600;color:#0a66c2;border-bottom:2px solid #0a66c2}.info-box-green{background-color:#ecfdf5;color:#065f46;padding:.3rem 1rem;border-radius:6px;margin-bottom:.5rem;font-size:.875rem;display:flex;align-items:center;gap:.5rem;font-size:12px;font-weight:500}.info-box-yellow{background-color:#fef3c7;color:#92400e;padding:.3rem 1rem;border-radius:6px;font-size:.875rem;display:flex;align-items:center;gap:.5rem;font-size:12px;margin-bottom:9px}.table-header{display:grid;grid-template-columns:3fr 1fr 1fr 1fr;gap:1rem;padding:.5rem 1rem;font-size:.75rem;color:#6b7280;font-weight:600;border-bottom:1px solid #d1d5db;-webkit-user-select:none;user-select:none}.courier-row{display:grid;grid-template-columns:1fr 2fr 1fr 1fr 1fr;gap:1rem;align-items:center;border:1px solid #d1d5db;border-radius:8px;padding:1rem;margin-bottom:1rem;transition:border-color .3s ease;margin-top:10px;background:#fff;border:none;border:2px dotted #ccc}.recommended-badge{font-size:.625rem;background-color:#ede9fe;color:#0a66c2;padding:.25rem .5rem;border-radius:9999px;display:inline-block;margin-bottom:.25rem;-webkit-user-select:none;user-select:none}.rating-circle{width:2.5rem;height:2.5rem;border-radius:50%;border:4px solid #22c55e;color:#22c55e;font-weight:600;display:flex;justify-content:center;align-items:center;font-size:1.25rem;-webkit-user-select:none;user-select:none}.ship-now-btn{background-color:#0a66c2;color:#fff;padding:.5rem 1rem;border-radius:6px;border:none;cursor:pointer;font-weight:600;font-size:.875rem;transition:background-color .3s ease}.ship-now-btn:hover{background-color:#0a66c2}.pickup-dropdown::-webkit-scrollbar{width:8px}.pickup-dropdown::-webkit-scrollbar-track{background:#f9fafb;border-radius:6px}.pickup-dropdown::-webkit-scrollbar-thumb{background:var(--bluee);border-radius:6px}.modal-container::-webkit-scrollbar{width:10px}.modal-container::-webkit-scrollbar-track{background:#f9fafb}.modal-container::-webkit-scrollbar-thumb{background:var(--bluee);border-radius:10px}@media(max-width:900px){.modal-content-flex{flex-direction:column}.left-panel{flex-basis:auto;width:100%;margin-bottom:1.5rem}}@media(max-width:550px){.left_menu{flex-wrap:wrap}.d_none_sm{display:none}}.order-details{display:flex;flex-direction:column;gap:10px}.detail-item{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.detail-item .label{font-size:12px;color:#8a8a8a;margin-bottom:4px}.detail-item .value{font-size:14px;font-weight:600;color:#222;text-align:left}.courier-list-scroll{flex:1;overflow-y:auto;padding-right:6px}.courier-list-scroll::-webkit-scrollbar{width:6px}.courier-list-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:6px}.filters-bar{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.filter-btn{display:flex;align-items:center;gap:4px;padding:10px 14px;border-radius:8px;background:#fff;border:1px solid #e5e7eb;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;position:relative}.filter-btn:hover{border-color:#0a66c2;background:#f9fafb}.filter-btn .icon{font-size:16px}.filter-btn .arrow{font-size:12px;margin-left:4px}.filter-btn.outline{background:#fff}.date-filter-wrapper{position:absolute;display:flex;width:720px;background:#fff;border-radius:12px;box-shadow:0 8px 24px #00000014;overflow:hidden;z-index:9999}.date-presets{width:200px;background:#f9fafb;border-right:1px solid #eee;padding:10px}.preset-item{padding:10px 12px;border-radius:6px;cursor:pointer;font-size:14px}.preset-item:hover{background:#ecebff}.preset-item.active{background:#ede9fe;color:#0a66c2;font-weight:500}.date-content{flex:1;padding:16px 20px}.date-info{background:#fff7e6;padding:10px 12px;border-radius:6px;font-size:13px;margin-bottom:16px}.calendar-box{display:flex;gap:16px;margin-bottom:20px}.calendar-input{display:flex;flex-direction:column}.calendar-input label{font-size:12px;margin-bottom:4px;color:#555}.calendar-input input{padding:8px;border-radius:6px;border:1px solid #ddd}.date-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #eee;padding-top:12px;font-size:13px}.btn-outline{padding:8px 14px;border-radius:6px;border:1px solid #ccc;background:#fff;margin-right:8px}.btn-primary{padding:8px 16px;border-radius:6px;border:none;background:#0a66c2;color:#fff}.pickup-wrapper{padding:16px 0}.pickup-header{display:flex;justify-content:space-between;align-items:center}.pickup-header h3{margin:0;font-size:18px;font-weight:600}.change-link{font-size:14px;color:var(--maincolor);text-decoration:none;cursor:pointer;font-size:13px;border-bottom:2px dotted}.change-link:hover{text-decoration:underline}.pickup-address{margin-top:8px;color:#555;line-height:1.6;position:relative;background:#ebf5ff;padding:10px;border-radius:8px;text-transform:capitalize}.custom-modal-overlay{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:9999}.custom-modal{background:#fff;width:500px;max-height:80vh;border-radius:12px;box-shadow:0 10px 40px #00000026;display:flex;flex-direction:column;padding:20px;animation:fadeIn .2s ease-in-out}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.modal-header h3{margin:0;font-size:18px}.close-btn{cursor:pointer;font-size:18px;color:#888}.close-btn:hover{color:#000}.search-input{width:100%;padding:8px 10px;border-radius:6px;border:1px solid #ddd;margin-bottom:15px}.address-list{overflow-y:auto;max-height:50vh}.address-card{padding:12px;border:1px solid #eee;border-radius:8px;margin-bottom:10px;cursor:pointer;display:flex;justify-content:space-between;transition:.2s}.address-card:hover{background:#f9f9f9;border-color:#ddd}.address-card p{margin:4px 0;font-size:14px;color:#555}.verified-badge{background:#e6f7ee;color:#0a66c2;padding:4px 8px;border-radius:20px;font-size:12px;height:fit-content}.no-data{text-align:center;padding:20px;color:#888}@keyframes fadeIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.small-modal{width:350px}.weight-list{max-height:300px;overflow-y:auto}.weight-item{padding:10px;border:1px solid #eee;border-radius:6px;margin-bottom:8px;cursor:pointer;transition:.2s}.weight-item.selected{background:#e6f7ee;border-color:#0a66c2;font-weight:600}.weight-toggle{display:flex;gap:10px;margin-bottom:15px}.weight-toggle button{flex:1;padding:6px;border-radius:6px;border:1px solid #ddd;background:#f7f7f7;cursor:pointer}.weight-toggle button.active{background:#0a66c2;color:#fff;border-color:#0a66c2}.manual-weight input{width:100%;padding:8px;border-radius:6px;border:1px solid #ddd;margin-bottom:10px}.apply-btn{width:100%;padding:8px;border-radius:6px;border:none;background:#0a66c2;color:#fff;cursor:pointer}.weight-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;max-height:300px;overflow-y:auto}.weight-item{padding:10px 0;text-align:center;border:1px solid #ddd;border-radius:8px;cursor:pointer;transition:.2s;font-size:14px}.weight-item:hover{background:#f5f5f5}.weight-item.selected{background:#0a66c2;color:#fff;border-color:#0a66c2;font-weight:600}.process-overlay{position:fixed;inset:0;background:#0009;display:flex;justify-content:center;align-items:center;z-index:99999}.process-dialog{background:#fff;width:400px;padding:30px;border-radius:12px;text-align:center;animation:fadeIn .3s ease}.spinner{width:50px;height:50px;border:5px solid #ddd;border-top:5px solid #0a66c2;border-radius:50%;margin:auto;animation:spin 1s linear infinite}.success-icon{font-size:50px;color:green}.error-icon{font-size:50px;color:red}.close-process-btn,.retry-btn{margin-top:20px;padding:10px 20px;background:#0a66c2;color:#fff;border:none;border-radius:6px;cursor:pointer}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.success-wrapper{text-align:center;padding:25px}.success-icon{width:70px;height:70px;background:#e6f9f0;color:#22c55e;font-size:38px;font-weight:700;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.success-title{font-size:22px;font-weight:600;margin-bottom:20px}.awb-box{background:#f3f4f6;padding:12px;border-radius:10px;margin-bottom:20px}.awb-box span{font-size:12px;color:#777}.awb-box h3{margin-top:5px;letter-spacing:1px}.barcode-section{margin-top:10px;width:100%;height:70px}.barcode-section svg{width:100%;height:100%}.barcode-section p{margin-top:8px;font-weight:500}.btn-row{display:flex;justify-content:center;gap:12px;margin-top:20px}.download-btn{background:#111827;color:#fff;border:none;padding:10px 18px;border-radius:8px;cursor:pointer}.download-btn:hover{background:#000}.close-btn{background:#e5e7eb;border:none;padding:10px 18px;border-radius:8px;cursor:pointer}.fail-icon{width:75px;height:75px;background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626;font-size:36px;font-weight:700;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;box-shadow:0 8px 20px #dc262633}.fail-title{font-size:22px;font-weight:600;margin-bottom:15px;color:#111827}.fail-message-box{background:#fef2f2;border:1px solid #fecaca;padding:12px 15px;border-radius:10px;margin-bottom:25px}.fail-message-box p{margin:0;font-size:14px;color:#b91c1c}.retry-btn-modern{background:#111827;color:#fff;border:none;padding:10px 22px;border-radius:8px;cursor:pointer;transition:.2s ease}.retry-btn-modern:hover{background:#000}.fail-actions{display:flex;justify-content:center}.merge-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:9999}.merge-dialog{background:#fff;padding:30px;width:400px;border-radius:12px;text-align:center;animation:fadeIn .3s ease-in-out}.progress-bar{height:12px;background:#eee;border-radius:10px;margin-top:15px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#4caf50,#2196f3);transition:width .4s ease}.progress-info{margin-top:10px;font-weight:600}@keyframes fadeIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.merge-stats{display:flex;justify-content:center;gap:20px;margin-top:20px}.stat-box{display:flex;align-items:center;gap:12px;padding:12px 20px;border-radius:10px;min-width:140px;background:#f5f5f5;box-shadow:0 3px 8px #0000000d;transition:.3s ease}.stat-box.success{background:#eafaf1;border:1px solid #b7e4c7}.stat-box.failed{background:#fdecea;border:1px solid #f5c2c0}.stat-icon{font-size:20px;font-weight:700}.stat-box.success .stat-icon{color:#1b9c59}.stat-box.failed .stat-icon{color:#d63031}.stat-number{font-size:20px;font-weight:700}.stat-label{font-size:13px;color:#666}.manifest-toggle{display:inline-flex;background:#f1f2f6;padding:6px;border-radius:12px;gap:6px;border:1px solid #ddd}.toggle-option{padding:5px 18px;border-radius:8px;cursor:pointer;font-size:14px;color:#555;transition:.3s ease}.toggle-option.active{background:#cde6ff;color:var(--maincolor);font-weight:600}.search_btn_ndr{display:flex;align-items:center;background:#fff;border-radius:8px;border:1px solid #e5e7eb;overflow:hidden;width:fit-content}.search_btn_ndr .search_type{padding:10px 12px;border:none;outline:none;background:transparent;font-size:14px;color:#333;cursor:pointer;border-radius:0}.search_btn_ndr .search_box{padding:10px 12px;border:none;outline:none;font-size:14px;min-width:171px;border-left:1px solid #e5e7eb;border-radius:0}.search_btn_ndr button{display:flex;align-items:center;justify-content:center;background:var(--maincolor);border:none;padding:13px 16px;cursor:pointer;transition:.3s}.search_btn_ndr button svg{width:16px;height:16px;color:#fff}.search_btn_ndr button:hover{opacity:.9}.search_btn_ndr:focus-within{border-color:var(--maincolor);box-shadow:0 0 0 2px #0000000d}.ops-overlay{position:fixed;inset:0;background:#0000008c;display:flex;justify-content:center;align-items:center;z-index:99999}.ops-modal{width:1000px;max-height:90vh;background:#fff;border-radius:12px;padding:20px 25px;overflow-y:auto;font-family:Inter,sans-serif}.ops-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.ops-header h3{font-size:18px;font-weight:600}.ops-topbar{display:flex;justify-content:space-between;align-items:center;background:#f8fafc;padding:12px 18px;border-radius:8px;margin-bottom:20px}.ops-customer{display:flex;flex-direction:column;font-size:13px;color:#334155}.ops-summary{text-align:right}.ops-payment{font-size:12px;line-height:1px!important;color:red;text-transform:capitalize!important;font-weight:500}.ops-total{font-size:20px;font-weight:600;color:#0a66c2}.ops-product-list{display:flex;flex-direction:column;gap:12px}.ops-product-row{display:flex;align-items:center;gap:15px;border:1px solid #e2e8f0;padding:12px;border-radius:8px;background:#fff;transition:all .2s ease}.ops-product-row:hover{background:#f1f5f9}.ops-checkbox{width:16px;height:16px}.ops-product-row img{width:60px;height:60px;object-fit:cover;border-radius:6px;border:1px solid #e2e8f0}.ops-product-info{flex:1}.ops-name{font-weight:600;font-size:14px;margin-bottom:4px}.ops-meta{font-size:12px;color:#64748b}.ops-price{font-weight:600;color:#0a66c2;font-size:15px;width:80px;text-align:right}.ops-ship-btn{background:#0a66c2;color:#fff;border:none;padding:7px 16px;border-radius:6px;font-size:13px;cursor:pointer}.ops-ship-btn:hover{background:#0a66c2}.ops-footer{margin-top:18px;text-align:right}.bulk-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:9999}.bulk-modal{width:85%;max-width:1200px;height:85vh;background:#fff;border-radius:12px;display:flex;flex-direction:column;overflow:hidden}.bulk-header{padding:15px 20px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center}.bulk-header h3{margin:0}.bulk-header button{border:none;background:transparent;font-size:18px;cursor:pointer}.bulk-body{flex:1;display:flex;min-height:0;overflow:hidden}.bulk-left{width:35%;padding:20px;border-right:1px solid #eee;overflow-y:auto;min-height:0}.bulk-right{width:65%;padding:20px;display:flex;flex-direction:column;min-height:0;overflow:hidden}.address-search{margin-bottom:12px}.address-search input{width:100%;padding:8px 12px;border-radius:6px;border:1px solid #ddd;font-size:14px}.address-scroll{flex:1;overflow-y:auto;min-height:0;padding-right:4px}.weight-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:15px}.weight-chip{padding:6px;font-size:13px;border-radius:6px;background:#f4f6f9;text-align:center;cursor:pointer;border:1px solid #ddd;transition:.2s ease}.weight-chip:hover{background:#ffebe9;color:var(--bluee)}.weight-chip.active{background:var(--bluee);color:#fff;border-color:var(--bluee)}.manual-weight-row{margin-top:20px}.manual-btn{padding:6px 12px;border:none;background:#eee;border-radius:6px;cursor:pointer}.manual-weight-row input{margin-top:10px;padding:6px;width:100%;border:1px solid #ddd;border-radius:6px}.address-card{padding:12px;border:none;border-radius:8px;margin-bottom:10px;cursor:pointer;transition:.2s ease;background:#ebf5ff;border:1px solid #ebf5ff}.fw_500{font-weight:500}.address-card:hover{background:#f8f9fa;border:1px solid var(--maincolor)}.address-card.selected{border:2px solid var(--maincolor);background:#eef5ff}.address-name{font-weight:600;margin-bottom:3px}.address-text{font-size:14px;color:#666}.address-phone{font-size:14px;color:#333;margin-top:5px}.bulk-footer{padding:15px 20px;border-top:1px solid #eee;text-align:right;background:#fff}.bulk-confirm-btn{padding:8px 18px;background:var(--maincolor);color:#fff;border:none;border-radius:6px;cursor:pointer}.bulk-confirm-btn:hover{background:#005fd1}.swal2-container{z-index:999999!important}.confirm-overlay{position:fixed;inset:0;background:#0f172a8c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:999999}.confirm-modal{width:480px;background:#fff;border-radius:16px;padding:28px;box-shadow:0 20px 50px #00000026;animation:scaleIn .2s ease}.confirm-header h2{margin:0;font-size:20px;font-weight:600;color:#1e293b}.confirm-header p{margin-top:6px;font-size:13px;color:#64748b}.confirm-summary{margin-top:22px;padding:18px;background:#f8fafc;border-radius:12px}.summary-row{display:flex;justify-content:space-between;margin-bottom:14px;font-size:14px;color:#475569}.summary-row:last-child{margin-bottom:0}.summary-row strong{font-weight:600;color:#0f172a}.confirm-footer{margin-top:28px;display:flex;justify-content:flex-end;gap:12px}.cancel-btn{padding:10px 18px;border-radius:8px;border:none;background:#e2e8f0;font-weight:500;cursor:pointer;transition:.2s}.cancel-btn:hover{background:#cbd5e1}.confirm-btn{padding:10px 20px;border-radius:8px;border:none;font-weight:500;color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8);cursor:pointer;transition:.2s}.confirm-btn:hover{transform:translateY(-1px);box-shadow:0 8px 18px #2563eb66}.confirm-btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.process-overlay{position:fixed;inset:0;background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:999999}.process-modal{width:500px;background:#fff;padding:30px;border-radius:16px;box-shadow:0 20px 50px #0003;text-align:center}.process-modal h2{margin-bottom:20px}.progress-stats{display:flex;justify-content:space-between;margin-bottom:20px}.stat{flex:1}.stat span{display:block;font-size:13px;color:#64748b}.stat strong{font-size:18px}.success strong{color:#16a34a}.failed strong{color:#dc2626}.pending strong{color:#f59e0b}.percentage{font-size:28px;font-weight:700;margin-bottom:10px}.progress-bar{height:12px;background:#e2e8f0;border-radius:10px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#2563eb,#22c55e);transition:width .5s ease}.process-footer{margin-top:25px;display:flex;justify-content:center;gap:15px}.done-btn{padding:10px 20px;border-radius:8px;border:none;background:#e2e8f0;font-weight:500;cursor:pointer}.done-btn:hover{background:#cbd5e1}.download-btn{padding:10px 20px;border-radius:8px;border:none;font-weight:500;color:#fff;background:linear-gradient(135deg,#dc2626,#ef4444);cursor:pointer;transition:.2s}.download-btn:hover{transform:translateY(-1px);box-shadow:0 8px 18px #dc262666}.offcanvas-backdrop-order{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:flex-end;z-index:9999}.offcanvas-panel-order{width:400px;max-width:95%;height:100%;background:#fff;display:flex;flex-direction:column;animation:slideFromRight .3s ease forwards;box-shadow:-2px 0 10px #0000001a}@keyframes slideFromRight{0%{transform:translate(100%)}to{transform:translate(0)}}.offcanvas-header-order{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #eee;font-size:18px;font-weight:600}.close-btn{background:#e6f0ff;border:none;font-size:18px;cursor:pointer;padding:6px 10px;border-radius:6px;color:#333}.offcanvas-body-order{flex:1;padding:20px;overflow-y:auto}.filter-group-order{margin-bottom:25px}.filter-group-order label{font-weight:600;display:block;margin-bottom:10px;font-size:14px}.radio-group-order{display:flex;flex-direction:row;gap:12px}.radio-item{display:flex;align-items:center;gap:10px;font-size:14px;cursor:pointer}.radio-item input[type=radio]{width:18px;height:18px;cursor:pointer}.filter-group-order select{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;outline:none;height:40px}.filter-group-order select:focus{border-color:#4096ff}.offcanvas-footer-order{padding:16px 20px;border-top:1px solid #eee;display:flex;gap:12px;background:#fff}.reset-btn{flex:1;background:#fff;border:1px solid #ddd;padding:10px;border-radius:6px;cursor:pointer;font-size:14px}.reset-btn:hover{background:#f5f5f5}.apply-btn{flex:2;background:#ff4d4f;border:none;color:#fff;padding:10px;border-radius:6px;cursor:pointer;font-size:14px}.apply-btn:hover{background:#e63b3d}.middle-section{display:flex;flex-direction:column;gap:4px}.customer-header{display:flex;justify-content:space-between;align-items:center}.edit-btn{background:#f7f7f7;border:none;cursor:pointer;color:var(--maincolor);font-size:14px;padding:4px;border-radius:6px}.edit-btn:hover{background:#f3f4f6;color:var(--maincolor)}.product_td_name{font-size:13px;font-weight:500;word-break:break-all}.product_td_sku{font-size:12px;font-weight:500}.product_td_order_date{font-size:12px;font-weight:500;white-space:nowrap}.orders-table table tbody tr td{border-top:none;border-bottom:none;border-radius:0;background:#fff;vertical-align:top;position:relative}.orders-table table tbody tr td:first-child,.orders-table table thead tr th:first-child{border-top-left-radius:15px!important;border-bottom-left-radius:15px!important}.orders-table table tbody tr td:last-child,.orders-table table thead tr th:last-child{border-top-right-radius:15px!important;border-bottom-right-radius:15px!important}.orders-table table thead tr th{background:#d9ecff!important}.orders-table table tbody tr:hover{border:1px solid var(--maincolor)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;display:flex;justify-content:center;align-items:center;z-index:1050}.modal-box{background:#fff;width:900px;max-height:90vh;overflow-y:auto;padding:25px;border-radius:12px}.modal-header{display:flex;justify-content:space-between;align-items:center}.modal-divider{border:none;border-top:1px solid #e5e7eb;margin:15px 0 20px}.close-btn{background:#f3f4f6;border:none;width:32px;height:32px;border-radius:6px;cursor:pointer}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.form-grid_1{display:grid;grid-template-columns:repeat(1,1fr);gap:18px}.form-group label{font-size:14px;font-weight:500;margin-bottom:6px;color:#374151}.form-group input{height:40px;padding:8px 12px;border-radius:8px;border:1px solid #d1d5db;outline:none}.form-group input:focus{border-color:#2563eb}.save-btn{margin-top:25px;height:42px;padding:0 20px;background:#2563eb;color:#fff;border:none;border-radius:8px;cursor:pointer}.more-btn{background:#fff;border:1px solid #ddd;width:19px;height:30px;border-radius:8px;cursor:pointer}.dropdown-menu-custom{position:absolute;right:0;top:45px;width:230px;background:#fff;border-radius:10px;box-shadow:0 10px 25px #0000001a;padding:10px 0;z-index:999}.dropdown-item{padding:10px 18px;font-size:14px;cursor:pointer}.dropdown-item:hover{background:#f3f4f6}.dropdown-divider{height:1px;background:#eee;margin:8px 0}.dropdown-label{padding:8px 18px;font-size:12px;color:#9ca3af;font-weight:600}.dropdown-item.cancel{color:red}.menu-wrapper{position:relative;display:inline-block}.dropdown-menu-custom{position:absolute;right:0;top:100%;background:#fff;z-index:9999;min-width:180px;box-shadow:0 4px 12px #00000026}.cancel-overlay *{box-sizing:border-box;font-family:Arial,sans-serif}.cancel-overlay{position:fixed;inset:0;background:#0000008c;display:flex;justify-content:center;align-items:center;z-index:999999}.cancel-box{width:420px;max-width:95%;background:#fff;border-radius:10px;padding:22px;box-shadow:0 15px 35px #00000040}.cancel-head{display:flex;justify-content:space-between;align-items:center}.cancel-head h2{font-size:18px;margin:0;font-weight:600}.cancel-x{border:none;background:transparent;font-size:22px;cursor:pointer}.cancel-text{margin:12px 0 15px;font-size:14px;color:#555}.cancel-options{display:flex;flex-direction:column;gap:10px}.cancel-option{display:flex;align-items:center;gap:8px;font-size:14px;cursor:pointer}.cancel-option input{width:16px;height:16px}.cancel-input{width:100%;margin-top:10px;padding:8px;border-radius:6px;border:1px solid #ccc;font-size:14px;resize:none;min-height:70px}.cancel-check{display:flex;align-items:center;gap:8px;margin-top:12px;font-size:14px}.cancel-actions{margin-top:18px;display:flex;justify-content:flex-end;gap:10px}.btn-outline{padding:8px 14px;border-radius:6px;border:1px solid #ccc;background:#f5f5f5;cursor:pointer}.btn-outline:hover{background:#e9e9e9}.btn-danger{padding:8px 14px;border-radius:6px;border:none;background:#e53935;color:#fff;cursor:pointer}.btn-danger:hover{background:#c62828}.cancel-checkbox-row{margin-top:16px}.cancel-checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:14px;font-weight:500;color:#333}.cancel-checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#e53935}.cancel-checkbox-label:hover .checkbox-text{color:#e53935}.image-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;justify-content:center;align-items:center;z-index:9999}.zoom-img{max-width:90%;max-height:90%;border-radius:10px}.add-order-page{padding:24px;background:#f8fafc;min-width:0}.page-title{font-size:22px;font-weight:600;margin-bottom:20px;color:#111827}.pickup-card{background:#fff;border:0px solid #e5e7eb;border-radius:8px;padding:20px;margin-bottom:24px;position:relative;box-shadow:0 4px 18px #0000000a}.pickup-title{font-size:15px;font-weight:600;margin-bottom:12px;color:#111827}.pickup-select{border:1px solid #d1d5db;border-radius:10px;padding:9px;display:flex;justify-content:space-between;align-items:center;gap:16px;cursor:pointer}.pickup-text{flex:1;min-width:0;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pickup-right{display:flex;align-items:center;gap:14px;flex-shrink:0}.verified-badge{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:#16a34a;font-size:10px;border-radius:4px!important}.dot{width:8px;height:8px;background:#16a34a;border-radius:50%}.arrow{font-size:15px;transition:transform .2s ease}.arrow.rotate{transform:rotate(180deg)}.icon-group{display:flex;gap:10px;padding-left:12px;border-left:1px solid #e5e7eb}.icon-circle{width:34px;height:34px;border-radius:8px;border:none;background:#eef2ff;color:#6366f1;display:flex;align-items:center;justify-content:center;cursor:pointer}.pickup-dropdown{position:absolute;top:calc(100% + 8px);left:0;right:20px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 12px 30px #00000014;z-index:20}.pickup-item{padding:14px 16px;display:flex;justify-content:space-between;cursor:pointer}.pickup-item:hover{background:#f8fafc}.pickup-item-text{font-size:14px}.delivery-card-ui{background:#fff;border-radius:8px;padding:24px;border:0px solid #e5e7eb;box-shadow:0 4px 18px #0000000a}.subtitlee{font-size:13px!important;color:#6b7280;margin-bottom:20px}.delivery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.form-group{display:flex;flex-direction:column}.form-group.wide{grid-column:span 2}.form-group label{font-size:13px;margin-bottom:6px}.form-group input{height:44px;padding:0 14px;border-radius:8px;border:1px solid #d1d5db}.input-group-ui{display:flex}.input-group-ui span{padding:0 14px;background:#f1f5f9;border:1px solid #d1d5db;border-right:none;border-radius:8px 0 0 8px;display:flex;align-items:center}.input-group-ui input{flex:1;border-radius:0 8px 8px 0}.billing-strip{margin-top:24px;padding:14px 16px;background:#fafafa;border-radius:10px;display:flex;align-items:center;gap:10px}.qty_btn{border:.5px solid #ccc;display:flex;align-items:center;justify-content:space-between;border-radius:8px;height:44px}.qty-btn{margin:0;border:0;border-radius:8px;border:2px solid #e5e7eb;border-color:#f8726a;background:#fff5f4}.product-grid{padding:10px;border-radius:8px;margin-bottom:10px;background:#f7f7f7}.payment-options{display:flex;gap:16px;flex-wrap:wrap}.payment-option{min-width:220px;border:2px solid #e5e7eb;border-radius:12px;padding:14px 16px;cursor:pointer;display:flex;align-items:center;gap:12px;background:#fff;transition:all .2s ease;position:relative}.payment-option:hover{border-color:#f8726a}.payment-option.active{border-color:#f8726a;background:#fff5f4}.radio-ui{width:18px;height:18px;border:2px solid #cbd5e1;border-radius:50%;position:relative;transition:all .2s ease}.payment-option.active .radio-ui{border-color:#f8726a}.payment-option.active .radio-ui:after{content:"";width:10px;height:10px;background:#f8726a;border-radius:50%;position:absolute;top:2px;left:2px}.payment-text{display:flex;align-items:center;gap:8px;font-weight:500}.info-tooltip{position:relative;display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;font-size:11px;border-radius:50%;background:#e2e8f0;color:#333;cursor:pointer}.tooltip-box{position:absolute;bottom:120%;left:255%;transform:translate(-50%);background:var(--maincolor);color:#fff;font-size:12px;padding:8px 10px;border-radius:6px;white-space:nowrap;opacity:0;visibility:hidden;transition:all .2s ease;z-index:99}.tooltip-box:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:6px;border-style:solid;border-color:var(--maincolor) transparent transparent transparent}.info-tooltip:hover .tooltip-box{opacity:1;visibility:visible}.package-card{padding:24px;border-radius:8px;background:#fff;box-shadow:0 4px 18px #0000000a}.package-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.package-header h4{margin:0;font-size:18px;font-weight:600}.subtitle{font-size:13px;color:#6b7280;margin-top:4px}.package-tip{font-size:13px;background:#fff5f4;padding:8px 12px;border-radius:8px;color:#f8726a;font-weight:500}.package-inputs{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.input-group label{font-weight:600;font-size:14px}.hint{font-size:12px;color:#9ca3af;margin-bottom:8px}.note{font-size:12px;color:#9ca3af;margin-top:6px}.unit-input{display:flex;align-items:center;border:1px solid #e5e7eb;border-radius:8px!important;overflow:hidden;background:#fff}.unit-input input{flex:1;border:none;padding:10px 12px;outline:none;font-size:14px}.unit-input span{padding:10px 6px;background:#f3f4f6;font-size:13px;color:#555}.unit-input:focus-within{border-color:#f8726a;box-shadow:0 0 0 2px #f8726a26}.dimension-inputs{display:flex;gap:10px}.dimension-inputs .unit-input{flex:1}.unit-input.disabled{background:#f9fafb}.unit-input.disabled input{background:transparent;color:#6b7280}.applicable-weight{display:flex;align-items:flex-start;gap:14px;margin-top:24px;padding:16px;background:#fff7ed;border-left:4px solid #f8726a;border-radius:10px}.weight-icon{font-size:22px}.guidelines{margin-top:28px;border-top:1px solid #eee;padding-top:20px}.guideline-header{display:flex;justify-content:space-between;align-items:center}.guideline-toggle{background:none;border:none;color:#f8726a;font-weight:500;cursor:pointer}.arrow{margin-left:6px;transition:transform .2s ease}.arrow.open{transform:rotate(180deg)}.guideline-content{max-height:0;overflow:hidden;transition:max-height .4s ease}.guideline-content.show{max-height:600px;margin-top:14px}.narg_m{height:43px;margin-top:-16px}.link-download{font-weight:700;cursor:pointer}.upload-wrapper{display:flex;align-items:center;gap:20px;margin-top:5px}.upload-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 18px;background:#fff;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-weight:500}.preview-card{display:flex;flex-direction:column;align-items:center}.preview-card img{width:90px;height:70px;object-fit:contain;border:1px solid #ddd;border-radius:8px;padding:4px;background:#fafafa}.file-name{font-size:12px;margin-top:4px;text-align:center;color:#555;max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:992px){.package-inputs{grid-template-columns:1fr}.dimension-inputs{flex-direction:column}.package-header{flex-direction:column;gap:12px}}@media(max-width:768px){.package-inputs .input-group{justify-content:start!important}.narg_m{height:43px;margin-top:0}.package-card{padding:16px}.package-header{flex-direction:column;gap:12px}.package-tip{width:100%;text-align:left;font-size:12px}.package-inputs{grid-template-columns:1fr;gap:18px}.dimension-inputs{flex-direction:column;gap:12px}.dimension-inputs .unit-input{width:100%}.unit-input input{padding:12px;font-size:15px}.applicable-weight{flex-direction:column;gap:10px;padding:14px}.applicable-weight strong{font-size:15px}.guideline-header{flex-direction:column;align-items:flex-start;gap:10px}.guideline-toggle{padding:0}}@media(max-width:1200px){.delivery-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.delivery-grid{grid-template-columns:1fr}.form-group.wide{grid-column:span 1}}.copy_tracking_oda{cursor:pointer;color:var(--maincolor);font-size:15px}