@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}body{background-color:"#EBC566"}@keyframes bounceright{0%,to{transform:translate(0)}50%{transform:translate(-3px)}}.call-now{background:linear-gradient(to right,#5ea1e7,#b3eaff);background-size:200% 200%;color:#fff;border:none;padding:12px 24px;font-size:16px;border-radius:50px;cursor:pointer;animation:glowGradient 3s ease infinite;box-shadow:0 0 15px #ff416c99;transition:transform .2s}.call-now:hover{transform:scale(1.05)}@keyframes glowGradient{0%{background-position:0% 50%;box-shadow:0 0 10px #5ea1e7,0 0 20px #0575ee}50%{background-position:100% 50%;box-shadow:0 0 20px #5ea1e7,0 0 20px #0575ee}to{background-position:0% 50%;box-shadow:0 0 10px #5ea1e7,0 0 20px #0575ee}}body{background-color:#f9f9f9;font-family:Segoe UI,Roboto,sans-serif;margin:0;padding:0}#map,.google-map-container{border-radius:12px;overflow:hidden;box-shadow:0 2px 10px #0000000d}.ride-header{font-size:1.25rem;font-weight:600;color:#212121}.avatar{width:50px;height:50px;border-radius:50%}.driver-card{display:flex;align-items:center;gap:12px;margin:16px 0;padding:12px;background-color:#fff;border-radius:12px;box-shadow:0 1px 6px #0000000f}.linear-progress{margin-top:8px;border-radius:8px;height:8px;background-color:#e0e0e0}.linear-progress .MuiLinearProgress-bar{border-radius:8px}.info-box{background-color:#fff;padding:14px 16px;margin-top:8px;border-radius:12px;font-size:15px;box-shadow:0 1px 6px #0000000a}.MuiButton-root{font-weight:600;border-radius:10px!important;box-shadow:none!important;text-transform:none!important}.MuiButton-containedPrimary{background-color:#007aff}.MuiButton-outlined{border-color:#007aff;color:#007aff}.call-button{background-color:#007aff;color:#fff}.panic-button{background-color:#ff3b30;color:#fff}.countdown-text{font-weight:700;color:#e53935;text-align:center;margin-top:6px}@media screen and (max-width: 600px){.driver-card,.info-box{margin-left:8px;margin-right:8px}.MuiButton-root{font-size:.9rem}}.ride-details-card{margin-top:12px;padding:16px 18px;border-radius:12px;background:#fff;box-shadow:0 2px 8px #0000000d;display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:15px;font-weight:500;color:#333}.ride-details-item{display:flex;flex-direction:column;text-align:center;flex:1}.ride-details-item span.label{font-size:13px;color:#888;margin-bottom:4px}.ride-details-item span.value{font-size:16px;font-weight:600;color:#222}