.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}}
@import url("/responsive.css?v=20260930");

.payment-qr{display:grid;justify-items:center;gap:10px;margin:20px 0;padding:20px;border:1px solid #dce5df;border-radius:18px;background:#f7faef;text-align:center}.payment-qr img{width:min(240px,75vw);height:min(240px,75vw);object-fit:contain;padding:10px;border:1px solid #dfe5df;border-radius:14px;background:#fff}.payment-qr small{color:#66756d}.payment-qr .export-btn{width:auto;margin:4px 0 0}.review-panel{margin-top:22px;padding:clamp(20px,4vw,32px);border:1px solid #dfe7df;border-radius:20px;background:linear-gradient(135deg,#fff,#f5f9e7)}.review-panel h2{margin:8px 0}.review-panel>p{color:#66756d}.review-panel label{display:grid;gap:7px;margin:14px 0}.review-panel label span{font-size:12px;font-weight:800}.review-panel textarea{width:100%;padding:13px;border:1px solid #ced9d1;border-radius:12px;resize:vertical}.review-stars{display:flex;gap:4px;margin:12px 0}.review-stars button{border:0;background:transparent;color:#c8cec9;font-size:34px;padding:2px;line-height:1}.review-stars button.active{color:#efb534}.review-stars button:focus-visible{outline:2px solid #173f32;border-radius:6px}@media(max-width:600px){.payment-qr{padding:16px}.review-stars{justify-content:center}.review-stars button{font-size:38px}}


.payment-bill-breakdown{display:grid;gap:0;margin:18px 0 6px;overflow:hidden;border:1px solid #dce5df;border-radius:16px;background:#fff}.payment-bill-breakdown>div{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:11px 14px;border-bottom:1px solid #edf1ee;color:#526158}.payment-bill-breakdown>div:last-child{border-bottom:0}.payment-bill-breakdown strong{color:#102f26;font-variant-numeric:tabular-nums}.payment-bill-total{background:#eff7d8;font-size:17px;font-weight:800}.payment-formula{margin:0 0 14px;color:#66756d;font-size:12px}.payment-panel.paid .payment-bill-total{background:#dff3df}