.el-fuel-analytics{display:grid;gap:1rem}.el-fuel-analytics__head{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem}.el-fuel-analytics__eyebrow{display:block;margin-bottom:.18rem;color:#009da5;font-size:.7rem;font-weight:850;letter-spacing:.11em;text-transform:uppercase}.el-fuel-analytics__head h2{margin:0;color:#10233f;font-size:1.15rem}.el-fuel-analytics__head p{margin:.25rem 0 0;color:#748398;font-size:.78rem}.el-fuel-analytics__range{display:grid;gap:.3rem;min-width:190px}.el-fuel-analytics__range span{color:#61738a;font-size:.7rem;font-weight:750}.el-fuel-analytics__range select{min-height:2.35rem;padding:.5rem .7rem;border:1px solid #d5dfe8;border-radius:.65rem;background:#fff;color:#18304c}.el-fuel-analytics__stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}.el-fuel-stat{padding:.9rem 1rem;border:1px solid #dfe7ef;border-radius:.85rem;background:#fff;box-shadow:0 6px 18px rgb(22 49 80 / 4%)}.el-fuel-stat>span{display:block;color:#65768a;font-size:.7rem;font-weight:750}.el-fuel-stat>strong{display:block;margin:.28rem 0 .2rem;color:#10233f;font-size:1.35rem;line-height:1.1}.el-fuel-stat>small{color:#8290a0;font-size:.68rem}.el-fuel-analytics__grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:.8rem}.el-fuel-panel{padding:.9rem;border:1px solid #dfe7ef;border-radius:.9rem;background:#fff;box-shadow:0 6px 18px rgb(22 49 80 / 4%)}.el-fuel-panel__head{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-bottom:.75rem}.el-fuel-panel__head h3{margin:0;color:#17304d;font-size:.88rem}.el-fuel-panel__head p{margin:.2rem 0 0;color:#8491a0;font-size:.7rem}.el-fuel-panel__badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.6rem;height:1.6rem;padding:0 .42rem;border-radius:999px;background:#edf7f8;color:#07858b;font-size:.7rem;font-weight:850}.el-fuel-vehicles{display:grid}.el-fuel-vehicle{display:grid;grid-template-columns:minmax(160px,1.3fr) repeat(3,minmax(90px,.55fr));gap:.65rem;align-items:center;padding:.62rem .2rem;border-top:1px solid #edf1f5}.el-fuel-vehicle:first-child{border-top:0}.el-fuel-vehicle__name strong{display:block;color:#18304c;font-size:.78rem}.el-fuel-vehicle__name small{display:block;margin-top:.15rem;color:#8794a3;font-size:.66rem}.el-fuel-vehicle__metric span,.el-fuel-anomaly span{display:block;color:#8a96a4;font-size:.62rem}.el-fuel-vehicle__metric strong,.el-fuel-anomaly strong{display:block;margin-top:.12rem;color:#253b55;font-size:.73rem}.el-fuel-months{display:grid;gap:.65rem}.el-fuel-month__labels{display:flex;justify-content:space-between;gap:.5rem;color:#52657a;font-size:.7rem}.el-fuel-month__labels strong{color:#203853}.el-fuel-month__track{height:.34rem;margin:.25rem 0;border-radius:999px;background:#edf2f5;overflow:hidden}.el-fuel-month__track span{display:block;height:100%;border-radius:999px;background:#00aeb5}.el-fuel-month small{color:#8a96a4;font-size:.63rem}.el-fuel-panel--anomalies{padding-bottom:.5rem}.el-fuel-anomalies{display:grid}.el-fuel-anomaly{display:grid;grid-template-columns:minmax(180px,1.2fr) repeat(3,minmax(100px,.55fr));gap:.8rem;align-items:center;padding:.62rem .2rem;border-top:1px solid #edf1f5}.el-fuel-anomaly:first-child{border-top:0}.el-fuel-anomaly>div:first-child small{display:block;margin-top:.12rem;color:#8794a3;font-size:.65rem}.el-fuel-anomaly__delta strong{color:#07858b}.el-fuel-anomaly.is-high .el-fuel-anomaly__delta strong{color:#c2415d}.el-fuel-empty{padding:1rem;text-align:center;color:#8693a1;font-size:.73rem}@media(max-width:1100px){.el-fuel-analytics__stats{grid-template-columns:repeat(2,minmax(0,1fr))}.el-fuel-analytics__grid{grid-template-columns:1fr}.el-fuel-vehicle,.el-fuel-anomaly{grid-template-columns:minmax(160px,1fr) repeat(2,minmax(90px,.5fr))}.el-fuel-vehicle__metric:last-child,.el-fuel-anomaly__delta{grid-column:auto}}@media(max-width:680px){.el-fuel-analytics__head{display:grid;align-items:stretch}.el-fuel-analytics__range{min-width:0}.el-fuel-analytics__stats{grid-template-columns:1fr 1fr}.el-fuel-stat>strong{font-size:1.08rem}.el-fuel-vehicle,.el-fuel-anomaly{grid-template-columns:1fr 1fr}.el-fuel-vehicle__name,.el-fuel-anomaly>div:first-child{grid-column:1/-1}.el-fuel-anomaly__delta{grid-column:auto}}@media(max-width:430px){.el-fuel-analytics__stats{grid-template-columns:1fr}.el-fuel-vehicle,.el-fuel-anomaly{grid-template-columns:1fr}.el-fuel-vehicle__name,.el-fuel-anomaly>div:first-child{grid-column:auto}}