:root{--bg:#f3f6f4;--card:#fff;--ink:#15231b;--muted:#69766e;--line:#dce4df;--green:#176b45;--green2:#dff3e8;--accent:#f2a83b;--shadow:0 12px 35px rgba(25,54,38,.08)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}header{padding:34px max(5vw,20px);background:linear-gradient(130deg,#102e20,#1c7550);color:white;display:flex;justify-content:space-between;align-items:center;gap:20px}h1{font-size:clamp(28px,5vw,46px);margin:2px 0 6px;letter-spacing:-.04em}.eyebrow{font-size:12px;letter-spacing:.18em;color:#a9e2c5;margin:0}header p:last-child{margin:0;color:#cae5d5}main{max-width:1260px;margin:-18px auto 50px;padding:0 20px}.filters,.report,.stats article{background:var(--card);border:1px solid rgba(255,255,255,.7);box-shadow:var(--shadow);border-radius:16px}.filters{padding:18px;display:grid;grid-template-columns:repeat(2,minmax(150px,1fr)) minmax(230px,2fr) auto auto;gap:12px;align-items:end}label{font-size:12px;font-weight:700;color:var(--muted)}input,button{font:inherit;border-radius:10px;border:1px solid var(--line)}input{width:100%;padding:11px 12px;margin-top:6px;background:#fbfcfb;color:var(--ink)}button{padding:11px 17px;background:var(--green);color:white;border-color:var(--green);font-weight:700;cursor:pointer}.primary{background:var(--accent);border-color:var(--accent);color:#2e2414}.ghost{background:white;color:var(--ink)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0}.stats article{padding:20px}.stats span{display:block;color:var(--muted);font-size:13px}.stats strong{font-size:32px;display:block;margin-top:5px}.report{padding:22px}.report-title{display:flex;justify-content:space-between;align-items:center}.report h2{margin:0 0 18px}.report-title span{font-size:13px;color:var(--muted)}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:850px}th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding:12px;border-bottom:2px solid var(--line)}td{padding:13px 12px;border-bottom:1px solid var(--line);font-size:14px}.route{font-weight:700}.truck{display:inline-block;padding:5px 9px;border-radius:7px;background:var(--green2);color:var(--green);font-weight:800}.photo{width:50px;height:42px;object-fit:cover;border-radius:7px;cursor:pointer;background:var(--line)}.empty{text-align:center;padding:55px;color:var(--muted)}.cards{display:none}dialog{border:0;border-radius:16px;padding:0;background:#111;max-width:min(92vw,900px);box-shadow:0 20px 80px #0008}dialog::backdrop{background:#000a}dialog img{display:block;max-width:90vw;max-height:85vh}dialog button{position:absolute;right:10px;top:10px;border:0;border-radius:50%;width:40px;height:40px;padding:0;background:#0009;font-size:24px}
@media(max-width:760px){header{padding-top:24px;align-items:flex-end}header .primary{padding:10px 12px}.filters{grid-template-columns:1fr 1fr}.filters .search{grid-column:1/-1}.stats{gap:8px}.stats article{padding:14px}.stats strong{font-size:25px}.table-wrap{display:none}.cards{display:grid;gap:11px}.trip-card{border:1px solid var(--line);border-radius:13px;padding:14px;display:grid;grid-template-columns:1fr 65px;gap:10px}.trip-card p{margin:6px 0;color:var(--muted);font-size:13px}.trip-card h3{margin:0;font-size:16px}.trip-card .photo{width:65px;height:65px}.trip-card .truck{margin-top:5px}.report{padding:15px}main{padding:0 12px}}