.tracking-container{max-width:800px;background:#fff;padding:48px;border-radius:24px;box-shadow:var(--shadow-lg);margin:-60px auto 0;position:relative;z-index:10}.tracking-search-form{display:flex;gap:16px;margin-bottom:40px}.input-wrapper{flex:1 1;position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:20px;color:var(--color-text-light)}.tracking-input{width:100%;padding:16px 20px 16px 56px;border:2px solid #e2e8f0;border-radius:12px;font-size:1.1rem;transition:all .2s ease}.tracking-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 4px rgba(0,112,243,.1)}.tracking-btn{padding:0 40px;border-radius:12px;font-size:1.1rem}.tracking-error{padding:24px;background-color:#fef2f2;border-left:4px solid var(--color-error);border-radius:8px;color:#991b1b}.tracking-results{border:1px solid #e2e8f0;border-radius:16px;padding:32px}.tracking-info-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e2e8f0;padding-bottom:24px;margin-bottom:32px}.tracking-info-header h3{font-size:1.5rem;margin-bottom:4px}.tracking-info-header p{color:var(--color-text-light)}.status-badge{background-color:#fef3c7;color:#d97706;padding:8px 16px;border-radius:999px;font-weight:600;font-size:.9rem}.timeline{position:relative;padding-left:32px}.timeline:before{content:"";position:absolute;left:15px;top:0;bottom:0;width:2px;background-color:#e2e8f0}.timeline-item{position:relative;margin-bottom:32px}.timeline-item:last-child{margin-bottom:0}.timeline-icon{position:absolute;left:-48px;width:32px;height:32px;border-radius:50%;background-color:#fff;border:2px solid #e2e8f0;display:flex;align-items:center;justify-content:center;color:#94a3b8;z-index:1}.timeline-content h4{font-size:1.1rem;color:var(--color-text);margin-bottom:4px}.timeline-content p{color:var(--color-text-light);font-size:.95rem}.timeline-item.completed .timeline-icon{background-color:var(--color-success);border-color:var(--color-success);color:#fff}.timeline-item.active .timeline-icon{background-color:var(--color-accent);border-color:var(--color-accent);color:#fff;box-shadow:0 0 0 4px rgba(0,112,243,.2)}.timeline-item.completed:after{content:"";position:absolute;left:-33px;top:32px;bottom:-32px;width:2px;background-color:var(--color-success);z-index:0}@media (max-width:768px){.tracking-container{padding:24px;margin-top:-30px}.tracking-search-form{flex-direction:column}.tracking-btn{padding:16px}.tracking-info-header{flex-direction:column;align-items:flex-start;gap:16px}}