@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap";:root{color:#193f34;background:#f5f7f0;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}.app{min-height:100vh}.top{background:#fff;border-bottom:1px solid #e5e9df;justify-content:space-between;align-items:center;height:72px;padding:0 clamp(18px,5vw,70px);display:flex}.brand{letter-spacing:-.6px;align-items:center;gap:10px;font-size:19px;font-weight:800;display:flex}.brand>span{color:#e9f1dc;background:#1b4b3d;border-radius:12px;place-items:center;width:39px;height:39px;display:grid}.brand small{letter-spacing:1.8px;color:#839582;margin-top:3px;font-size:8px;display:block}.logout{color:#47664c;background:#fff;border:1px solid #dce4d8;border-radius:9px;align-items:center;gap:7px;padding:10px 13px;font-size:11px;font-weight:700;display:flex}main{max-width:1040px;margin:0 auto;padding:0 20px 55px}.welcome{padding:36px 0 20px}.kicker{letter-spacing:1.8px;color:#829477;font-size:9px;font-weight:800}.welcome h1{letter-spacing:-1.3px;margin:9px 0;font-family:Manrope,sans-serif;font-size:clamp(27px,4vw,38px)}.welcome p{color:#7b887d;font-size:12px}.date{color:#65825d;background:#fff;border:1px solid #e4e9df;border-radius:10px;align-items:center;gap:10px;margin-top:12px;padding:10px 12px;display:inline-flex}.date label{align-items:center;gap:12px;font-size:10px;font-weight:700;display:flex}.date input{color:#254c3d;border:0;outline:0;font-size:11px}.summary{grid-template-columns:repeat(3,1fr);gap:13px;margin:10px 0 25px;display:grid}.summary>div{background:#fff;border:1px solid #e5e9df;border-radius:12px;grid-template-columns:28px 1fr;align-items:center;column-gap:10px;padding:17px;display:grid}.summary svg{color:#66865c;grid-row:span 2}.summary strong{font-size:23px}.summary small{color:#7b887d;margin-top:4px;font-size:10px}.filter{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:17px;display:flex}.filter button{color:#758579;background:0 0;border:0;border-radius:8px;padding:9px 12px;font-size:10px;font-weight:700}.filter button.active{color:#2d5b3d;background:#e4edda}.filter .refresh{background:#fff;border:1px solid #e0e6da;align-items:center;gap:6px;margin-left:auto;display:flex}.tasks{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.task{background:#fff;border:1px solid #e3e9df;border-radius:14px;padding:20px;box-shadow:0 8px 25px #254d3410}.task-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.task h2{margin:7px 0 12px;font-family:Manrope,sans-serif;font-size:17px}.pill{letter-spacing:.4px;color:#68755e;white-space:nowrap;background:#edf0e7;border-radius:30px;padding:6px 9px;font-size:8px;font-weight:800}.pill.pending{color:#936a2d;background:#fff1dc}.pill.assigned{color:#456fa8;background:#e4edfc}.pill.delivered{color:#347a4a;background:#e3f3e7}.pill.failed{color:#b34d3d;background:#ffebe6}.contact,.address{color:#6d7f70;align-items:flex-start;gap:9px;margin:9px 0;font-size:11px;line-height:1.7;display:flex}.contact svg,.address svg{color:#77936c;flex-shrink:0;margin-top:1px}.items{border-top:1px solid #edf0e8;margin-top:15px;padding-top:9px}.items>div{text-transform:capitalize;align-items:center;gap:9px;padding:7px 0;font-size:11px;display:flex}.items svg{color:#6f8b62}.items span{flex:1}.items strong{font-size:12px}.task-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:14px;display:grid}.task-actions button{border:0;border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:12px 8px;font-size:10px;font-weight:800;display:flex}.done{color:#2e7546;background:#e2f2e6}.failed{color:#a94737;background:#fff0eb}.failure-note{color:#a94737;font-size:10px}.empty{text-align:center;color:#788779;background:#fff;border:1px solid #e4e9df;border-radius:12px;padding:45px 15px;font-size:12px}.footer-note{text-align:center;color:#8b968a;margin:25px 0;font-size:10px;line-height:1.7}.login-bg{background:radial-gradient(circle at 78% 22%,#e4ecd8 0,#0000 34%),#f5f7f0;place-items:center;min-height:100vh;padding:25px;display:grid}.login-bg>.brand{position:absolute;top:30px;left:35px}.login-card{background:#fff;border:1px solid #e3e9df;border-radius:17px;width:min(100%,420px);padding:30px;box-shadow:0 20px 60px #254c3512}.login-card h1{letter-spacing:-1px;margin:12px 0;font-family:Manrope,sans-serif;font-size:27px;line-height:1.3}.login-card p{color:#7c887e;margin-bottom:25px;font-size:11px;line-height:1.8}.login-card label{color:#57725c;gap:7px;margin:15px 0;font-size:10px;font-weight:700;display:grid}.login-card input{border:1px solid #dfe6da;border-radius:8px;outline:0;padding:12px;font-size:12px}.login-card input:focus{border-color:#77976b}.primary{color:#fff;background:#1b4b3d;border:0;border-radius:9px;padding:12px 15px;font-size:11px;font-weight:800}.wide{width:100%;margin-top:12px}.link{color:#4f794e;background:0 0;border:0;font-size:10px;font-weight:700}.note{color:#879286;margin-top:18px;font-size:9px;line-height:1.7;display:block}.error{color:#9e3f31;background:#fff0eb;border:1px solid #f1d3ca;border-radius:10px;gap:10px;margin:14px 0;padding:13px;font-size:11px;line-height:1.7;display:flex}.error p{margin:5px 0}.error small{font-size:10px;display:block}@media (width<=700px){main{padding:0 14px 35px}.top{padding:0 14px}.summary{gap:8px}.summary>div{grid-template-columns:1fr;padding:12px}.summary svg{grid-row:auto;margin-bottom:10px}.summary strong{font-size:21px}.summary small{font-size:9px}.tasks{grid-template-columns:1fr}.task{padding:17px}.welcome{padding-top:28px}.filter{gap:2px}.filter button{padding:8px 9px}.filter .refresh{margin-left:0}.login-bg>.brand{top:20px;left:20px}.login-card{padding:24px}}