body{font-family:Arial,sans-serif}.container{display:flex;flex-direction:column;align-items:center;gap:20px;margin:20px}.card{width:100%;max-width:500px;padding:20px;background-color:#f7f7f7;border-radius:5px;box-shadow:0 2px 4px #0000001a}.status-container{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.status-item{display:flex;align-items:center;gap:10px}.status-dot{width:10px;height:10px;border-radius:50%;background-color:#d8d8d8}.status-checkmark{width:20px;height:20px;border-radius:50%;background-color:#d8d8d8;display:flex;justify-content:center;align-items:center;font-weight:700}.status-text{font-weight:700}.current-text{font-weight:bolder;color:red;font-size:1.5em}.status-item.packing{font-size:18px;font-weight:700}.table-container{margin-top:20px}th,td{padding:10px;border-bottom:1px solid #d8d8d8;text-align:left}th{background-color:#f1f1f1}.total-row{font-weight:700}.enable-notifications-btn{display:flex;align-items:center;gap:10px;background-color:#4caf50;color:#fff;border:none;border-radius:5px;padding:10px;cursor:pointer}.header-div{display:flex;justify-content:space-between;align-items:center}#map{width:100%;height:400px}.notification-button-container{margin:15px 0;text-align:center}.notification-button{padding:10px 20px;background-color:#ff6b00;color:#fff;border:none;border-radius:4px;font-size:16px;cursor:pointer;transition:background-color .3s}.notification-button:hover{background-color:#e05d00}.notification-button:disabled{background-color:#ccc;cursor:not-allowed}.ios-notification-hint{font-size:12px;color:#666;margin-top:8px}.refresh-button{padding:8px 16px;background-color:green;color:#fff;border:none;border-radius:4px;font-size:16px;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px}.refresh-button:hover:not(:disabled){background-color:green}.refresh-button:disabled{opacity:.7;cursor:not-allowed}.refresh-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}table{width:100%;border-collapse:collapse}th,td{padding:10px;text-align:left;border-bottom:1px solid #eee}th{background-color:#f5f5f5}.subtotal-row td{border-top:1px solid #ddd;padding-top:12px}.delivery-row td{padding-bottom:12px}.total-row td{font-weight:700;font-size:1.1em;border-top:2px solid #333;padding-top:12px}.status-time{color:#000;font-weight:700;font-size:small}#root{max-width:1280px;margin:0 auto;padding:1.1rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.logo-header{display:flex;justify-content:center;align-items:center;background-color:#000;border-radius:5px;margin-top:-1.5em}.pb-logo{color:#fff;font-size:2rem;font-weight:900;font-family:Helvetica,sans-serif;background-color:#000;padding:0 .4em;border-radius:5px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.pb-logo{transition:transform .3s ease}.pb-logo:hover{transform:scale(1.05)}