.tracking-page{background:#f4f1e9;min-height:100vh}.tracking-shell{width:min(900px,92%);margin:auto;padding:32px 0}.tracking-card{background:#fff;border-radius:24px;padding:clamp(22px,5vw,48px);margin-top:28px;box-shadow:0 18px 60px #17392a18}.tracking-card h1{font-size:clamp(2rem,6vw,4rem);margin:.35rem 0}.tracking-status{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0}.tracking-status div,.location-panel{border:1px solid #dfe7df;border-radius:16px;padding:18px}.tracking-status small,.tracking-status strong{display:block}.tracking-status strong{text-transform:capitalize;margin-top:7px}.location-panel{margin-top:22px}.tracking-actions{display:flex;gap:10px;margin:18px 0}.map-link{display:block;color:#08734b;font-weight:700;margin-top:12px}.ride-booking-animation{position:fixed;inset:0;background:#0c211be8;color:#fff;z-index:9999;display:none;place-content:center;text-align:center;padding:24px}.ride-booking-animation.show{display:grid}.ride-booking-animation strong{font-size:1.5rem;margin-top:24px}.ride-booking-animation small{opacity:.75;margin-top:8px}.booking-road{width:min(420px,80vw);height:6px;background:#ffffff40;border-radius:10px;position:relative}.booking-road span{font-size:3rem;position:absolute;bottom:0;animation:drive 1.3s ease-in-out infinite alternate}@keyframes drive{from{left:0}to{left:calc(100% - 48px)}}@media(max-width:600px){.tracking-status{grid-template-columns:1fr}.tracking-actions{flex-direction:column}}