*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#667eea,#764ba2);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.App,body{min-height:100vh}.App{padding:20px}.tracking-input-container{margin:0 auto;max-width:600px;padding:40px 20px}.header{margin-bottom:40px;text-align:center}.logo h1{color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:10px}.tagline{color:#ffffffe6;font-size:1.2rem}.tracking-card{background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000001a;margin-bottom:30px;padding:40px}.tracking-card h2{color:#333;font-size:1.8rem;text-align:center}.tracking-card h2,.tracking-form{margin-bottom:30px}.input-group{display:flex;gap:10px;margin-bottom:20px}.tracking-input{border:2px solid #e1e5e9;border-radius:10px;flex:1 1;padding:15px 20px;width:100%}.track-button,.tracking-input{display:flex;font-size:16px;transition:all .3s ease}.track-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;gap:8px;padding:15px 30px}.track-button:hover:not(:disabled){box-shadow:0 10px 20px #667eea4d;transform:translateY(-2px)}.track-button:disabled{opacity:.6}.spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:#fff;height:16px;width:16px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.features{border-top:1px solid #e1e5e9;display:flex;justify-content:space-around;padding-top:20px}.feature-item{align-items:center;color:#666;display:flex;flex-direction:column;font-size:14px;gap:8px}.feature-icon{font-size:20px}.info-section{background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000001a;padding:30px}.info-section h3{color:#333;margin-bottom:25px;text-align:center}.steps{display:flex;gap:20px;justify-content:space-around}.step{flex:1 1;text-align:center}.step-number{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-weight:700;height:40px;justify-content:center;margin:0 auto 10px;width:40px}.tracking-result-container{margin:0 auto;max-width:800px;padding:20px}.result-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.back-button{background:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;padding:10px 20px;transition:all .3s ease}.back-button:hover{background:#f8f9fa;transform:translateX(-5px)}.result-header h1{color:#fff;font-size:2rem}.shipment-card{background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000001a;padding:30px}.shipment-header{border-bottom:1px solid #e1e5e9;margin-bottom:30px;padding-bottom:20px}.docket-info{align-items:center;display:flex;justify-content:space-between}.status-badge{border-radius:20px;color:#fff;font-size:14px;font-weight:600;padding:8px 16px}.detail-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.detail-item label{color:#666;display:block;font-size:14px;margin-bottom:5px}.detail-item p{color:#333;font-size:16px;font-weight:600}.timeline-section{margin-bottom:30px}.timeline-section h3{color:#333;margin-bottom:20px}.timeline{padding-left:30px;position:relative}.timeline:before{background:#e1e5e9;bottom:0;content:"";left:0;position:absolute;top:0;width:2px}.timeline-item{margin-bottom:25px;position:relative}.timeline-marker{background:#667eea;border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 3px #667eea;height:12px;left:-36px;position:absolute;top:0;width:12px}.timeline-content{background:#f8f9fa;border-left:4px solid #667eea;border-radius:10px;padding:15px}.timeline-status{color:#333;font-weight:600;margin-bottom:5px}.timeline-location{color:#666;font-size:14px;margin-bottom:3px}.timeline-date{color:#999;font-size:12px}.additional-info h3{color:#333;margin-bottom:15px}.info-grid{display:flex;gap:30px}.info-item{display:flex;gap:10px}.info-item span{color:#666}.info-item strong{color:#333}@media (max-width:768px){.input-group,.steps{flex-direction:column}.steps{gap:20px}.features{flex-direction:column;gap:15px}.detail-grid{grid-template-columns:1fr}.docket-info,.info-grid{flex-direction:column;gap:15px}.docket-info{align-items:flex-start}}.address{color:#666;display:block;font-size:12px;margin-top:4px}.package-section{background:#f8f9fa;border-radius:10px;margin-bottom:30px;padding:20px}.package-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:15px}.package-item label{color:#666;display:block;font-size:14px;margin-bottom:5px}.package-item p{color:#333;font-weight:600;margin:0}.package-details{background:#fff;border-radius:8px;margin-top:10px;padding:15px}.package-details h4{color:#333;margin-bottom:10px}.package-specs{display:flex;flex-wrap:wrap;gap:20px}.package-specs span{background:#e9ecef;border-radius:15px;color:#495057;font-size:12px;padding:5px 10px}.timeline-updatedby{color:#888;font-size:12px;margin-top:5px}.no-timeline{color:#666;font-style:italic;padding:20px;text-align:center}.contact-section{border-top:1px solid #e1e5e9;margin-top:20px;padding-top:20px}.contact-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.contact-item label{color:#666;display:block;font-size:14px;margin-bottom:5px}.contact-item p{color:#333;margin:0;word-break:break-all}.full-width{grid-column:1/-1}.error-message{background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000001a;padding:40px;text-align:center}.error-message p{color:#666;font-size:18px}@media (max-width:768px){.package-grid{grid-template-columns:1fr}.package-specs{flex-direction:column;gap:10px}.contact-grid{grid-template-columns:1fr}}.share-info{background:#f8f9fa;border-radius:8px;margin:15px 0;padding:10px;text-align:center}.tracking-link{background:#e9ecef;border-radius:4px;display:block;font-family:monospace;font-size:12px;margin-top:5px;padding:5px 10px;word-break:break-all}.loading-container{background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000001a;padding:60px 40px;text-align:center}.spinner-large{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#667eea;height:40px;margin:0 auto 20px;width:40px}.error-icon{font-size:48px;margin-bottom:20px}.retry-button{background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;margin-top:20px;padding:12px 24px}.retry-button:hover{background:#5a6fd8}.header-left,.header-right{display:flex;gap:10px}.share-button,.track-another-button{background:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px}.share-button:hover{background:#0da271}.track-another-button{background:#667eea}.track-another-button:hover{background:#5a6fd8}.status-section{align-items:flex-end;display:flex;flex-direction:column;gap:5px}.tracking-url{background:#f8f9fa;border-radius:4px;color:#666;font-size:12px;max-width:300px;padding:4px 8px;word-break:break-all}.recent-tracking{background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000001a;margin-top:30px;padding:30px;text-align:center}.recent-tracking h3{color:#333;margin-bottom:15px}@media (max-width:768px){.result-header{flex-direction:column;gap:15px;text-align:center}.header-left,.header-right{justify-content:center}.status-section{align-items:center;margin-top:10px}.docket-info{flex-direction:column;gap:15px}}.input-wrapper{flex:1 1;position:relative}.character-count{background:#ffffffe6;border-radius:10px;color:#666;font-size:12px;padding:2px 6px;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.tracking-input.error{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.error-message{background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#dc2626}.error-message,.warning-message{font-size:14px;margin-top:8px;padding:8px 12px}.warning-message{background:#fffbeb;border:1px solid #fed7aa;border-radius:6px;color:#d97706}.validation-rules{background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000001a;margin-top:25px;padding:25px}.validation-rules h4{color:#333;margin-bottom:15px;text-align:center}.validation-rules ul{list-style:none;margin:0;padding:0}.track-button:disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed;transform:none}.track-button:not(:disabled):hover{box-shadow:0 10px 20px #667eea4d;transform:translateY(-2px)}@media (max-width:768px){.tracking-input{font-size:18px}}.tracking-input.valid{border-color:#22c55e;box-shadow:0 0 0 3px #22c55e1a}.character-count.warning{background:#fffbeb;color:#d97706}.character-count.success{background:#f0fdf4;color:#22c55e}.status-message{border-radius:6px;font-size:14px;margin-top:8px;padding:8px 12px}.status-message.warning{background:#fffbeb;border:1px solid #fed7aa;color:#d97706}.status-message.success{background:#f0fdf4;border:1px solid #bbf7d0;color:#22c55e}.validation-rules li{align-items:center;border-bottom:1px solid #f3f4f6;color:#666;display:flex;padding:8px 0}.validation-rules li:last-child{border-bottom:none}.tracking-input::placeholder{color:#9ca3af}.tracking-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.tracking-input:focus.valid{border-color:#22c55e;box-shadow:0 0 0 3px #22c55e1a}.tracking-input:focus.error{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}
/*# sourceMappingURL=main.e38df317.css.map*/