.popup-overlay{z-index:1000;opacity:1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#00000080;justify-content:center;align-items:center;transition:opacity .5s,-webkit-backdrop-filter .5s,backdrop-filter .5s;display:flex;position:fixed;inset:0}.popup-overlay.fade-out{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur();pointer-events:none}.popup-container{background-color:#fff;border-radius:8px;width:100%;max-width:500px;margin:0 16px;padding:20px;box-shadow:0 4px 12px #00000026}.popup-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.popup-title{color:#333;margin:0;font-size:1.25rem;font-weight:700}.eta-container{justify-content:flex-end;align-items:center;margin-bottom:16px;padding-right:4px;display:flex}.eta-label{color:#6b7280;margin-right:5px;font-size:.85rem;font-weight:500}.eta-timer{color:#3b82f6;font-size:.85rem;font-weight:600}.popup-close-button{color:#777;cursor:pointer;background:0 0;border:none;padding:0;font-size:1.5rem;line-height:1}.popup-close-button:hover{color:#333}.messages-container{max-height:320px;margin-bottom:16px;padding-right:8px;overflow-y:auto}.timeline{padding-left:28px;position:relative}.timeline:before{content:"";background-color:#e5e5e5;width:2px;position:absolute;top:0;bottom:0;left:20px}.message-item{margin-bottom:14px;position:relative}.status-indicator{justify-content:center;align-items:center;display:flex;position:absolute;left:-18px}.indicator{border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.indicator.completed{background-color:#22c55e26}.indicator.processing{background-color:#3b82f626}.indicator.pending{background-color:#9ca3af26}.check-icon{fill:#22c55e;width:14px;height:14px}.spinner{border:2px solid #3b82f64d;border-top-color:#3b82f6;border-radius:50%;width:10px;height:10px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.dot{background-color:#9ca3af;border-radius:50%;width:6px;height:6px}.message-content{border-radius:8px;margin-left:8px;padding:10px;transition:all .3s ease-in-out}.message-content.completed{color:#166534;background-color:#22c55e1a}.message-content.processing{color:#1e40af;background-color:#3b82f61a;animation:2s infinite pulse}.message-content.pending{color:#4b5563;background-color:#9ca3af1a}@keyframes pulse{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.message-text{font-size:.95rem;font-weight:500}.message-status{opacity:.75;margin-top:4px;font-size:.75rem}@media (max-width:640px){.popup-container{max-width:90%;margin:0 auto;padding:16px}.popup-title{font-size:1.1rem}.eta-label,.eta-timer{font-size:.75rem}.message-text{font-size:.85rem}.message-status{font-size:.7rem}.timeline{padding-left:22px}.timeline:before{left:16px}.status-indicator{left:-14px}.indicator{width:18px;height:18px}.messages-container{max-height:280px}}@media (max-width:400px){.popup-container{max-width:95%;margin:0 auto;padding:12px}.popup-title{font-size:1rem}.eta-label,.eta-timer{font-size:.7rem}.message-text{font-size:.8rem}.message-status{font-size:.65rem}.timeline{padding-left:18px}.timeline:before{left:14px}.status-indicator{left:-12px}.indicator{width:16px;height:16px}.check-icon{width:12px;height:12px}.spinner{border-width:1.5px;width:8px;height:8px}.dot{width:5px;height:5px}.message-content{padding:8px}.messages-container{max-height:260px}.message-item{margin-bottom:10px}}