.order-detail-modal .order-detail-C_modal{display:flex;width:100%;max-width:1203px;padding:24px 18px 32px;flex-direction:column;align-items:center;border-radius:12px;background:#fff}.order-detail-modal .order-detail-C_modal .order-detail-heading{width:100%;display:flex;align-items:center;justify-content:space-between;padding-bottom:24px;border-bottom:1px solid var(--Backgrounds-Secondary,#f2f2f7);gap:16px}.order-detail-modal .order-detail-C_modal .order-detail-heading .heading-infor{display:flex;gap:40px;max-width:623px}.order-detail-modal .order-detail-C_modal .order-detail-heading .heading-infor .order-detail-infor{display:flex;align-items:center;gap:24px}.order-detail-modal .order-detail-C_modal .order-detail-heading .heading-infor .order-detail-infor .store-img{border-radius:52px}.order-detail-modal .order-detail-C_modal .order-detail-heading .heading-infor .order-detail-infor .store-img>img{border-radius:52px;width:100%;max-width:48px;object-fit:cover}.order-detail-modal .order-detail-C_modal .order-detail-heading .heading-infor .order-detail-infor .order-code>b{font-size:16px}.order-detail-modal .order-detail-C_modal .order-detail-heading .heading-infor .order-detail-infor .order-code>p{color:#868686}.order-detail-modal .order-detail-C_modal .order-detail-heading .heading-infor .order-detail-infor .order-code{font-size:16px}.order-detail-modal .order-detail-C_modal .order-detail-heading .order-detail-support{white-space:nowrap;font-size:16px;display:flex;gap:12px;align-items:center;color:#f55e21;cursor:pointer}.order-detail-modal .order-detail-C_modal .order-status{width:100%;display:flex;flex-direction:column;padding:24px 0 0;gap:24px}.order-detail-modal .order-detail-C_modal .order-status>b{font-size:24px}.order-detail-modal .order-detail-C_modal .order-status .order-status-detail{display:flex;align-items:center;gap:4px}.order-detail-modal .order-detail-C_modal .order-status .order-status-detail .line-status{width:calc(100% - 24px - 116px);height:3px;background:#d9d9d9;position:relative;overflow:hidden}.order-detail-modal .order-detail-C_modal .order-status .order-status-detail .line-status.active:after{content:"";position:absolute;left:0;top:0;height:100%;width:100%;background:#f55e21;animation:loading 2s ease-in-out infinite}.order-detail-modal .order-detail-C_modal .order-status .order-status-detail .line-status.completed{background:#f55e21}.order-detail-modal .order-detail-C_modal .order-status .order-status-detail .completedImg{filter:brightness(0) saturate(100%) invert(50%) sepia(35%) saturate(6856%) hue-rotate(350deg) brightness(101%) contrast(92%)}.order-detail-modal .order-detail-C_modal .order-detail-body{width:100%;display:flex;padding-top:16px}.order-detail-modal .order-detail-C_modal .order-detail-body .order-food-lst{width:50%;display:flex;flex-direction:column;gap:8px}.order-detail-modal .order-detail-C_modal .order-detail-body .order-food-lst .order-food{display:flex;gap:16px;padding:18px 0}.order-detail-modal .order-detail-C_modal .order-detail-body .order-food-lst .order-food .food-img>img{object-fit:cover}.order-detail-modal .order-detail-C_modal .order-detail-body .order-food-lst .order-food .food-quantity{font-size:16px;font-weight:700}.order-detail-modal .order-detail-C_modal .order-detail-body .order-food-lst .order-food .food-detail{display:flex;flex-direction:column;gap:14px}.order-detail-modal .order-detail-C_modal .order-detail-body .order-food-lst .order-food .food-detail .food-detail-title{display:flex;flex-direction:column;gap:6px}.order-detail-modal .order-detail-C_modal .order-detail-body .order-food-lst .order-food .food-detail .food-detail-title .food-key-promotion{color:red}.order-detail-modal .order-detail-C_modal .order-detail-body .order-food-lst .order-food .food-detail .food-detail-title>b{width:210px;font-size:16px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-word}.order-detail-modal .order-detail-C_modal .order-detail-body .order-food-lst .order-food .food-detail .food-detail-title>p{width:210px;font-size:14px;color:#868686;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-word}.order-detail-modal .order-detail-C_modal .order-detail-body .order-food-lst .order-food .food-detail>p{font-size:16px}.order-detail-modal .order-detail-C_modal .order-detail-body .order-food-lst .order-food .product-comment i,.order-detail-modal .order-detail-C_modal .order-detail-body .order-food-lst .order-food .product-comment span{cursor:pointer;color:#1976d2;transition:color .2s}.order-detail-modal .order-detail-C_modal .order-detail-body .order-food-lst .order-food .product-comment i.comment-disabled,.order-detail-modal .order-detail-C_modal .order-detail-body .order-food-lst .order-food .product-comment span.comment-disabled{cursor:not-allowed;color:silver}.order-detail-modal .order-detail-C_modal .order-detail-body .order-food-lst .order-food .product-comment i.comment-active,.order-detail-modal .order-detail-C_modal .order-detail-body .order-food-lst .order-food .product-comment span.comment-active{cursor:pointer;color:#1976d2}.order-detail-modal .order-detail-C_modal .order-detail-body .order-food-lst .order-food .product-comment i.comment-active:hover,.order-detail-modal .order-detail-C_modal .order-detail-body .order-food-lst .order-food .product-comment span.comment-active:hover{color:#01509f}.order-detail-modal .order-detail-C_modal .order-detail-body .order-detail{border-left:1px solid #f2f2f7;width:50%;display:flex;flex-direction:column;align-items:center;gap:30px;padding-left:24px;position:relative}.order-detail-modal .order-detail-C_modal .order-detail-body .order-detail .order-total-lst{width:100%;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:24px 0}.order-detail-modal .order-detail-C_modal .order-detail-body .order-detail .order-total-lst .order-total{display:flex;justify-content:space-between;align-items:center}.order-detail-modal .order-detail-C_modal .order-detail-body .order-detail .order-total-lst .order-total .order-total-title{font-size:16px;display:flex;gap:4px;align-items:center}.order-detail-modal .order-detail-C_modal .order-detail-body .order-detail .order-total-lst .order-total .order-total-title .tag-icon{filter:brightness(0) saturate(100%) invert(42%) sepia(50%) saturate(1764%) hue-rotate(346deg) brightness(97%) contrast(98%)}.order-detail-modal .order-detail-C_modal .order-detail-body .order-detail .order-total-lst .order-total .sale{color:#f55e21}.order-detail-modal .order-detail-C_modal .order-detail-body .order-detail .order-total-lst .order-sum{font-size:16px;font-weight:700;display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-top:1px solid #f2f2f7}.order-detail-modal .order-detail-C_modal .order-detail-body .order-detail .order-total-lst .order-payment-method{font-size:16px;display:flex;justify-content:space-between;align-items:center}.order-detail-modal .order-detail-C_modal .order-detail-body .order-detail .order-total-lst .order-payment-method .payment-method{display:flex;align-items:center;gap:8px}.order-detail-modal .order-detail-C_modal .order-detail-body .order-detail .order-total-lst .order-payment-method .payment-method>img{object-fit:contain}.order-detail-modal .order-detail-C_modal .order-detail-body .order-detail .order-note{width:100%;font-size:16px;display:flex;flex-direction:column;gap:4px}.order-detail-modal .order-detail-C_modal .order-detail-body .order-detail .order-contact{width:100%;display:flex;flex-direction:column;gap:33px}.order-detail-modal .order-detail-C_modal .order-detail-body .order-detail .order-contact .order-time{width:100%;display:flex;padding:12px;justify-content:space-between;align-items:center;border-radius:12px;background:var(--Backgrounds-Secondary,#f2f2f7)}.order-detail-modal .order-detail-C_modal .order-detail-body .order-detail .order-contact .order-time .order-duration{width:50%;max-width:250px;text-align:center}.order-detail-modal .order-detail-C_modal .order-detail-body .order-detail .order-contact .order-time .line{width:1px;height:40px;background:var(--currentColor,#868686)}.order-detail-modal .order-detail-C_modal .order-detail-body .order-detail .order-contact .shipper-profile{display:flex;align-items:center;padding-right:24px;gap:12px}.order-detail-modal .order-detail-C_modal .order-detail-body .order-detail .order-contact .shipper-profile .shipper-img{width:45px;height:45px}.order-detail-modal .order-detail-C_modal .order-detail-body .order-detail .order-contact .shipper-profile .shipper-img>img{width:100%;height:auto;border-radius:45px;object-fit:cover}.order-detail-modal .order-detail-C_modal .order-detail-body .order-detail .order-contact .shipper-profile .shipper-infor{font-size:16px}.order-detail-modal .order-detail-C_modal .order-detail-body .order-detail .order-contact .shipper-profile .shipper-infor .shipper-name{display:flex;gap:9px;align-items:center;font-weight:700}.order-detail-modal .order-detail-C_modal .order-detail-body .order-detail .order-contact .shipper-profile .shipper-infor .shipper-name .rate{display:flex;align-items:center;justify-content:center;gap:4px}.order-detail-modal .order-detail-C_modal .order-detail-body .order-detail .order-contact .shipper-profile .shipper-infor .shipper-name .rate>img{filter:brightness(0) saturate(100%) invert(49%) sepia(86%) saturate(780%) hue-rotate(2deg) brightness(107%) contrast(103%)}.order-detail-modal .order-detail-C_modal .order-detail-body .order-detail .order-contact .shipper-profile .shipper-contact{display:flex;gap:16px;align-items:center}.order-detail-modal .order-detail-C_modal .order-detail-body .order-detail .order-contact .order-addr{display:flex;gap:24px}.order-detail-modal .order-detail-C_modal .order-detail-body .order-detail .order-contact .order-addr .addr-img{display:flex;align-items:center;width:32px;height:32px;border-radius:24px;background:var(--Color-Blue,#0d6df9);padding:5px}.order-detail-modal .order-detail-C_modal .order-detail-body .order-detail .order-contact .order-addr .addr p,.order-detail-modal .order-detail-C_modal .order-detail-body .order-detail .order-contact .order-addr .addr>b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-word}.order-detail-modal .order-detail-C_modal .order-detail-body .order-detail .order-contact .order-addr .my-addr-img{display:flex;align-items:center;width:32px;height:32px;border-radius:24px;background:var(--Color-Blue,#f55e21);padding:5px}.order-detail-modal .order-detail-C_modal .order-detail-body .order-detail .order-contact .order-addr .my-addr-img>img{filter:brightness(0) saturate(100%) invert(95%) sepia(59%) saturate(5603%) hue-rotate(180deg) brightness(117%) contrast(100%)}.order-detail-modal .order-detail-C_modal .order-detail-body .order-detail>button{width:100%;display:flex;padding:8px 16px;justify-content:center;align-items:center;border-radius:33px;border:1px solid var(--Color-Orange,#f55e21);color:var(--Color-Orange,#f55e21);background-color:#fff;font-weight:700}.order-detail-modal .order-detail-C_modal .order-detail-body .order-detail>button:disabled{border:1px solid var(--currentColor,#868686);color:#868686;opacity:.5}.order-detail-modal .order-detail-C_modal .order-detail-body .mobile{display:none}.order-detail-modal .btn-popup{display:flex;justify-content:flex-end}.order-detail-modal .btn-refund{color:#fff;background-color:#60a309;cursor:pointer;border:none;border-radius:8px;padding:10px 12px;font-size:14px;width:20%;transition:all .3s ease}.order-detail-modal .btn-refund:hover{background-color:#4c8207}@media(max-width:768px){.order-detail-modal .btn-refund{width:40%}}@media(max-width:480px){.order-detail-modal .btn-refund{width:60%;font-size:13px}}.order-detail-modal .refund-status{background-color:#f5f5fa;padding:6px 12px;border-radius:6px;font-size:14px;margin:0;text-align:right}.order-detail-modal .refund-status.pending{color:orange}.order-detail-modal .refund-status.approved{color:green}.order-detail-modal .refund-status.rejected{color:red}@keyframes loading{0%{transform:translateX(-100%) scaleX(0)}50%{transform:translateX(0) scaleX(1)}to{transform:translateX(100%) scaleX(0)}}@media only screen and (max-width:1022px){.order-detail-modal .order-detail-C_modal{margin:0}.order-detail-modal .order-detail-C_modal .order-detail-heading{align-items:start}.order-detail-modal .order-detail-C_modal .order-detail-body,.order-detail-modal .order-detail-C_modal .order-detail-heading .heading-infor{gap:16px;flex-direction:column}.order-detail-modal .order-detail-C_modal .order-detail-body .order-food-lst{width:100%}.order-detail-modal .order-detail-C_modal .order-detail-body .order-food-lst .order-food{padding:0}.order-detail-modal .order-detail-C_modal .order-detail-body .order-food-lst .order-food .food-img>img{width:61px;height:61px}.order-detail-modal .order-detail-C_modal .order-detail-body .order-food-lst .order-food .food-quantity{font-size:14px}.order-detail-modal .order-detail-C_modal .order-detail-body .order-food-lst .order-food .food-detail{flex:1;flex-direction:row;justify-content:space-between}.order-detail-modal .order-detail-C_modal .order-detail-body .order-food-lst .order-food .food-detail .food-detail-title>b{width:unset;font-size:14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-word}.order-detail-modal .order-detail-C_modal .order-detail-body .order-food-lst .order-food .food-detail .food-detail-title>p{width:unset;font-size:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-word}.order-detail-modal .order-detail-C_modal .order-detail-body .order-food-lst .order-food .food-detail>p{font-size:14px}.order-detail-modal .order-detail-C_modal .order-detail-body .order-detail{width:100%;padding:0;border:0}.order-detail-modal .order-detail-C_modal .order-detail-body .order-detail .order-total-lst{padding:0}.order-detail-modal .order-detail-C_modal .order-detail-body .order-detail .order-contact .shipper-profile{width:100%;padding-right:0}.order-detail-modal .order-detail-C_modal .order-detail-body .order-detail .order-contact .shipper-profile .shipper-img>img{width:42px;height:42px}.order-detail-modal .order-detail-C_modal .order-detail-body .order-detail .order-contact .shipper-profile .shipper-infor{font-size:14px}.order-detail-modal .order-detail-C_modal .order-detail-body .order-detail .order-contact .order-addr{gap:8px}.order-detail-modal .order-detail-C_modal .order-detail-body .order-detail .order-contact .order-addr .addr-img{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0}.order-detail-modal .order-detail-C_modal .order-detail-body .order-detail .order-contact .order-addr .addr-img>img{width:15px;height:15px}.order-detail-modal .order-detail-C_modal .order-detail-body .order-detail .order-contact .order-addr .my-addr-img{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0}.order-detail-modal .order-detail-C_modal .order-detail-body .order-detail .order-contact .order-addr .my-addr-img>img{width:15px;height:15px}.order-detail-modal .order-detail-C_modal .order-detail-body .order-detail .order-contact .order-addr .addr{flex:1}.order-detail-modal .order-detail-C_modal .order-detail-body .mobile{display:flex}.order-detail-modal .order-detail-C_modal .order-detail-body .desktop .order-contact{display:none}}@media only screen and (max-width:550px){.order-detail-modal{padding:15px}.order-detail-modal .order-detail-C_modal{border-radius:0}.order-detail-modal .order-detail-C_modal .order-detail-heading{align-items:start}.order-detail-modal .order-detail-C_modal .order-detail-heading .heading-infor .order-detail-infor .order-code{font-size:14px}.order-detail-modal .order-detail-C_modal .order-detail-heading .order-detail-support{gap:8px;font-size:14px;cursor:pointer}.order-detail-modal .order-detail-C_modal .order-detail-heading .order-detail-support>img{width:20px;height:20px}.order-detail-modal .order-detail-C_modal .order-status>b{font-size:20px}.order-detail-modal .order-detail-C_modal .order-status .order-status-detail>img{width:22px;height:22px}.order-detail-modal .order-detail-C_modal .order-detail-body{flex-direction:column;gap:20px}.order-detail-modal .order-detail-C_modal .order-detail-body .order-food-lst{width:100%}.order-detail-modal .order-detail-C_modal .order-detail-body .order-food-lst .order-food .food-img>img{width:51px;height:51px}}.refund-modal{background:#fff;border-radius:12px;width:100%;max-width:600px;max-height:95vh;position:relative;overflow:hidden;margin:auto;outline:none;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.refund-modal__header{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid #e5e7eb}.refund-modal__header h2{margin:0;font-size:20px;font-weight:600;color:#111827}.refund-modal__header .close-btn{background:none;border:none;padding:8px;cursor:pointer;border-radius:6px;color:#6b7280;transition:all .2s}.refund-modal__header .close-btn:hover{background-color:#f3f4f6;color:#374151}.refund-modal__content{padding:24px;max-height:calc(90vh - 140px);overflow-y:auto}.refund-modal__content .order-info{background-color:#f9fafb;padding:16px;border-radius:8px;margin-bottom:24px}.refund-modal__content .order-info .info-item{display:flex;justify-content:space-between;margin-bottom:8px}.refund-modal__content .order-info .info-item:last-child{margin-bottom:0}.refund-modal__content .order-info .info-item .label{color:#6b7280;font-size:14px}.refund-modal__content .order-info .info-item .value{font-weight:600;color:#111827}.refund-modal__content .form-group{margin-bottom:20px}.refund-modal__content .form-group label{display:block;margin-bottom:8px;font-weight:500;color:#374151;font-size:14px}.refund-modal__content .form-group .form-input{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;transition:border-color .2s;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;background:url("data:image/svg+xml;utf8,<svg fill='none' stroke='%236b7280' stroke-width='2' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M19 9l-7 7-7-7'/></svg>") no-repeat;background-size:14px;background-position:right 8px center}.refund-modal__content .form-group .form-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.refund-modal__content .form-group .custom-bank-select{position:relative}.refund-modal__content .form-group .custom-bank-select .form-input{padding-right:40px}.refund-modal__content .form-group .custom-bank-select .bank-dropdown{position:absolute;width:100%;background:#fff;border:1px solid #d1d5db;border-radius:8px;margin-top:4px;max-height:250px;overflow-y:auto;z-index:100}.refund-modal__content .form-group .custom-bank-select .bank-dropdown .bank-search-input{width:100%;padding:10px;border:none;border-bottom:1px solid #e5e7eb;font-size:14px;outline:none}.refund-modal__content .form-group .custom-bank-select .bank-dropdown .bank-search-input:focus{border-color:#3b82f6}.refund-modal__content .form-group .custom-bank-select .bank-dropdown ul{list-style:none;margin:0;padding:0}.refund-modal__content .form-group .custom-bank-select .bank-dropdown ul li{display:flex;align-items:center;padding:10px;cursor:pointer;transition:background .2s}.refund-modal__content .form-group .custom-bank-select .bank-dropdown ul li:hover{background:#f3f4f6}.refund-modal__content .form-group .custom-bank-select .bank-dropdown ul li img{width:30px;height:30px;object-fit:contain;border-radius:4px;flex-shrink:0;margin-right:8px}.refund-modal__content .form-group .form-textarea{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;resize:vertical;min-height:100px;font-family:inherit;transition:border-color .2s}.refund-modal__content .form-group .form-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.refund-modal__content .image-upload-container .image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;margin-bottom:12px}.refund-modal__content .image-upload-container .image-grid .image-item{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;border:1px solid #e5e7eb}.refund-modal__content .image-upload-container .image-grid .image-item img{width:100%;height:100%;object-fit:cover}.refund-modal__content .image-upload-container .image-grid .image-item .remove-image-btn{position:absolute;top:4px;right:4px;background:rgba(0,0,0,.7);color:#fff;border:none;border-radius:50%;width:24px;height:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;line-height:1}.refund-modal__content .image-upload-container .image-grid .image-item .remove-image-btn:hover{background:rgba(0,0,0,.9)}.refund-modal__content .image-upload-container .image-grid .add-image-btn{aspect-ratio:1;border:2px dashed #d1d5db;border-radius:8px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.refund-modal__content .image-upload-container .image-grid .add-image-btn:hover{border-color:#3b82f6;background-color:#f8fafc}.refund-modal__content .image-upload-container .image-grid .add-image-btn .add-image-content{display:flex;flex-direction:column;align-items:center;gap:8px;color:#6b7280}.refund-modal__content .image-upload-container .image-grid .add-image-btn .add-image-content svg{width:24px;height:24px}.refund-modal__content .image-upload-container .image-grid .add-image-btn .add-image-content span{font-size:12px;font-weight:500}.refund-modal__content .image-upload-container .image-note{font-size:12px;color:#6b7280;margin:0}.refund-modal__content .bank-info{background-color:#f0f9ff;padding:20px;border-radius:8px;border:1px solid #e0f2fe}.refund-modal__content .bank-info h3{margin:0 0 16px;font-size:16px;font-weight:600;color:#0c4a6e}.refund-modal__content .bank-info .bank-logo{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding:12px;background:#fff;border-radius:8px;border:1px solid #e0f2fe}.refund-modal__content .bank-info .bank-logo img{height:32px;width:auto}.refund-modal__content .bank-info .bank-logo span{font-weight:600;color:#0c4a6e}.refund-modal__content .bank-info .bank-logo input{font-weight:600;color:#0c4a6e;width:100%;padding:12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;transition:border-color .2s}.refund-modal__content .bank-info .bank-logo input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.refund-modal__footer{display:flex;gap:12px;justify-content:flex-end;padding:24px;border-top:1px solid #e5e7eb;background-color:#f9fafb}.refund-modal__footer .btn{padding:12px 24px;border-radius:8px;font-weight:500;font-size:14px;cursor:pointer;transition:all .2s;border:none}.refund-modal__footer .btn.btn-secondary{background-color:#fff;color:#374151;border:1px solid #d1d5db}.refund-modal__footer .btn.btn-secondary:hover{background-color:#f9fafb}.refund-modal__footer .btn.btn-primary{background-color:#3b82f6;color:#fff}.refund-modal__footer .btn.btn-primary:hover:not(:disabled){background-color:#2563eb}.refund-modal__footer .btn.btn-primary:disabled{background-color:#9ca3af;cursor:not-allowed}@media(max-width:640px){.refund-modal-overlay,.refund-modal__content,.refund-modal__header{padding:10px}.refund-modal__footer{padding:6px}.refund-modal__content .image-upload-container .image-grid{grid-template-columns:repeat(2,1fr)}.refund-modal__footer{flex-direction:column}.refund-modal__footer .btn{width:100%}}