.fuel-log-filter{display:grid;grid-template-columns:minmax(250px,1.4fr) repeat(2,minmax(170px,.8fr)) auto;gap:14px;align-items:end;margin:0 0 20px;padding:20px;border:1px solid #e5dce0;border-radius:18px;background:#fff;box-shadow:0 10px 30px #3a132208}.fuel-log-filter label{display:grid;gap:7px;font-size:12px;font-weight:700;color:#55616f}.fuel-log-filter select,.fuel-log-filter input{height:50px;padding:0 14px;border:1px solid #d9dfe3;border-radius:12px;background:#fff;font:inherit;color:#142437}.fuel-log-message{margin-bottom:17px;padding:13px 16px;border-radius:12px;background:#f6f1f3;color:#6f1837}.fuel-log-message.ok{background:#e9f6ef;color:#16734a}.fuel-log-message.error{background:#fff0f0;color:#a32932}.fuel-log-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.fuel-log-metrics article{padding:20px;border:1px solid #e2e5e7;border-radius:16px;background:#fff}.fuel-log-metrics span,.fuel-log-metrics strong{display:block}.fuel-log-metrics span{color:#71808d;font-size:12px}.fuel-log-metrics strong{margin-top:6px;font-size:25px;color:#13273c}.fuel-log-metrics article:last-child{border-left:5px solid #74183b}.fuel-log-metrics+ .table-card td small{display:block;margin-top:4px;color:#71808d}@media(max-width:900px){.fuel-log-filter,.fuel-log-metrics{grid-template-columns:1fr 1fr}}@media(max-width:600px){.fuel-log-filter,.fuel-log-metrics{grid-template-columns:1fr}.title-actions{display:grid;width:100%}}