body{margin:0;background:#000;color:#fff;font-family:Arial,sans-serif}
header{padding:20px;background:#1f1f1f;position:sticky;top:0}
.titulo{font-size:34px;margin-bottom:16px}
.filtros{display:flex;gap:10px;flex-wrap:wrap}
select{background:#2b2b2b;color:#fff;border:none;padding:12px 18px;border-radius:25px}
.data{padding:20px;color:#9a9a9a;font-size:22px}
.card{padding:20px;border-bottom:1px solid #4a4a4a}
.topo{display:flex;justify-content:space-between}
.corrida{display:flex;gap:12px;align-items:flex-start}
.userIcon{width:42px;height:42px;border-radius:50%}
.valor{font-size:32px;font-weight:bold}
.info{color:#cfcfcf;margin-top:6px}
.dinamico{margin-top:12px;color:#ddd;display:flex;align-items:center;gap:8px}
.dinamico img{width:20px;height:20px}
.mapa{width:70%;margin-top:15px;border-radius:6px}
.enderecoWrap{display:flex;gap:10px;margin-top:15px}
.endIcon{width:17px;height:auto;align-self:flex-start}
.end{line-height:1.5;color:#ddd}
@media(max-width:700px){.titulo{font-size:28px}.valor{font-size:34px}}