@import url(https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=DM+Mono:wght@400;500&display=swap);#parcel-tracker-wrap{--pt-primary:#0a1628;--pt-primary2:#132240;--pt-accent:#e85d26;--pt-accent-lt:#f5884a;--pt-success:#22c55e;--pt-warning:#f59e0b;--pt-danger:#ef4444;--pt-muted:#64748b;--pt-border:#e2e8f0;--pt-bg:#f8fafc;--pt-white:#ffffff;--pt-radius:12px;--pt-shadow:0 4px 24px rgba(10,22,40,.12);--pt-font:'DM Sans', system-ui, sans-serif;--pt-mono:'DM Mono', monospace;font-family:var(--pt-font);max-width:720px;margin:0 auto 2rem;box-sizing:border-box}#parcel-tracker-wrap *,#parcel-tracker-wrap *::before,#parcel-tracker-wrap *::after{box-sizing:inherit}.pt-header{background:var(--pt-primary);border-radius:var(--pt-radius) var(--pt-radius) 0 0;padding:28px 32px;display:flex;align-items:center;gap:18px}.pt-header-icon{flex-shrink:0;width:48px;height:48px;background:var(--pt-accent);border-radius:10px;display:flex;align-items:center;justify-content:center}.pt-header-icon svg{width:26px;height:26px;color:#fff}.pt-title{font-size:1.3rem;font-weight:700;color:#fff;margin:0 0 4px!important;line-height:1.2}.pt-subtitle{font-size:.85rem;color:rgb(255 255 255 / .6);margin:0!important;line-height:1.4}.pt-form-row{display:flex;background:var(--pt-white);border:2px solid var(--pt-border);border-top:none;border-radius:0 0 var(--pt-radius) var(--pt-radius);overflow:hidden;transition:border-color .2s}.pt-form-row:focus-within{border-color:var(--pt-accent)}.pt-input{flex:1;border:none!important;outline:none!important;padding:18px 20px;font-family:var(--pt-mono);font-size:.95rem;color:var(--pt-primary);background:#fff0;letter-spacing:.03em;box-shadow:none!important}.pt-input::placeholder{color:#b0bec5;font-family:var(--pt-font);font-size:.9rem;letter-spacing:0}.pt-btn{flex-shrink:0;background:var(--pt-accent);color:#fff;border:none;cursor:pointer;padding:18px 28px;font-family:var(--pt-font);font-size:.9rem;font-weight:600;letter-spacing:.02em;transition:background .2s,transform .1s;display:flex;align-items:center;gap:8px;white-space:nowrap}.pt-btn:hover{background:var(--pt-accent-lt)}.pt-btn:active{transform:scale(.97)}@keyframes pt-spin{to{transform:rotate(360deg)}}.pt-spin{width:18px;height:18px;animation:pt-spin .7s linear infinite}.pt-error{margin-top:12px;padding:14px 18px;background:#fef2f2;border:1px solid #fecaca;border-radius:var(--pt-radius);color:#b91c1c;font-size:.875rem;font-weight:500;display:flex;align-items:center;gap:10px}.pt-error svg{flex-shrink:0;width:18px;height:18px}#pt-results{margin-top:16px;animation:pt-fadein .4s ease}@keyframes pt-fadein{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.pt-status-card{background:var(--pt-white);border:1px solid var(--pt-border);border-radius:var(--pt-radius);padding:24px;margin-bottom:14px;box-shadow:var(--pt-shadow)}.pt-status-badge{display:inline-flex;align-items:center;gap:10px;padding:8px 16px;border-radius:100px;font-weight:600;font-size:.92rem;margin-bottom:20px;background:#f1f5f9;color:var(--pt-muted)}.pt-status-badge.pt-s-delivered{background:#dcfce7;color:#15803d}.pt-status-badge.pt-s-transit{background:#dbeafe;color:#1d4ed8}.pt-status-badge.pt-s-pickup{background:#fef9c3;color:#a16207}.pt-status-badge.pt-s-exception,.pt-status-badge.pt-s-undelivered{background:#fee2e2;color:#b91c1c}.pt-status-badge.pt-s-pending{background:#f1f5f9;color:#64748b}.pt-status-icon{font-size:1rem;line-height:1}.pt-meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}.pt-meta-item{display:flex;flex-direction:column;gap:3px}.pt-meta-label{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--pt-muted)}.pt-meta-value{font-size:.9rem;font-weight:600;color:var(--pt-primary);font-family:var(--pt-mono)}.pt-timeline-header{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--pt-muted);margin-bottom:10px;padding-left:4px}.pt-timeline{list-style:none;margin:0!important;padding:0!important;position:relative}.pt-timeline::before{content:'';position:absolute;left:15px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,var(--pt-accent) 0%,var(--pt-border) 100%)}.pt-timeline-item{display:flex;gap:18px;padding:0 0 22px;position:relative;animation:pt-fadein .4s ease both}.pt-timeline-item:last-child{padding-bottom:0}.pt-tl-dot{flex-shrink:0;width:32px;height:32px;border-radius:50%;background:var(--pt-white);border:2px solid var(--pt-border);display:flex;align-items:center;justify-content:center;position:relative;z-index:1;font-size:.75rem}.pt-timeline-item:first-child .pt-tl-dot{background:var(--pt-accent);border-color:var(--pt-accent);color:#fff}.pt-tl-body{flex:1;padding-top:4px}.pt-tl-desc{font-size:.88rem;font-weight:600;color:var(--pt-primary);margin:0 0 3px;line-height:1.3}.pt-tl-meta{font-size:.78rem;color:var(--pt-muted);display:flex;gap:10px;flex-wrap:wrap}.pt-tl-loc::before{content:'📍 '}.pt-tl-time::before{content:'🕐 '}.pt-no-events{text-align:center;padding:24px;color:var(--pt-muted);font-size:.875rem;background:var(--pt-bg);border-radius:var(--pt-radius);border:1px dashed var(--pt-border)}@media (max-width:560px){.pt-header{padding:20px}.pt-btn{padding:18px 18px}.pt-meta-grid{grid-template-columns:1fr 1fr}.pt-status-card{padding:18px}}