.tracking-modal-content{grid-template-columns:1fr;height:100%;display:grid}@media (min-width:1024px){.tracking-modal-content{grid-template-columns:300px 1fr}}.tracking-left-panel{background-color:#fff;border-right:1px solid #e5e7eb;padding:24px;overflow-y:auto}.tracking-right-panel{background-color:#f9fafb;max-height:calc(90vh - 80px);padding:24px;overflow-y:auto}.tracking-status-hero{box-shadow:none;text-align:center;background:0 0;border-radius:0;margin-bottom:20px;padding:24px}.tracking-status-image{justify-content:center;align-items:center;width:300px;height:200px;margin:0 auto 16px;display:flex}.tracking-status-image img{-o-object-fit:contain;object-fit:contain;max-width:100%;height:auto}.tracking-status-label{color:#6b7280;margin-bottom:4px;font-size:14px;font-weight:500}.tracking-status-value{color:#111827;font-size:20px;font-weight:700}.tracking-status-value.delivered{color:#10b981}.tracking-status-value.shipping{color:#3b82f6}.tracking-status-value.pending{color:#f59e0b}.tracking-timeline-container{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #00000014}.tracking-timeline-title{color:#111827;margin-bottom:20px;font-size:16px;font-weight:600}.tracking-timeline-item{padding-bottom:24px;padding-left:48px;position:relative}.tracking-timeline-item:last-child{padding-bottom:0}.tracking-timeline-item:not(:last-child):before{content:"";background-image:repeating-linear-gradient(#d1d5db 0 4px,#0000 4px 8px);width:2px;position:absolute;top:40px;bottom:0;left:15px}.tracking-timeline-item.completed:not(:last-child):before{background-image:repeating-linear-gradient(#10b981 0 4px,#0000 4px 8px)}.tracking-timeline-dot{z-index:2;border:3px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:absolute;top:0;left:0;box-shadow:0 2px 4px #0000001a}.tracking-timeline-dot.grey{background-color:#d1d5db}.tracking-timeline-dot.green{background-color:#10b981}.tracking-timeline-dot.blue{background-color:#3b82f6}.tracking-timeline-dot.orange{background-color:#f59e0b}.tracking-timeline-dot svg{color:#fff;width:16px;height:16px}.tracking-timeline-date{color:#6b7280;margin-bottom:4px;font-size:13px;font-weight:600}.tracking-timeline-item.completed .tracking-timeline-date{color:#10b981}.tracking-timeline-desc{color:#111827;font-size:14px;font-weight:400;line-height:1.5}.tracking-timeline-location{color:#6b7280;margin-top:4px;font-size:12px}.tracking-info-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:16px;padding:16px}.tracking-info-label{color:#6b7280;margin-bottom:6px;font-size:12px;font-weight:500;display:block}.tracking-info-value{color:#111827;font-size:14px;font-weight:600}.tracking-info-value.large{font-family:Courier New,monospace;font-size:16px}.tracking-resi-card{background:#fff;border:1px solid #d1d5db;border-radius:8px;align-items:center;gap:8px;margin-bottom:16px;padding:12px;display:flex}.tracking-resi-number{color:#111827;flex:0 auto;font-family:Courier New,monospace;font-size:14px;font-weight:600}.tracking-copy-btn{cursor:pointer;background-color:#0000;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:6px;transition:background-color .2s;display:flex}.tracking-copy-btn:hover{background-color:#f3f4f6}.tracking-pod-section{border-top:1px solid #e5e7eb;margin-top:16px;padding-top:16px}.tracking-pod-label{color:#6b7280;margin-bottom:8px;font-size:12px;display:block}.tracking-pod-info{color:#111827;margin-bottom:12px;font-size:13px;line-height:1.4}.tracking-pod-photos{gap:8px;display:flex}.tracking-pod-photo{cursor:pointer;border:1px solid #d1d5db;border-radius:8px;width:80px;height:80px;transition:all .2s;position:relative;overflow:hidden}.tracking-pod-photo:hover{transform:scale(1.05);box-shadow:0 4px 8px #00000026}.tracking-pod-photo img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.tracking-refresh-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:16px;padding:12px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.tracking-refresh-btn:hover:not(:disabled){color:#3b82f6;background:#f9fafb;border-color:#3b82f6}.tracking-refresh-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width:1023px){.tracking-left-panel,.tracking-right-panel,.tracking-status-hero,.tracking-timeline-container{padding:16px}.tracking-status-image{width:200px;height:150px}}.tracking-right-panel::-webkit-scrollbar{width:6px}.tracking-right-panel::-webkit-scrollbar-track{background:#f9fafb}.tracking-right-panel::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.tracking-right-panel::-webkit-scrollbar-thumb:hover{background:#94a3b8}.tracking-right-panel{scrollbar-width:thin;scrollbar-color:#cbd5e1 #f9fafb}@keyframes dotPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.tracking-timeline-item.completed .tracking-timeline-dot.green{animation:2s ease-in-out infinite dotPulse}
.address-modal-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.address-modal-title{color:#111827;margin:0;font-size:20px;font-weight:700}.address-modal-body{flex:1;padding:24px;overflow-y:auto}.address-add-btn{color:#10b981;cursor:pointer;background-color:#0000;border:2px dashed #10b981;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;margin-bottom:16px;padding:16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.address-add-btn:hover{color:#059669;background-color:#f0fdf4;border-color:#059669}.address-card{cursor:pointer;background-color:#fff;border:2px solid #e5e7eb;border-radius:8px;margin-bottom:12px;padding:16px;transition:all .2s}.address-card:hover{background-color:#f9fafb;border-color:#10b981}.address-card.selected{background-color:#f0fdf4;border-color:#10b981}.address-badges{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.address-badge{border-radius:4px;align-items:center;gap:4px;padding:4px 8px;font-size:11px;font-weight:600;line-height:1;display:inline-flex}.address-badge.label{color:#374151;background-color:#f3f4f6}.address-badge.default{color:#ea580c;background-color:#fed7aa}.address-badge.pinpoint{color:#059669;background-color:#d1fae5}.address-badge.warning{color:#d97706;background-color:#fef3c7}.address-receiver{color:#111827;margin-bottom:4px;font-size:15px;font-weight:600}.address-phone{color:#6b7280;margin-bottom:8px;font-size:14px}.address-line{color:#374151;margin-bottom:4px;font-size:14px;line-height:1.4}.address-location{color:#6b7280;font-size:14px;line-height:1.4}.address-warning{color:#92400e;background-color:#fef3c7;border:1px solid #fde047;border-radius:6px;align-items:center;gap:6px;margin-top:12px;padding:10px 12px;font-size:12px;display:flex}.address-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:12px;display:flex}.address-action-btn{cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:4px 0;font-size:13px;font-weight:500;transition:all .2s;display:flex}.address-action-btn.select{color:#3b82f6}.address-action-btn.select:hover{color:#2563eb}.address-action-btn.selected{color:#10b981;cursor:default}.address-action-btn.edit{color:#6b7280}.address-action-btn.edit:hover{color:#10b981}.address-action-btn.set-default{color:#6b7280}.address-action-btn.set-default:hover{color:#ea580c}.address-action-btn.delete{color:#ef4444}.address-action-btn.delete:hover{color:#dc2626}.address-action-divider{background-color:#d1d5db;width:1px;height:16px}.address-checkmark{color:#10b981;flex-shrink:0;width:24px;height:24px;margin-left:12px}.address-form-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.address-form-title{color:#111827;margin:0;font-size:20px;font-weight:700}.address-form-body{flex:1;padding:24px;overflow-y:auto}.address-empty{text-align:center;color:#6b7280;padding:48px 24px}.address-empty-icon{color:#d1d5db;width:48px;height:48px;margin:0 auto 16px}.address-empty-title{color:#374151;margin-bottom:8px;font-size:16px;font-weight:500}.address-empty-text{color:#6b7280;font-size:14px}.address-loading{text-align:center;color:#6b7280;padding:48px 24px}.address-modal-body::-webkit-scrollbar{width:6px}.address-form-body::-webkit-scrollbar{width:6px}.address-modal-body::-webkit-scrollbar-track{background:#f9fafb}.address-form-body::-webkit-scrollbar-track{background:#f9fafb}.address-modal-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.address-form-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.address-modal-body::-webkit-scrollbar-thumb:hover{background:#94a3b8}.address-form-body::-webkit-scrollbar-thumb:hover{background:#94a3b8}.address-modal-body,.address-form-body{scrollbar-width:thin;scrollbar-color:#cbd5e1 #f9fafb}@media (max-width:768px){.address-modal-header,.address-form-header,.address-modal-body,.address-form-body{padding:16px}.address-modal-title,.address-form-title{font-size:18px}.address-card{padding:12px}.address-actions{gap:8px}.address-action-btn{font-size:12px}}.address-card:focus-visible{outline-offset:2px;outline:2px solid #3b82f6}.address-action-btn:focus-visible{outline-offset:2px;border-radius:4px;outline:2px solid #3b82f6}
.address-form{flex-direction:column;gap:20px;display:flex}.address-form-error{color:#dc2626;background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;align-items:center;gap:8px;padding:12px 16px;font-size:14px;display:flex}.address-form-section{margin-bottom:20px}.address-form-label{color:#374151;margin-bottom:8px;font-size:14px;font-weight:500;display:block}.address-form-label-required:after{content:" *";color:#ef4444}.address-label-selector{flex-wrap:wrap;gap:8px;display:flex}.address-label-btn{color:#374151;cursor:pointer;background-color:#fff;border:2px solid #d1d5db;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s}.address-label-btn:hover{border-color:#10b981}.address-label-btn.active{color:#fff;background-color:#10b981;border-color:#10b981}.address-form-input{color:#111827;border:2px solid #d1d5db;border-radius:8px;width:100%;padding:10px 12px;font-size:14px;transition:all .2s}.address-form-input:focus{border-color:#10b981;outline:none;box-shadow:0 0 0 3px #10b9811a}.address-form-input::placeholder{color:#9ca3af}.address-form-textarea{color:#111827;resize:vertical;border:2px solid #d1d5db;border-radius:8px;width:100%;min-height:80px;padding:10px 12px;font-size:14px;transition:all .2s}.address-form-textarea:focus{border-color:#10b981;outline:none;box-shadow:0 0 0 3px #10b9811a}.address-search-wrapper,.address-search-input-wrapper{position:relative}.address-search-input{color:#111827;border:2px solid #d1d5db;border-radius:8px;width:100%;padding:10px 40px 10px 12px;font-size:14px;transition:all .2s}.address-search-input:focus{border-color:#10b981;outline:none;box-shadow:0 0 0 3px #10b9811a}.address-search-icon{color:#9ca3af;pointer-events:none;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.address-search-results{z-index:20;background-color:#fff;border:2px solid #e5e7eb;border-radius:8px;width:100%;max-height:280px;margin-top:8px;position:absolute;overflow-y:auto;box-shadow:0 4px 12px #0000001a}.address-search-result-item{text-align:left;cursor:pointer;background-color:#0000;border-bottom:1px solid #f3f4f6;width:100%;padding:12px 16px;transition:background-color .15s}.address-search-result-item:last-child{border-bottom:none}.address-search-result-item:hover{background-color:#f9fafb}.address-search-result-item:active{background-color:#f0fdf4}.address-result-label{color:#111827;margin-bottom:4px;font-size:14px;font-weight:500}.address-result-subdistrict{color:#6b7280;margin-bottom:2px;font-size:13px}.address-result-province{color:#9ca3af;font-size:12px}.address-search-no-results{text-align:center;color:#6b7280;padding:20px}.address-search-no-results-text{color:#6b7280;margin-bottom:12px;font-size:14px}.address-search-no-results-action{color:#3b82f6;cursor:pointer;background:0 0;border:none;padding:4px 0;font-size:13px;text-decoration:underline}.address-search-no-results-action:hover{color:#2563eb}.address-search-results::-webkit-scrollbar{width:6px}.address-search-results::-webkit-scrollbar-track{background:#f9fafb}.address-search-results::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.address-search-results::-webkit-scrollbar-thumb:hover{background:#94a3b8}.address-selected-location{background:linear-gradient(135deg,#f0fdf4 0%,#dcfce7 100%);border:2px solid #86efac;border-radius:8px;margin-top:12px;padding:16px}.address-selected-title{color:#166534;align-items:center;gap:6px;margin-bottom:12px;font-size:14px;font-weight:600;display:flex}.address-selected-info{flex-direction:column;gap:6px;display:flex}.address-selected-row{color:#166534;font-size:13px}.address-selected-row strong{color:#14532d;font-weight:600}.address-form-checkbox-wrapper{align-items:center;gap:8px;margin-top:8px;display:flex}.address-form-checkbox{cursor:pointer;border:2px solid #d1d5db;border-radius:4px;width:18px;height:18px;transition:all .2s}.address-form-checkbox:checked{background-color:#10b981;border-color:#10b981}.address-form-checkbox:focus{outline:none;box-shadow:0 0 0 3px #10b9811a}.address-form-checkbox-label{color:#374151;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:14px}.address-form-actions{border-top:1px solid #e5e7eb;gap:12px;padding-top:16px;display:flex}.address-form-btn{cursor:pointer;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.address-form-btn-cancel{color:#374151;background-color:#fff;border:2px solid #d1d5db}.address-form-btn-cancel:hover{background-color:#f9fafb;border-color:#9ca3af}.address-form-btn-submit{color:#fff;background-color:#10b981;border:2px solid #10b981}.address-form-btn-submit:hover:not(:disabled){background-color:#059669;border-color:#059669;transform:translateY(-1px);box-shadow:0 4px 8px #10b9814d}.address-form-btn-submit:active:not(:disabled){transform:translateY(0)}.address-form-btn-submit:disabled{color:#9ca3af;cursor:not-allowed;opacity:.6;background-color:#d1d5db;border-color:#d1d5db}.address-form-loading{align-items:center;gap:8px;display:inline-flex}.address-form-spinner{width:16px;height:16px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:768px){.address-form-section{margin-bottom:16px}.address-label-selector{gap:6px}.address-label-btn{padding:8px 16px;font-size:13px}.address-form-input,.address-form-textarea{font-size:16px}.address-search-results{max-height:220px}.address-form-actions{flex-direction:column}.address-form-btn{width:100%}}.address-form-input:focus-visible,.address-form-textarea:focus-visible,.address-search-input:focus-visible,.address-label-btn:focus-visible{outline-offset:2px;outline:2px solid #10b981}
.exit-modal-content{text-align:center;background:#fff;border-radius:16px;width:100%;max-width:400px;padding:32px 24px 24px;box-shadow:0 8px 32px #00000026}.exit-modal-title{color:#111827;text-align:center;margin-bottom:20px;font-size:20px;font-weight:700}.exit-modal-icon-wrapper{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 20px;display:flex;box-shadow:0 4px 12px #fbbf2433}.exit-modal-icon-wrapper svg{color:#d97706;width:36px;height:36px}.exit-modal-text{color:#374151;margin-bottom:12px;font-size:15px;line-height:1.6}.exit-modal-subtext{color:#6b7280;margin-bottom:28px;font-size:13px;line-height:1.5}.exit-modal-actions{flex-direction:column;gap:12px;display:flex}.exit-modal-btn-primary{color:#fff;cursor:pointer;background-color:#10b981;border:2px solid #10b981;border-radius:10px;width:100%;padding:14px 24px;font-size:15px;font-weight:600;transition:all .2s;box-shadow:0 2px 8px #10b98133}.exit-modal-btn-primary:hover{background-color:#059669;border-color:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.exit-modal-btn-primary:active{transform:translateY(0)}.exit-modal-btn-secondary{color:#10b981;cursor:pointer;background-color:#0000;border:none;width:100%;padding:12px 24px;font-size:14px;font-weight:600;transition:all .2s}.exit-modal-btn-secondary:hover{color:#059669;text-decoration:underline}@media (max-width:480px){.exit-modal-content{max-width:90%;padding:24px 20px 20px}.exit-modal-title{font-size:18px}.exit-modal-icon-wrapper{width:64px;height:64px}.exit-modal-icon-wrapper svg{width:32px;height:32px}.exit-modal-text{font-size:14px}.exit-modal-subtext{font-size:12px}.exit-modal-btn-primary{padding:12px 20px;font-size:14px}.exit-modal-btn-secondary{font-size:13px}}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9)translateY(-20px)}to{opacity:1;transform:scale(1)translateY(0)}}.exit-modal-content{animation:.25s ease-out modalSlideIn}.exit-modal-btn-primary:focus-visible,.exit-modal-btn-secondary:focus-visible{outline-offset:2px;outline:2px solid #10b981}
.message-dropdown{z-index:50;pointer-events:auto;width:380px;max-width:calc(100vw - 32px);margin-top:0;padding-top:1.1rem;font-family:Inter,system-ui,sans-serif;position:absolute;top:100%;right:50%;transform:translate(50%)}.message-dropdown .dropdown{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 20px #0003}.message-dropdown>div>.p-4{padding:16px}@media (max-width:640px){.message-dropdown{width:90vw;right:50%;transform:translate(50%)}}@media (max-width:768px) and (min-width:641px){.message-dropdown{width:350px}}.message-dropdown:before{content:"";z-index:-1;background:#fff;border-top:1px solid #e5e7eb;border-left:1px solid #e5e7eb;width:12px;height:12px;position:absolute;top:-6px;right:calc(50% - 6px);transform:rotate(45deg)}.message-dropdown h3{color:#111827;border-bottom:1px solid #f3f4f6;margin-bottom:.5rem;padding-bottom:.25rem;font-size:.95rem;font-weight:600}.conversation-list{max-height:400px;margin-bottom:12px;overflow-y:auto}.conversation-list::-webkit-scrollbar{width:6px}.conversation-list::-webkit-scrollbar-track{background:#f3f4f6;border-radius:3px}.conversation-list::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.conversation-list::-webkit-scrollbar-thumb:hover{background:#9ca3af}.conversation-item{cursor:pointer;background-color:#fff;border:1px solid #f3f4f6;border-radius:8px;align-items:flex-start;gap:12px;margin-bottom:4px;padding:12px;transition:background-color .15s;display:flex;position:relative}.conversation-item:hover{background-color:#f9fafb;border-color:#e5e7eb}.conversation-item.unread{background-color:#eff6ff;border-color:#dbeafe}.conversation-item.unread:hover{background-color:#dbeafe}.conversation-context-icon{color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.conversation-context-icon svg{width:18px;height:18px}.context-order{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)}.context-product{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%)}.context-general{background:linear-gradient(135deg,#6b7280 0%,#4b5563 100%)}.context-cart{background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.conversation-content{flex:1;min-width:0;padding-right:8px}.conversation-subject{color:#111827;text-overflow:ellipsis;white-space:nowrap;margin:0 0 2px;font-size:.9rem;font-weight:600;overflow:hidden}.conversation-item.unread .conversation-subject{color:#1e40af}.conversation-preview{color:#6b7280;text-overflow:ellipsis;white-space:nowrap;margin:0 0 4px;font-size:.78rem;overflow:hidden}.conversation-preview strong{color:#374151;font-weight:600}.conversation-meta{align-items:center;gap:8px;display:flex}.conversation-badge{text-transform:uppercase;letter-spacing:.3px;border-radius:4px;padding:2px 6px;font-size:.65rem;font-weight:600}.conversation-badge.order{color:#92400e;background:#fef3c7}.conversation-badge.product{color:#1e40af;background:#dbeafe}.conversation-badge.general{color:#374151;background:#f3f4f6}.conversation-badge.cart{color:#065f46;background:#d1fae5}.conversation-time{color:#9ca3af;font-size:.7rem}.conversation-unread-dot{background:#3b82f6;border-radius:50%;width:8px;height:8px;position:absolute;top:12px;right:12px;box-shadow:0 0 0 2px #fff}.conversation-empty{text-align:center;color:#6b7280;padding:20px}.conversation-empty-icon{margin-bottom:8px;font-size:2.5rem}.conversation-empty-text{color:#9ca3af;margin:0;font-size:.85rem}.view-all-messages-btn{color:#3b82f6;cursor:pointer;background:0 0;border:none;border-top:1px solid #e5e7eb;border-radius:0 0 12px 12px;width:100%;padding:10px 0;font-size:.85rem;font-weight:500;transition:all .2s}.view-all-messages-btn:hover{color:#2563eb;background:#f9fafb}@media (max-width:640px){.message-dropdown{width:calc(100vw - 32px);right:50%}.message-dropdown h3{font-size:.9rem}.conversation-item{gap:10px;padding:10px}.conversation-context-icon{width:34px;height:34px}.conversation-context-icon svg{width:16px;height:16px}.conversation-subject{font-size:.85rem}.conversation-preview{font-size:.75rem}.conversation-time{font-size:.68rem}.view-all-messages-btn{padding:9px 0;font-size:.8rem}}@media (max-height:700px){.conversation-list{max-height:300px}}