:root{--tracking-primary:#2196F3;--tracking-success:#4CAF50;--tracking-warning:#FF9800;--tracking-danger:#F44336;--tracking-dark:#333333;--tracking-light:#F8F9FA;--tracking-border:#E9ECEF;--tracking-text:#666666;--tracking-text-light:#999999;--tracking-white:#FFFFFF;--tracking-shadow:0 2px 12px rgba(0, 0, 0, 0.08);--tracking-shadow-hover:0 4px 20px rgba(0, 0, 0, 0.12);--tracking-radius:12px;--tracking-radius-sm:8px;--tracking-spacing:24px;--tracking-spacing-sm:16px;--tracking-spacing-xs:12px}.ongaraj-tracking-container{background:var(--tracking-white);padding:0;margin:0;max-width:1600px;margin:0 auto;width:100%}.ongaraj-tracking-container.delivered{background:var(--tracking-white)}.container{margin:0 auto;padding:0 20px}.tracking-ready-section{padding:20px 0;background:var(--tracking-white);position:relative;width:100%}.ready-card{margin:0 auto;background:var(--tracking-white);border-radius:var(--tracking-radius);box-shadow:var(--tracking-shadow);padding:32px;text-align:center;border:none;position:relative;overflow:hidden}.ready-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#4CAF50,#2196F3,#FF9800)}.ready-header{margin-bottom:32px}@media (max-width:768px){.ready-header{margin-bottom:0;padding:0}}.header-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.ready-header h1{font-size:2rem;font-weight:700;color:var(--tracking-dark);margin:0}.cargo-provider{display:flex;flex-direction:column;align-items:flex-end;gap:4px;text-align:right}.provider-label{font-size:.8rem;color:var(--tracking-text);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.provider-name{font-size:1rem;color:var(--tracking-primary);font-weight:600}.cargo-company-inline{font-weight:600;color:var(--tracking-primary)}.ready-status{margin-bottom:50px;text-align:center}.status-icon{margin-bottom:30px;display:flex;justify-content:center}.package-icon{position:relative;display:inline-block;width:100px;height:100px;background:linear-gradient(135deg,#4CAF50,#45a049);border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px rgb(76 175 80 / .3);animation:packagingAnimation 4s ease-in-out infinite}.package-icon::before{content:'';position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;background:linear-gradient(135deg,#66BB6A,#4CAF50);border-radius:15px;z-index:-1;opacity:.2}.package-icon i{font-size:2.5rem;color:#fff;text-shadow:0 2px 4px rgb(0 0 0 / .2);animation:itemPackaging 4s ease-in-out infinite}.package-shine{position:absolute;top:10px;left:10px;width:15px;height:15px;background:rgb(255 255 255 / .4);border-radius:50%;animation:gentleShine 3s ease-in-out infinite}.package-tape{position:absolute;top:15px;left:50%;transform:translateX(-50%);width:50px;height:6px;background:rgb(255 255 255 / .7);border-radius:3px}.status-content h2{font-size:3rem;font-weight:700;color:#27ae60;margin:0 0 20px 0;letter-spacing:-.01em}.status-subtitle{font-size:1.2rem;color:var(--tracking-text);line-height:1.6;margin:0;max-width:600px;margin:0 auto}.ready-flow{margin:60px 0;display:flex;flex-direction:column;gap:30px;max-width:800px;margin-left:auto;margin-right:auto}.flow-step{display:flex;align-items:center;gap:30px;padding:30px;background:rgb(255 255 255 / .7);border-radius:20px;border:2px solid #fff0;transition:all 0.3s ease;position:relative}.flow-step.completed{background:linear-gradient(135deg,rgb(39 174 96 / .1) 0%,rgb(46 204 113 / .05) 100%);border-color:rgb(39 174 96 / .3)}.flow-step.active{background:linear-gradient(135deg,rgb(52 152 219 / .1) 0%,rgb(41 128 185 / .05) 100%);border-color:rgb(52 152 219 / .3);animation:activeFlowStep 3s ease-in-out infinite;position:relative;overflow:hidden}.flow-step.active::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgb(52 152 219 / .1),transparent);animation:shimmer 2s infinite}.step-indicator{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.flow-step.completed .step-indicator{background:linear-gradient(135deg,#27ae60 0%,#2ecc71 100%);color:#fff;animation:completedGlow 2s ease-in-out infinite}.flow-step.active .step-indicator{background:linear-gradient(135deg,#3498db 0%,#2980b9 100%);color:#fff;animation:activeGlow 2s ease-in-out infinite}.step-content{flex:1;text-align:left}.step-content h4{font-size:1.4rem;font-weight:700;color:#2c3e50;margin:0 0 8px 0}.step-content p{font-size:1.1rem;color:#7f8c8d;margin:0;line-height:1.5}.step-connector{width:40px;height:2px;background:linear-gradient(90deg,#bdc3c7 0%,transparent 100%);margin-left:auto}.flow-step:last-child .step-connector{display:none}.ready-info{margin:50px 0}.info-highlight{background:linear-gradient(135deg,rgb(255 215 0 / .1) 0%,rgb(255 193 7 / .05) 100%);border:2px solid rgb(255 215 0 / .3);border-radius:20px;padding:30px;margin-bottom:30px;display:flex;align-items:center;gap:20px}.highlight-icon{width:60px;height:60px;background:linear-gradient(135deg,#f39c12 0%,#e67e22 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff;flex-shrink:0}.highlight-content h4{font-size:1.3rem;font-weight:700;color:#2c3e50;margin:0 0 8px 0}.highlight-content p{font-size:1.1rem;color:#7f8c8d;margin:0}.info-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.detail-item{display:flex;align-items:center;gap:15px;padding:20px;background:rgb(255 255 255 / .6);border-radius:15px;border:1px solid rgb(189 195 199 / .3);font-size:1rem;color:#34495e}.detail-item i{color:#3498db;font-size:1.2rem;width:20px;text-align:center}.quality-assurance{margin:50px 0;padding:40px;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border-radius:20px;border:1px solid rgb(0 0 0 / .05)}.quality-header{text-align:center;margin-bottom:30px}.quality-header h3{font-size:1.8rem;font-weight:700;color:#2c3e50;margin:0}.quality-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;max-width:1000px;margin:0 auto}.quality-item{display:flex;align-items:center;gap:20px;padding:30px;background:#fff;border-radius:15px;box-shadow:0 4px 15px rgb(0 0 0 / .05);transition:transform 0.3s ease,box-shadow 0.3s ease;text-align:left;min-height:120px}.quality-item:hover{transform:translateY(-5px);box-shadow:0 8px 25px rgb(0 0 0 / .1)}.quality-icon{width:50px;height:50px;background:linear-gradient(135deg,#4CAF50,#45a049);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.quality-icon i{font-size:1.3rem;color:#fff}.quality-content h4{font-size:1.2rem;font-weight:600;color:#2c3e50;margin:0 0 8px 0}.quality-content p{font-size:.95rem;color:var(--tracking-text);line-height:1.5;margin:0}.ready-actions{display:flex;justify-content:center;gap:20px;margin-top:50px;flex-wrap:wrap}.btn-refresh,.btn-continue{display:inline-flex;align-items:center;gap:12px;padding:18px 32px;border-radius:50px;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all 0.3s ease;border:2px solid #fff0;cursor:pointer;min-width:200px;justify-content:center}.btn-refresh{background:linear-gradient(135deg,#3498db 0%,#2980b9 100%);color:#fff;border-color:#3498db;box-shadow:0 8px 20px rgb(52 152 219 / .3)}.btn-refresh:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgb(52 152 219 / .4)}.btn-continue{background:#fff0;color:#34495e;border-color:#bdc3c7}.btn-continue:hover{background:#34495e;color:#fff;transform:translateY(-3px);box-shadow:0 12px 30px rgb(52 73 94 / .3)}.tracking-search-section{padding:60px 0;background:var(--tracking-white)}.tracking-search-card{max-width:600px;margin:0 auto;text-align:center;background:var(--tracking-white);border-radius:var(--tracking-radius);box-shadow:var(--tracking-shadow);padding:40px}.search-header h1{font-size:2.5rem;font-weight:700;color:var(--tracking-dark);margin-bottom:16px;letter-spacing:-.5px}.search-header p{font-size:1.1rem;color:var(--tracking-text);margin-bottom:32px;line-height:1.6}.tracking-search-form{margin-top:32px}.search-input-group{display:flex;gap:12px;background:var(--tracking-light);border-radius:var(--tracking-radius-sm);padding:8px;border:2px solid #fff0;transition:all 0.3s ease}.search-input-group:focus-within{border-color:var(--tracking-primary);box-shadow:0 0 0 3px rgb(33 150 243 / .1)}.tracking-input{flex:1;border:none;background:#fff0;padding:16px 20px;font-size:1rem;color:var(--tracking-dark);outline:none}.tracking-input::placeholder{color:var(--tracking-text-light)}.tracking-search-btn{background:var(--tracking-primary);color:var(--tracking-white);border:none;border-radius:var(--tracking-radius-sm);padding:16px 24px;font-size:1rem;font-weight:600;cursor:pointer;transition:all 0.3s ease;display:flex;align-items:center;gap:8px;min-width:140px;justify-content:center}.tracking-search-btn:hover{background:#1976D2;transform:translateY(-1px);box-shadow:var(--tracking-shadow-hover)}.tracking-progress-section{padding:20px 0;background:var(--tracking-white);border-bottom:1px solid var(--tracking-border)}.progress-card{background:var(--tracking-white);border-radius:var(--tracking-radius);box-shadow:var(--tracking-shadow);padding:32px}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;flex-wrap:wrap;gap:16px}.progress-header h1{font-size:2rem;font-weight:700;color:var(--tracking-dark);margin:0}.cargo-company{display:flex;align-items:center;gap:6px;background:var(--tracking-light);color:var(--tracking-text);padding:8px 12px;border-radius:var(--tracking-radius-sm);font-weight:500;font-size:.9rem;border:1px solid rgb(0 0 0 / .1)}.cargo-company i{font-size:.9rem;color:var(--tracking-primary)}.tracking-number .label{color:var(--tracking-text);font-size:.9rem}.tracking-number .number{color:var(--tracking-primary);font-size:1.1rem;font-family:'Courier New',monospace}.progress-track{position:relative;margin:32px 0}.progress-steps{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:2}.step{display:flex;flex-direction:column;align-items:center;gap:12px;flex:1;position:relative}.step-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;transition:all 0.3s ease;position:relative;z-index:3}.step.completed .step-icon{background:var(--tracking-success);color:var(--tracking-white);box-shadow:0 4px 12px rgb(76 175 80 / .3)}.step.active .step-icon{background:var(--tracking-primary);color:var(--tracking-white);box-shadow:0 4px 12px rgb(33 150 243 / .3);animation:pulse 2s infinite}.step:not(.completed):not(.active) .step-icon{background:var(--tracking-border);color:var(--tracking-text-light)}.step-label{font-size:.9rem;font-weight:600;color:var(--tracking-text);text-align:center}.step.completed .step-label,.step.active .step-label{color:var(--tracking-dark)}.progress-line{position:absolute;top:24px;left:0;right:0;height:4px;background:var(--tracking-border);border-radius:2px;z-index:1}.progress-fill{height:100%;background:linear-gradient(90deg,var(--tracking-success) 0%,var(--tracking-primary) 100%);border-radius:2px;transition:width 0.8s ease}.current-status{text-align:center;margin-top:24px}.status-badge{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:25px;font-weight:600;font-size:1rem}.status-badge.ind{background:rgb(33 150 243 / .1);color:var(--tracking-primary);border:2px solid rgb(33 150 243 / .2)}.status-badge.del{background:rgb(76 175 80 / .1);color:var(--tracking-success);border:2px solid rgb(76 175 80 / .2)}.status-badge.rjt{background:rgb(244 67 54 / .1);color:#f44336;border:2px solid rgb(244 67 54 / .2)}.progress-track.rejected{background:linear-gradient(135deg,#ffebee 0%,#ffcdd2 100%);border:2px solid #f44336;border-radius:16px;padding:24px;margin:20px 0}.rejected-status{display:flex;align-items:center;gap:16px;text-align:left}.rejected-icon{width:60px;height:60px;background:linear-gradient(135deg,#f44336 0%,#d32f2f 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.8rem;box-shadow:0 4px 12px rgb(244 67 54 / .3);flex-shrink:0}.rejected-content h3{color:#d32f2f;font-size:1.3rem;font-weight:700;margin:0 0 8px 0}.rejected-content p{color:#666;font-size:.95rem;margin:0;line-height:1.5}.rejected-banner{background:linear-gradient(135deg,#ffebee 0%,#ffcdd2 100%);border:2px solid #f44336;border-radius:16px;padding:20px;margin:16px 0;display:flex;align-items:center;gap:16px}.rejected-banner .rejected-icon{width:50px;height:50px;font-size:1.5rem}.rejected-banner .rejected-content h3{font-size:1.1rem;margin-bottom:4px}.rejected-banner .rejected-content p{font-size:.9rem}.estimated-delivery{display:flex;align-items:center;gap:8px;margin-top:16px;padding:12px 20px;background:rgb(33 150 243 / .1);border:1px solid rgb(33 150 243 / .2);border-radius:var(--tracking-radius-sm);color:var(--tracking-primary);font-weight:500}.estimated-delivery i{font-size:1.1rem}.estimated-delivery.distribution{background:rgb(33 150 243 / .1);border:1px solid rgb(33 150 243 / .2);color:var(--tracking-primary)}.estimated-delivery.distribution i{color:var(--tracking-primary)}.delivery-success-banner{display:flex;align-items:center;gap:16px;margin-top:20px;padding:20px;background:linear-gradient(135deg,rgb(76 175 80 / .1) 0%,rgb(76 175 80 / .05) 100%);border:2px solid rgb(76 175 80 / .2);border-radius:var(--tracking-radius);box-shadow:0 4px 12px rgb(76 175 80 / .1)}.cancelled-banner{display:flex;align-items:center;gap:16px;margin-top:20px;padding:20px;background:linear-gradient(135deg,rgb(244 67 54 / .1) 0%,rgb(244 67 54 / .05) 100%);border:2px solid rgb(244 67 54 / .2);border-radius:var(--tracking-radius);box-shadow:0 4px 12px rgb(244 67 54 / .1)}.cancelled-icon{flex-shrink:0;width:60px;height:60px;border-radius:50%;background:var(--tracking-danger);display:flex;align-items:center;justify-content:center;font-size:2rem;color:var(--tracking-white);animation:dangerPulse 2s infinite}.cancelled-content h3{font-size:1.3rem;font-weight:700;color:var(--tracking-danger);margin:0 0 8px 0}.cancelled-content p{color:var(--tracking-text);margin:0;font-size:1rem;line-height:1.4}.pending-banner{display:flex;align-items:center;gap:16px;margin-top:20px;padding:20px;background:linear-gradient(135deg,rgb(33 150 243 / .1) 0%,rgb(33 150 243 / .05) 100%);border:2px solid rgb(33 150 243 / .2);border-radius:var(--tracking-radius);box-shadow:0 4px 12px rgb(33 150 243 / .1)}.pending-icon{flex-shrink:0;width:60px;height:60px;border-radius:50%;background:var(--tracking-primary);display:flex;align-items:center;justify-content:center;font-size:2rem;color:var(--tracking-white);animation:infoPulse 2s infinite}.pending-content h3{font-size:1.3rem;font-weight:700;color:var(--tracking-primary);margin:0 0 8px 0;text-align:left}.pending-content p{color:var(--tracking-text);margin:0;font-size:1rem;line-height:1.4;text-align:left}.pending-banner .pending-content{text-align:left}.pickup-banner{display:flex;align-items:center;gap:16px;margin-top:20px;padding:20px;background:linear-gradient(135deg,rgb(76 175 80 / .1) 0%,rgb(76 175 80 / .05) 100%);border:2px solid rgb(76 175 80 / .2);border-radius:var(--tracking-radius);box-shadow:0 4px 12px rgb(76 175 80 / .1)}.special-delivery-banner{display:flex;align-items:center;gap:16px;margin-top:20px;padding:20px;background:linear-gradient(135deg,rgb(243 156 18 / .1) 0%,rgb(243 156 18 / .05) 100%);border:2px solid rgb(243 156 18 / .2);border-radius:var(--tracking-radius);box-shadow:0 4px 12px rgb(243 156 18 / .1)}.special-delivery-banner .special-delivery-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#f39c12;border-radius:50%;flex-shrink:0}.special-delivery-banner .special-delivery-icon i{font-size:1.2rem;color:#fff}.special-delivery-banner .special-delivery-content h3{font-size:1.1rem;font-weight:600;color:#8b4513;margin:0 0 8px 0;text-align:left}.special-delivery-banner .special-delivery-content p{font-size:.9rem;color:#8b4513;margin:0 0 8px 0;line-height:1.4;text-align:left}.special-delivery-banner .contact-info{font-size:.85rem;color:#8b4513;margin:8px 0 0 0;padding:8px 0;border-top:1px solid rgb(243 156 18 / .2);text-align:left}.special-delivery-banner .contact-info strong{color:#e67e22;font-weight:600}.delivery-failed-banner{display:flex;align-items:center;gap:16px;margin-top:20px;padding:20px;background:linear-gradient(135deg,rgb(231 76 60 / .1) 0%,rgb(231 76 60 / .05) 100%);border:2px solid rgb(231 76 60 / .2);border-radius:var(--tracking-radius);box-shadow:0 4px 12px rgb(231 76 60 / .1)}.delivery-failed-banner .delivery-failed-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#e74c3c;border-radius:50%;flex-shrink:0}.delivery-failed-banner .delivery-failed-icon i{font-size:1.2rem;color:#fff}.delivery-failed-banner .delivery-failed-content h3{font-size:1.1rem;font-weight:600;color:#721c24;margin:0 0 4px 0;text-align:left}.delivery-failed-banner .delivery-failed-content p{font-size:.9rem;color:#721c24;margin:0;line-height:1.4;text-align:left}.delivery-failed-banner .delivery-failed-content{text-align:left}.pickup-icon{flex-shrink:0;width:60px;height:60px;border-radius:50%;background:var(--tracking-success);display:flex;align-items:center;justify-content:center;font-size:2rem;color:var(--tracking-white);animation:successPulse 2s infinite}.pickup-content h3{font-size:1.3rem;font-weight:700;color:var(--tracking-success);margin:0 0 8px 0}.pickup-content p{color:var(--tracking-text);margin:0;font-size:1rem;line-height:1.4}.progress-track.cancelled{background:linear-gradient(135deg,#ffebee 0%,#ffcdd2 100%);border:2px solid #f44336;border-radius:16px;padding:24px;margin:20px 0}.progress-track.pending{background:linear-gradient(135deg,#e3f2fd 0%,#bbdefb 100%);border:2px solid #2196F3;border-radius:16px;padding:24px;margin:20px 0}.progress-track.pickup{background:linear-gradient(135deg,#e8f5e8 0%,#c8e6c9 100%);border:2px solid #4CAF50;border-radius:16px;padding:24px;margin:20px 0}.progress-track.special-delivery{background:linear-gradient(135deg,#fff8e1 0%,#ffecb3 100%);border:2px solid #f39c12;border-radius:16px;padding:24px;margin:20px 0}.progress-track.delivery-failed{background:linear-gradient(135deg,#ffebee 0%,#ffcdd2 100%);border:2px solid #e74c3c;border-radius:16px;padding:24px;margin:20px 0}.cancelled-status,.pending-status,.pickup-status,.special-delivery-status,.delivery-failed-status{display:flex;align-items:center;gap:16px;text-align:left}.cancelled-status .cancelled-icon,.pending-status .pending-icon,.pickup-status .pickup-icon,.special-delivery-status .special-delivery-icon,.delivery-failed-status .delivery-failed-icon{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.8rem;flex-shrink:0}.cancelled-status .cancelled-icon{background:linear-gradient(135deg,#f44336 0%,#d32f2f 100%);box-shadow:0 4px 12px rgb(244 67 54 / .3)}.pending-status .pending-icon{background:linear-gradient(135deg,#2196F3 0%,#1976D2 100%);box-shadow:0 4px 12px rgb(33 150 243 / .3)}.pickup-status .pickup-icon{background:linear-gradient(135deg,#4CAF50 0%,#388E3C 100%);box-shadow:0 4px 12px rgb(76 175 80 / .3)}.special-delivery-status .special-delivery-icon{background:linear-gradient(135deg,#f39c12 0%,#e67e22 100%);box-shadow:0 4px 12px rgb(243 156 18 / .3)}.delivery-failed-status .delivery-failed-icon{background:linear-gradient(135deg,#e74c3c 0%,#c0392b 100%);box-shadow:0 4px 12px rgb(231 76 60 / .3)}.cancelled-status .cancelled-content h3{color:#d32f2f;font-size:1.3rem;font-weight:700;margin:0 0 8px 0}.pending-status .pending-content h3{color:#1976D2;font-size:1.3rem;font-weight:700;margin:0 0 8px 0}.pickup-status .pickup-content h3{color:#388E3C;font-size:1.3rem;font-weight:700;margin:0 0 8px 0}.cancelled-status .cancelled-content p,.pending-status .pending-content p,.pickup-status .pickup-content p{color:#666;font-size:.95rem;margin:0;line-height:1.5}.special-delivery-status .special-delivery-content h3{color:#e67e22;font-size:1.3rem;font-weight:700;margin:0 0 8px 0}.special-delivery-status .special-delivery-content p{color:#8b4513;font-size:.95rem;margin:0;line-height:1.5}.delivery-failed-status .delivery-failed-content h3{color:#c0392b;font-size:1.3rem;font-weight:700;margin:0 0 8px 0}.delivery-failed-status .delivery-failed-content p{color:#721c24;font-size:.95rem;margin:0;line-height:1.5}.success-icon{flex-shrink:0;width:60px;height:60px;border-radius:50%;background:var(--tracking-success);display:flex;align-items:center;justify-content:center;font-size:2rem;color:var(--tracking-white);animation:successPulse 2s infinite}.success-content h3{font-size:1.3rem;font-weight:700;color:var(--tracking-success);margin:0 0 8px 0;text-align:left}.success-content p{color:var(--tracking-text);margin:0;font-size:1rem;line-height:1.4;text-align:left}.delivered-receiver{margin-top:6px;font-size:.95rem;color:#2e7d32}.tracking-details-section{padding:20px 0;background:var(--tracking-white)}.details-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:stretch}.detail-card{background:var(--tracking-white);border-radius:var(--tracking-radius);box-shadow:0 4px 16px rgb(0 0 0 / .08);overflow:hidden;transition:all 0.3s ease;border:1px solid rgb(33 150 243 / .1);position:relative;display:flex;flex-direction:column}.sender-card,.receiver-card{border-left:4px solid var(--tracking-border)}.detail-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--tracking-primary),var(--tracking-success))}@media (max-width:768px){.detail-card::before{display:none}}.detail-card:hover{transform:translateY(-2px);box-shadow:var(--tracking-shadow-hover)}.card-header{display:flex;align-items:center;gap:16px;padding:18px 20px;margin-bottom:16px;background:#fff;border-radius:8px;border:1px solid #e9ecef;cursor:pointer;transition:all 0.3s ease;position:relative;box-shadow:0 1px 3px rgb(0 0 0 / .05)}.card-header:hover{background:#f8f9fa;border-color:#dee2e6;box-shadow:0 2px 6px rgb(0 0 0 / .08)}@media (min-width:769px){.collapsible .card-header{justify-content:flex-start;cursor:default}.collapse-indicator{display:none}}@media (max-width:768px){.collapsible .card-header{justify-content:space-between;cursor:pointer}.collapse-indicator{display:flex;align-items:center;justify-content:center;width:24px;height:24px;transition:transform 0.3s ease}}.card-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.3rem;box-shadow:0 2px 8px rgb(0 0 0 / .1);transition:all 0.3s ease}.sender-card .card-icon{background:rgb(33 150 243 / .1);color:var(--tracking-primary)}.receiver-card .card-icon{background:rgb(76 175 80 / .1);color:var(--tracking-success)}.card-header h3{font-size:1.1rem;font-weight:600;color:#495057;margin:0;letter-spacing:.3px}.card-content{padding:0 20px 20px;transition:all 0.3s ease;overflow:hidden;flex:1;display:grid;grid-auto-rows:min-content;row-gap:12px}@media (min-width:769px){.card-content.collapsed{max-height:none;padding:0 20px 20px;opacity:1;overflow:visible}.desktop-timeline{display:block}.mobile-timeline{display:none}.tracking-details-section{display:block}.mobile-details-section{display:none}}@media (max-width:768px){.card-content.collapsed{max-height:0;padding:0 16px;opacity:0;overflow:hidden;transition:all 0.3s ease}.desktop-timeline{display:none}.mobile-timeline{display:block}.tracking-details-section{display:none}.mobile-details-section{display:block;margin-top:20px}.mobile-details-grid{display:grid;grid-template-columns:1fr;gap:16px}.mobile-details-section .card-content.collapsed{max-height:0;padding:0 16px;opacity:0;overflow:hidden;transition:all 0.3s ease}.mobile-details-section .card-content.expanded{max-height:500px;padding:0 16px 16px;opacity:1}.mobile-details-section .collapse-indicator{display:flex;align-items:center;justify-content:center;width:24px;height:24px;transition:transform 0.3s ease}.show-all-history{margin:20px 0;text-align:center}.btn-show-all{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;background:#f8f9fa;color:#495057;border:1px solid #dee2e6;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all 0.2s ease}.btn-show-all:hover{background:#e9ecef;border-color:#adb5bd;color:#343a40}.btn-show-all i{font-size:.85rem}.btn-show-all i:last-child{transition:transform 0.2s ease}.btn-show-all:hover i:last-child{transform:translateY(1px)}}.card-content.expanded{max-height:none;padding:0 20px 20px;opacity:1}@media (max-width:768px){.card-content.collapsed{max-height:0;padding:0 16px;opacity:0}.card-content.expanded{max-height:500px;padding:0 16px 16px;opacity:1}}.info-item{display:flex;flex-direction:column;gap:4px;margin-bottom:16px}.info-item:last-child{margin-bottom:0}.info-item .label{font-size:.85rem;font-weight:600;color:var(--tracking-text);text-transform:uppercase;letter-spacing:.5px}.info-item .value{font-size:1rem;color:var(--tracking-dark);font-weight:500;line-height:1.4}.detail-card .card-content .info-item{margin-bottom:0;padding:14px 0;border-bottom:1px solid var(--tracking-border)}.detail-card .card-content .info-item:last-child{border-bottom:none}.detail-card .card-content .info-item{display:grid;grid-template-columns:160px 1fr;column-gap:16px;align-items:start}.detail-card .card-content .info-item .label{align-self:start}.detail-card .card-content .info-item .value{align-self:start;overflow-wrap:anywhere;word-break:break-word;hyphens:auto}.sender-card .card-header,.receiver-card .card-header{background:#fff;border-color:#e9ecef}@media (max-width:768px){.details-grid{align-items:stretch}.detail-card{min-height:auto}.detail-card .card-content{row-gap:10px}.detail-card .card-content .info-item{padding:12px 0;grid-template-columns:1fr;row-gap:6px}}.tracking-route-section{padding:20px 0;background:var(--tracking-white)}.route-card{background:var(--tracking-white);border-radius:var(--tracking-radius);box-shadow:var(--tracking-shadow);padding:32px}.route-header{text-align:center;margin-bottom:32px}.route-header h3{font-size:1.5rem;font-weight:700;color:var(--tracking-dark);margin:0}.route-path{display:flex;align-items:center;justify-content:space-between;gap:24px}.route-point{display:flex;flex-direction:column;align-items:center;gap:12px;flex:1}.point-icon{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.4rem;position:relative;z-index:2}.departure .point-icon{background:var(--tracking-primary);color:var(--tracking-white);box-shadow:0 4px 12px rgb(33 150 243 / .3)}.arrival .point-icon{background:var(--tracking-success);color:var(--tracking-white);box-shadow:0 4px 12px rgb(76 175 80 / .3)}.point-info{text-align:center}.point-name{display:block;font-size:1.1rem;font-weight:700;color:var(--tracking-dark);margin-bottom:4px}.point-type{display:block;font-size:.85rem;color:var(--tracking-text);text-transform:uppercase;letter-spacing:.5px}.route-line{flex:2;position:relative;height:4px;background:var(--tracking-border);border-radius:2px;margin:0 16px}.route-dots{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);display:flex;justify-content:space-around;align-items:center}.route-dots .dot{width:8px;height:8px;background:var(--tracking-primary);border-radius:50%;animation:dotPulse 2s infinite}.route-dots .dot:nth-child(2){animation-delay:0.5s}.route-dots .dot:nth-child(3){animation-delay:1s}.route-truck{position:absolute;top:50%;left:20%;transform:translateY(-50%);font-size:1.5rem;color:var(--tracking-primary);animation:truckMove 3s ease-in-out infinite;z-index:3}.delivery-person-info{margin-top:24px;padding-top:24px;border-top:1px solid var(--tracking-border)}.delivery-person-card{display:flex;align-items:center;gap:16px;padding:16px;background:rgb(33 150 243 / .05);border:1px solid rgb(33 150 243 / .1);border-radius:var(--tracking-radius-sm)}.person-icon{width:48px;height:48px;border-radius:50%;background:rgb(33 150 243 / .1);color:var(--tracking-primary);display:flex;align-items:center;justify-content:center;font-size:1.3rem;flex-shrink:0}.person-details h4{font-size:1rem;font-weight:600;color:var(--tracking-dark);margin:0 0 4px 0}.person-details p{font-size:.9rem;color:var(--tracking-text);margin:0;line-height:1.3}.tracking-history-section{padding:40px 0}.history-card{background:var(--tracking-white);border-radius:var(--tracking-radius);box-shadow:var(--tracking-shadow);padding:32px}.history-header{text-align:center;margin-bottom:32px}.history-header h3{font-size:1.5rem;font-weight:700;color:var(--tracking-dark);margin:0 0 8px 0}.history-header p{color:var(--tracking-text);margin:0}.history-timeline{position:relative}.timeline-item{display:flex;gap:20px;margin-bottom:24px;position:relative}.timeline-item:last-child{margin-bottom:0}.desktop-timeline .timeline-item:not(:last-child)::after{content:'';position:absolute;left:52px;right:0;bottom:-12px;height:1px;background:linear-gradient(90deg,rgb(0 0 0 / .08) 0%,#fff0 100%)}.timeline-item.latest{background:rgb(33 150 243 / .05);border-radius:var(--tracking-radius-sm);padding:16px;margin:0 -16px 24px -16px}.timeline-marker{flex-shrink:0;position:relative}.marker-icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem;position:relative;z-index:2}.timeline-item.latest .marker-icon{background:var(--tracking-primary);color:var(--tracking-white);box-shadow:0 2px 8px rgb(33 150 243 / .3)}.timeline-item:not(.latest) .marker-icon{background:var(--tracking-success);color:var(--tracking-white);box-shadow:0 2px 8px rgb(76 175 80 / .3)}.timeline-content{flex:1;padding-top:4px}.timeline-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px;flex-wrap:wrap;gap:8px}.timeline-header h4{font-size:1.1rem;font-weight:600;color:var(--tracking-dark);margin:0}.timeline-date{font-size:.9rem;color:var(--tracking-text);font-weight:500;background:var(--tracking-light);padding:4px 12px;border-radius:12px}.timeline-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.detail-row{display:flex;flex-direction:column;gap:2px}.detail-label{font-size:.8rem;font-weight:600;color:var(--tracking-text);text-transform:uppercase;letter-spacing:.5px}.detail-value{font-size:.95rem;color:var(--tracking-dark);font-weight:500}.no-history{text-align:center;padding:40px 20px;color:var(--tracking-text)}.no-history i{font-size:3rem;margin-bottom:16px;opacity:.5}.tracking-actions-section{padding:40px 0;background:var(--tracking-white);border-top:1px solid var(--tracking-border)}.actions-card{text-align:center}.action-buttons{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.btn-primary,.btn-secondary,.btn-outline{display:inline-flex;align-items:center;gap:8px;padding:14px 24px;border-radius:var(--tracking-radius-sm);font-size:1rem;font-weight:600;text-decoration:none;transition:all 0.3s ease;border:2px solid #fff0;cursor:pointer;min-width:160px;justify-content:center}.btn-primary{background:var(--tracking-primary);color:var(--tracking-white)}.btn-primary:hover{background:#1976D2;transform:translateY(-2px);box-shadow:var(--tracking-shadow-hover)}.btn-secondary{background:var(--tracking-success);color:var(--tracking-white)}.btn-secondary:hover{background:#388E3C;transform:translateY(-2px);box-shadow:var(--tracking-shadow-hover)}.btn-outline{background:#fff0;color:var(--tracking-text);border-color:var(--tracking-border)}.btn-outline:hover{background:var(--tracking-light);color:var(--tracking-dark);transform:translateY(-2px);box-shadow:var(--tracking-shadow-hover)}.tracking-error-section,.tracking-not-found-section{padding:60px 0;background:var(--tracking-white)}.error-card,.not-found-card{max-width:500px;margin:0 auto;text-align:center;background:var(--tracking-white);border-radius:var(--tracking-radius);box-shadow:var(--tracking-shadow);padding:40px;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:60vh}.error-icon,.not-found-icon{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;margin:0 auto 24px}.error-icon{background:rgb(244 67 54 / .1);color:var(--tracking-danger)}.not-found-icon{background:rgb(255 152 0 / .1);color:var(--tracking-warning)}.error-card h2,.not-found-card h2{font-size:1.8rem;font-weight:700;color:var(--tracking-dark);margin-bottom:16px}.error-card p,.not-found-card p{color:var(--tracking-text);margin-bottom:16px;line-height:1.6}@keyframes pulse{0%{box-shadow:0 4px 12px rgb(33 150 243 / .3)}50%{box-shadow:0 4px 20px rgb(33 150 243 / .5)}100%{box-shadow:0 4px 12px rgb(33 150 243 / .3)}}@keyframes dotPulse{0%,100%{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}@keyframes truckMove{0%{left:20%;transform:translateY(-50%) scaleX(1)}50%{left:50%;transform:translateY(-50%) scaleX(1)}100%{left:80%;transform:translateY(-50%) scaleX(-1)}}@keyframes successPulse{0%,100%{box-shadow:0 0 0 0 rgb(76 175 80 / .4);transform:scale(1)}50%{box-shadow:0 0 0 10px #fff0;transform:scale(1.05)}}@keyframes dangerPulse{0%,100%{box-shadow:0 0 0 0 rgb(244 67 54 / .4);transform:scale(1)}50%{box-shadow:0 0 0 10px #fff0;transform:scale(1.05)}}@keyframes infoPulse{0%,100%{box-shadow:0 0 0 0 rgb(33 150 243 / .4);transform:scale(1)}50%{box-shadow:0 0 0 10px #fff0;transform:scale(1.05)}}@keyframes packagingAnimation{0%,100%{transform:scale(1);box-shadow:0 6px 20px rgb(76 175 80 / .3)}25%{transform:scale(1.02);box-shadow:0 8px 25px rgb(76 175 80 / .4)}50%{transform:scale(1.05);box-shadow:0 10px 30px rgb(76 175 80 / .5)}75%{transform:scale(1.02);box-shadow:0 8px 25px rgb(76 175 80 / .4)}}@keyframes itemPackaging{0%,100%{transform:scale(1);opacity:1}25%{transform:scale(.9);opacity:.8}50%{transform:scale(1.1);opacity:1}75%{transform:scale(1.05);opacity:.9}}@keyframes gentleShine{0%,100%{opacity:.4;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}@keyframes ringExpand{0%{opacity:.8;transform:translate(-50%,-50%) scale(.8)}50%{opacity:.4;transform:translate(-50%,-50%) scale(1.2)}100%{opacity:0;transform:translate(-50%,-50%) scale(1.6)}}@keyframes completedGlow{0%,100%{box-shadow:0 0 20px rgb(39 174 96 / .4);transform:scale(1)}50%{box-shadow:0 0 30px rgb(39 174 96 / .6);transform:scale(1.1)}}@keyframes activeGlow{0%,100%{box-shadow:0 0 20px rgb(52 152 219 / .4);transform:scale(1)}50%{box-shadow:0 0 30px rgb(52 152 219 / .6);transform:scale(1.1)}}@keyframes activeFlowStep{0%,100%{border-color:rgb(52 152 219 / .3);box-shadow:0 4px 20px rgb(52 152 219 / .1)}50%{border-color:rgb(52 152 219 / .5);box-shadow:0 8px 30px rgb(52 152 219 / .2)}}@keyframes shimmer{0%{left:-100%}100%{left:100%}}@media (max-width:768px){.tracking-ready-section{padding:20px 0}.ready-card{padding:16px;border-radius:var(--tracking-radius-sm)}.header-content{flex-direction:column;text-align:center;gap:15px}.ready-header h1{font-size:1.4rem}.package-icon{width:80px;height:80px}.package-icon i{font-size:2rem}.package-tape{width:40px;height:5px;top:12px}.status-content h2{font-size:2.2rem}.status-subtitle{font-size:1rem}.quality-assurance{padding:25px 15px;margin:30px 0}.quality-grid{grid-template-columns:1fr;gap:20px;max-width:100%}.quality-item{padding:25px;flex-direction:row;text-align:left;gap:15px;min-height:auto}.cargo-provider{display:none}.page-title{display:none}.ready-status{margin-bottom:30px}.led-icon{width:100px;height:100px;margin-bottom:20px}.led-bulb{width:60px;height:60px}.led-filament{width:30px;height:30px}.led-glow{width:45px;height:45px}.led-rings{width:100px;height:100px}.led-rings .ring-1{width:70px;height:70px}.led-rings .ring-2{width:85px;height:85px}.led-rings .ring-3{width:100px;height:100px}.status-content h2{font-size:2rem;margin-bottom:10px}.status-subtitle{font-size:1rem;margin-bottom:20px}.ready-flow{gap:15px;margin:25px 0}.flow-step{flex-direction:row;text-align:left;gap:15px;padding:15px;border-radius:10px}.step-indicator{width:40px;height:40px;font-size:1rem;flex-shrink:0}.step-content{text-align:left;flex:1}.step-content h4{font-size:1rem;margin-bottom:4px}.step-content p{font-size:.85rem;line-height:1.3}.step-connector{display:none}.info-highlight{flex-direction:row;text-align:left;gap:12px;padding:15px;border-radius:10px}.highlight-icon{width:40px;height:40px;font-size:1rem;flex-shrink:0}.highlight-content h4{font-size:1rem;margin-bottom:4px}.highlight-content p{font-size:.85rem}.info-details{grid-template-columns:1fr;gap:10px}.detail-item{padding:12px;font-size:.85rem;border-radius:8px}.detail-item i{font-size:1rem;width:16px}.ready-actions{flex-direction:column;align-items:center;gap:10px;margin-top:25px}.btn-refresh,.btn-continue{width:100%;max-width:250px;padding:12px 20px;font-size:.9rem}.tracking-search-section{padding:20px 0}.tracking-search-card{padding:16px;margin:0}.search-header h1{font-size:2rem}.search-input-group{flex-direction:column;gap:8px}.tracking-search-btn{width:100%}.progress-card{padding:16px;margin:0}.progress-header{flex-direction:row;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}.progress-header h1{font-size:1.4rem}.cargo-company{font-size:.75rem;padding:6px 10px}.cargo-company i{font-size:.8rem}.tracking-route-section{display:none}.details-grid{grid-template-columns:1fr;gap:12px}.route-card{padding:12px;margin:0}.route-card h3{margin-bottom:8px}.route-path{flex-direction:column;gap:8px}.route-line{width:4px;height:60px;margin:0;transform:rotate(90deg)}.route-dots{flex-direction:column;gap:8px}.history-card{padding:16px;margin:0}.timeline-details{grid-template-columns:1fr}.actions-card{padding:16px;margin:0}.action-buttons{flex-direction:column;align-items:center;gap:12px}.btn-primary,.btn-secondary,.btn-outline{width:100%;max-width:280px}.delivery-success-banner{flex-direction:column;text-align:center;gap:12px}.success-icon{width:50px;height:50px;font-size:1.5rem}.delivery-person-card{flex-direction:column;text-align:center;gap:12px}.route-truck{font-size:1.2rem}.route-path{display:flex;flex-direction:column;gap:32px;position:relative;background:var(--tracking-white);border-radius:var(--tracking-radius-sm);overflow:visible;box-shadow:0 4px 12px rgb(0 0 0 / .08);margin:0 auto;max-width:100%;padding:16px 0}.route-line{display:none}.route-truck{display:none!important}.route-dots{display:none}.route-point{display:flex;align-items:center;gap:20px;padding:16px 20px;background:#fff0;border:none;box-shadow:none;position:relative;justify-content:center;text-align:center;flex-direction:column}.route-point:first-child{background:#fff0}.route-point:last-child{background:#fff0}.route-point:not(:last-child)::after{content:'↓';position:absolute;left:50%;transform:translateX(-50%);bottom:-40px;width:40px;height:40px;background:linear-gradient(135deg,#ff9800 0%,#ffc107 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.4rem;font-weight:700;box-shadow:0 4px 12px rgb(255 152 0 / .4);z-index:10;animation:bounceArrow 2s infinite}@keyframes bounceArrow{0%,20%,50%,80%,100%{transform:translateX(-50%) translateY(0)}40%{transform:translateX(-50%) translateY(-8px)}60%{transform:translateX(-50%) translateY(-4px)}}.point-icon{width:56px;height:56px;font-size:1.6rem;flex-shrink:0;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--tracking-white);box-shadow:0 4px 12px rgb(0 0 0 / .15);position:relative;z-index:2}.route-point:first-child .point-icon{background:var(--tracking-primary)}.route-point:last-child .point-icon{background:var(--tracking-success)}.point-info{flex:1;padding-left:8px}.point-name{font-size:1.4rem;font-weight:800;color:var(--tracking-dark);margin-bottom:6px;letter-spacing:.5px}.point-type{font-size:.85rem;color:var(--tracking-text);font-weight:600;text-transform:uppercase;letter-spacing:1px;opacity:.8}.detail-cards{flex-direction:column;gap:16px}.detail-card{padding:16px;margin:0}.card-header{padding:14px 16px;margin-bottom:16px;background:#fff;border-radius:6px;box-shadow:0 1px 2px rgb(0 0 0 / .04)}.card-header h3{font-size:1rem;font-weight:600;color:#495057}.card-icon{width:36px;height:36px;font-size:1.1rem}.info-item{margin-bottom:12px}.info-item .label{font-size:.8rem;margin-bottom:4px}.info-item .value{font-size:.9rem;line-height:1.4}.route-point{flex-direction:row;text-align:left;gap:12px}.point-icon{width:40px;height:40px;font-size:1.2rem}.point-info{flex:1}.point-name{font-size:1rem;font-weight:600}.point-type{font-size:.85rem}}@media (max-width:480px){.container{padding:0 8px}.tracking-search-card,.progress-card,.detail-card,.route-card,.history-card,.actions-card{margin:0;padding:12px;border-radius:var(--tracking-radius-sm);box-shadow:0 2px 4px rgb(0 0 0 / .05)}.error-card,.not-found-card{margin:0;padding:20px;border-radius:0;box-shadow:none;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;width:100vw;position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999}.not-found-icon{width:60px;height:60px;font-size:2rem;margin-bottom:20px}.not-found-card h2{font-size:1.5rem;margin-bottom:12px}.not-found-card p{font-size:1rem;margin-bottom:20px}.error-details{padding:12px;margin:20px 0}.error-details p{font-size:.85rem;margin-bottom:6px}.search-header h1{font-size:1.8rem}.progress-header h1{font-size:1.3rem}.step-icon{width:40px;height:40px;font-size:1rem}.progress-steps{gap:6px}.step-label{font-size:.7rem;line-height:1.2}.point-icon{width:48px;height:48px;font-size:1.2rem}.timeline-item.latest{margin:0 -12px 20px -12px;padding:12px}.route-point{padding:16px;gap:16px;flex-direction:column;justify-content:center;text-align:center}.point-icon{width:48px;height:48px;font-size:1.4rem}.point-name{font-size:1.2rem;font-weight:800}.point-type{font-size:.8rem}.detail-card{padding:12px}.card-header{padding:10px 12px;margin-bottom:12px}.card-header h3{font-size:1rem}.card-icon{width:32px;height:32px;font-size:1rem}.info-item{margin-bottom:10px}.info-item .label{font-size:.75rem}.info-item .value{font-size:.85rem}.estimated-delivery{padding:10px 16px;font-size:.9rem;line-height:1.3}.estimated-delivery.distribution{padding:10px 16px;font-size:.9rem;line-height:1.3}.estimated-delivery i{font-size:1rem}.detail-cards{flex-direction:column;gap:16px}.detail-card{margin:0;padding:16px}.card-header{margin-bottom:12px}.card-header h3{font-size:1.1rem}.card-icon{width:36px;height:36px;font-size:1.1rem}.info-item{margin-bottom:8px}.info-item .label{font-size:.8rem;margin-bottom:2px}.info-item .value{font-size:.9rem;line-height:1.3}}.tracking-info-section{margin-top:30px}.info-card{background:var(--tracking-white);border:1px solid var(--tracking-border);border-radius:var(--tracking-radius);padding:24px;box-shadow:var(--tracking-shadow);transition:all 0.3s ease}.info-card:hover{box-shadow:var(--tracking-shadow-hover);transform:translateY(-2px)}.info-header{text-align:center;margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid #f0f0f0}.info-header i{font-size:20px;margin-right:10px}.info-header h3{margin:0 0 8px 0;font-size:1.3rem;font-weight:700;color:var(--tracking-dark);letter-spacing:.3px}.info-header p{margin:0;font-size:14px;color:var(--tracking-text);line-height:1.5;font-weight:400}.info-content{display:flex;flex-direction:column;gap:0}.info-item{padding:14px 0;border-bottom:1px solid #f0f0f0;font-size:14px;line-height:1.6}.info-item:last-child{border-bottom:none}.info-item strong{color:var(--tracking-dark);font-weight:700;display:inline-block;margin-right:8px}.info-item span:not(strong){color:var(--tracking-text);font-weight:400}.tracking-error-section{padding:40px 0}.error-card{background:#fff;border:1px solid #e9ecef;border-radius:12px;padding:40px 30px;text-align:center;box-shadow:0 4px 20px rgb(0 0 0 / .1);max-width:500px;margin:0 auto}.error-icon{margin-bottom:20px}.error-icon i{font-size:48px;color:#dc3545}.error-card h2{color:#dc3545;margin-bottom:15px;font-size:24px;font-weight:600}.error-card p{color:#6c757d;margin-bottom:30px;font-size:16px;line-height:1.5}.error-actions{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.error-actions .btn-primary,.error-actions .btn-outline{padding:12px 24px;border-radius:8px;text-decoration:none;font-weight:500;display:inline-flex;align-items:center;gap:8px;transition:all 0.3s ease}.error-actions .btn-primary{background:#007cba;color:#fff;border:2px solid #007cba}.error-actions .btn-primary:hover{background:#005a87;border-color:#005a87;color:#fff}.error-actions .btn-outline{background:#fff0;color:#6c757d;border:2px solid #e9ecef}.error-actions .btn-outline:hover{background:#f8f9fa;border-color:#dee2e6;color:#495057}.input-error{display:flex;align-items:center;gap:8px;background:#ffebee;border:1px solid #ffcdd2;border-radius:6px;padding:12px 16px;margin-top:12px;color:#d32f2f;font-size:14px;font-weight:500;opacity:0;transform:translateY(-5px);transition:all 0.2s ease}.input-error.show{opacity:1;transform:translateY(0)}.input-error i{font-size:16px;color:#d32f2f;flex-shrink:0}@media (min-width:769px){.input-error{font-size:14px;padding:14px 18px}}@media (max-width:768px){.input-error{font-size:13px;padding:10px 14px;margin-top:10px}.input-error i{font-size:14px}}.notification{background:#fff;border-radius:8px;box-shadow:0 4px 20px rgb(0 0 0 / .15);margin-bottom:12px;padding:16px 20px;display:flex;align-items:flex-start;gap:12px;border-left:4px solid #007cba;transform:translateX(100%);transition:transform 0.3s ease;font-size:14px;line-height:1.3;word-wrap:break-word;max-width:350px}.notification.show{transform:translateX(0)}.notification.hide{transform:translateX(100%)}.notification-error{border-left-color:#dc3545}.notification-success{border-left-color:#28a745}.notification-warning{border-left-color:#ffc107}.notification-icon{font-size:18px;color:#007cba;flex-shrink:0;margin-top:2px}.notification-error .notification-icon{color:#dc3545}.notification-success .notification-icon{color:#28a745}.notification-warning .notification-icon{color:#ffc107}.notification-message{flex:1;font-size:14px;color:#495057;font-weight:500;line-height:1.3;word-break:break-word}.notification-close{background:none;border:none;color:#6c757d;cursor:pointer;font-size:16px;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.notification-close:hover{color:#495057}@media (max-width:768px){.info-card{padding:15px}.info-header h3{font-size:16px}.info-item{font-size:13px;padding:12px 0}.info-item strong{margin-right:6px}.error-card{padding:30px 20px;margin:0 15px}.error-actions{flex-direction:column;align-items:center}.error-actions .btn-primary,.error-actions .btn-outline{width:100%;max-width:250px;justify-content:center}.notification-container{top:20px;right:15px;left:15px;max-width:none;display:block}.notification{padding:12px 14px;font-size:13px;margin-bottom:6px;max-width:none;border-radius:6px}.notification-icon{font-size:14px;margin-top:0;width:16px;height:16px;display:flex;align-items:center;justify-content:center}.notification-message{font-size:12px;line-height:1.1;font-weight:500}}@media print{.ongaraj-tracking-container{background:white!important}.tracking-search-section,.tracking-actions-section{display:none!important}.progress-card,.detail-card,.route-card,.history-card{box-shadow:none!important;border:1px solid #ddd!important;break-inside:avoid}.btn-primary,.btn-secondary,.btn-outline{display:none!important}}