.deliveryhero{color:#fff;background:#202820;justify-content:space-between;align-items:end;gap:30px;padding:48px 6vw;display:flex}.deliveryhero span{color:var(--lime);letter-spacing:2px;font-size:10px;font-weight:900}.deliveryhero h1{margin:10px 0;font-size:42px}.deliveryhero p{color:#b9c3ba}.deliveryhero>div:last-child{gap:8px;display:flex}.deliveryhero input,.deliveryhero button{border:0;border-radius:9px;padding:12px}.deliveryhero button,.deliveryadmin form>button{background:var(--lime);font-weight:900}.deliveryadmin{background:#f5f7f1;grid-template-columns:330px 1fr;gap:20px;padding:35px 5vw 80px;display:grid}.deliveryadmin form,.deliverylist article{border:1px solid var(--line);background:#fff;border-radius:17px;padding:20px}.deliveryadmin form{gap:13px;height:max-content;display:grid}.deliveryadmin label{gap:6px;font-size:11px;font-weight:900;display:grid}.deliveryadmin input,.deliveryadmin select,.deliveryadmin textarea{border:1px solid var(--line);background:#fff;border-radius:9px;padding:11px}.deliveryadmin textarea{min-height:85px}.datepair{grid-template-columns:1fr 1fr;gap:8px;display:grid}.deliveryadmin form>button{border:0;border-radius:9px;padding:12px}.deliverylist{gap:13px;display:grid}.deliverylist article header,.deliverylist article footer{justify-content:space-between;gap:18px;display:flex}.deliverylist article header small,.deliverylist article footer{color:var(--muted);font-size:10px}.deliverylist article header h2{margin:5px 0}.deliverylist article header select{height:max-content}.deliverylist article>p{color:var(--muted);line-height:1.7}.milestones{flex-wrap:wrap;gap:7px;margin:18px 0;display:flex}.milestones button{border:1px solid var(--line);background:#f7f8f4;border-radius:20px;align-items:center;gap:7px;padding:7px 10px;display:flex}.milestones button.completed{color:var(--olive);background:#eff8ce}.milestones i{background:#fff;border-radius:50%;place-items:center;width:20px;height:20px;font-style:normal;display:grid}.deliveryerror,.deliveryempty{text-align:center;max-width:900px;margin:25px auto;padding:20px}.deliveryerror{color:#a32b2b}@media (max-width:850px){.deliveryhero{display:grid}.deliveryadmin{grid-template-columns:1fr}}@media (max-width:550px){.deliveryhero>div:last-child{width:100%;display:grid}.datepair{grid-template-columns:1fr}.deliverylist article header,.deliverylist article footer{display:grid}}