@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{color:#183e34;background:#f6f7f2;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh}.sidebar{color:#e8efe4;z-index:10;background:#173f35;flex-direction:column;width:250px;padding:25px 16px;display:flex;position:fixed;inset:0 auto 0 0}.side-brand,.login-brand{letter-spacing:-.7px;align-items:center;gap:10px;font-size:20px;font-weight:800;display:flex}.side-brand small,.login-brand small{letter-spacing:2px;color:#a8c2a8;margin-top:4px;font-size:8px;display:block}.logo{color:#1a4b3c;background:#e8efdc;border-radius:12px;place-items:center;width:40px;height:40px;display:grid}.side-label{letter-spacing:2px;color:#88a995;margin:42px 10px 12px;font-size:9px}.sidebar nav{gap:5px;display:grid}.sidebar nav a{color:#b9cdbd;border-radius:9px;align-items:center;gap:12px;padding:12px 13px;font-size:12px;display:flex}.sidebar nav a.active,.sidebar nav a:hover{color:#fff;background:#2b5949}.sidebar-bottom{margin-top:auto}.secure{color:#a7c3ad;border-top:1px solid #3a6554;align-items:center;gap:8px;padding:13px 8px;font-size:10px;display:flex}.logout{color:#f3f5ec;background:0 0;border:1px solid #47725e;border-radius:9px;align-items:center;gap:10px;width:100%;padding:12px;font-size:12px;display:flex}.main{min-height:100vh;margin-left:250px}.top{z-index:5;background:#fff;border-bottom:1px solid #e7e9e1;justify-content:space-between;align-items:center;height:82px;padding:0 35px;display:flex;position:sticky;top:0}.top>div:first-of-type{gap:4px;display:grid}.top>div:first-of-type strong{font-size:13px}.kicker{letter-spacing:1.8px;color:#7c8f79;font-size:9px;font-weight:800}.user-badge{align-items:center;gap:9px;font-size:11px;font-weight:700;display:flex}.user-badge small{color:#829082;text-transform:capitalize;margin-top:4px;font-size:9px;font-weight:400;display:block}.avatar{color:#3d6747;background:#e7efdc;border-radius:50%;place-items:center;width:34px;height:34px;font-weight:800;display:grid}.content{max-width:1500px;margin:auto;padding:32px 35px 60px}.page-title{justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:25px;display:flex}.page-title h1{letter-spacing:-1.2px;margin:8px 0 7px;font-family:Manrope,sans-serif;font-size:32px;font-weight:800}.page-title p{color:#7b887e;margin:0;font-size:12px}.primary,.secondary{border:1px solid #1b4b3d;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:11px 15px;font-size:11px;font-weight:700;display:inline-flex}.primary{color:#fff;background:#1b4b3d}.primary:hover{background:#10372c}.secondary{color:#315744;background:#fff;border-color:#dfe5d9}.metric-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.metric,.card{background:#fff;border:1px solid #e5e9df;border-radius:13px}.metric{padding:20px}.metric-icon{color:#51744c;background:#edf2e6;border-radius:10px;place-items:center;width:34px;height:34px;margin-bottom:16px;display:grid}.metric-label{color:#718074;font-size:11px;display:block}.metric strong{margin:7px 0 3px;font-size:28px;display:block}.metric small{color:#98a096;font-size:10px}.split{grid-template-columns:1fr 1fr;gap:18px;margin-top:20px;display:grid}.card{min-width:0;padding:22px}.card-heading{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.card-heading h2,.form-card h2,.payment-note h2{letter-spacing:-.4px;margin:6px 0 0;font-size:17px}.card-heading>svg{color:#72916c}.progress-row{margin:19px 0}.progress-row>div:first-child{justify-content:space-between;margin-bottom:8px;font-size:11px;display:flex}.progress-row strong{font-size:11px}.progress{background:#f0f2ec;border-radius:10px;height:7px;overflow:hidden}.progress span{background:#9aaf87;border-radius:10px;height:100%;display:block}.progress span.delivered{background:#4d9465}.progress span.failed{background:#c66c5b}.progress span.cancelled{background:#bfc5b9}.job-status{background:#f4f7ef;border-radius:10px;align-items:center;gap:12px;padding:18px;display:flex}.job-dot{background:#88a66f;border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 5px #e1ead8}.job-status strong,.job-status small{display:block}.job-status strong{font-size:12px}.job-status small{color:#829081;margin-top:5px;font-size:10px}.muted{color:#7b887d;font-size:11px;line-height:1.8}.date-filter{color:#718074;gap:6px;font-size:10px;display:grid}.date-filter input,.form-card input,.form-card select,.table-wrap select{color:#21483a;background:#fff;border:1px solid #dfe5d9;border-radius:8px;outline:none;padding:10px 11px;font-size:11px}.date-filter input:focus,.form-card input:focus,.form-card select:focus{border-color:#86a378}.toolbar{justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px;display:flex}.tabs{flex-wrap:wrap;gap:4px;display:flex}.tabs button{color:#778579;background:0 0;border:0;border-radius:8px;padding:9px 11px;font-size:9px;font-weight:700}.tabs button.active{color:#305a3f;background:#e5eddd}.table-card{padding:0;overflow:hidden}.table-wrap{overflow:auto}table{border-collapse:collapse;text-align:left;width:100%;min-width:750px;font-size:10px}th{letter-spacing:.6px;color:#829084;text-transform:uppercase;background:#fafbf7;font-size:9px}th,td{vertical-align:middle;border-bottom:1px solid #edf0e8;padding:15px 14px}td strong,td small{display:block}td strong{font-size:11px}td small{color:#849084;margin-top:5px;font-size:9px;line-height:1.6}td span{line-height:1.7}.pill{letter-spacing:.4px;color:#67735e;white-space:nowrap;background:#edf0e7;border-radius:30px;padding:5px 8px;font-size:8px;font-weight:800;display:inline-flex}.pill.pending{color:#956a2d;background:#fff1dc}.pill.assigned{color:#436eaa;background:#e5eefb}.pill.delivered{color:#347b4c;background:#e3f2e7}.pill.failed{color:#b14d3c;background:#ffebe7}.pill.cancelled{color:#81877e;background:#eceeea}.actions{gap:5px;display:flex}.mini{border:0;border-radius:6px;padding:7px 8px;font-size:9px;font-weight:700}.mini.good{color:#34784a;background:#e4f2e7}.mini.bad{color:#aa4a38;background:#fff0eb}.product-admin{align-items:start}.form-card{flex-direction:column;gap:5px;display:flex}.form-card label{color:#55705c;gap:7px;margin:13px 0;font-size:10px;font-weight:700;display:grid}.actions{align-items:center;gap:8px;display:flex}.catalogue-row{border-bottom:1px solid #edf0e8;align-items:center;gap:11px;padding:13px 0;display:flex}.milk-icon{color:#55794d;background:#e9f0df;border-radius:10px;place-items:center;width:36px;height:36px;display:grid}.catalogue-main{flex:1;min-width:0}.catalogue-main strong,.catalogue-main small{display:block}.catalogue-main strong{font-size:11px}.catalogue-main small{color:#879186;margin-top:5px;font-size:9px}.linkbtn{color:#49734b;background:0 0;border:0;padding:5px;font-size:10px;font-weight:700}.search{background:#fff;border:1px solid #dfe5d9;border-radius:8px;flex:1;align-items:center;gap:8px;max-width:330px;padding:0 10px;display:flex}.search input{border:0;outline:0;width:100%;padding:10px 0;font-size:11px}.payment-layout{grid-template-columns:minmax(300px,520px) 1fr;align-items:start;gap:18px;display:grid}.payment-note{color:#51744c;padding:30px}.payment-note p{color:#7b887d;font-size:11px;line-height:1.8}.success,.error{border-radius:8px;align-items:center;gap:8px;margin-top:12px;padding:12px;font-size:11px;display:flex}.success{color:#2e7748;background:#e5f3e7}.error{color:#a23e2f;background:#fff0eb}.loading,.empty{text-align:center;color:#7d8b7d;padding:45px;font-size:12px}.login-screen{background:radial-gradient(circle at 80% 20%,#e4ecd8 0,#0000 30%),#f5f7f0;place-items:center;min-height:100vh;padding:25px;display:grid}.login-brand{color:#173f35;position:absolute;top:35px;left:45px}.login-brand small{color:#779278}.login-card{background:#fff;border:1px solid #e2e8dc;border-radius:17px;width:min(100%,430px);padding:35px;box-shadow:0 25px 70px #1a4a3512}.login-card h1{letter-spacing:-1px;margin:12px 0;font-family:Manrope,sans-serif;font-size:26px}.login-card p{color:#7b887d;margin-bottom:25px;font-size:11px;line-height:1.8}.login-card label{color:#56715d;gap:7px;margin:15px 0;font-size:10px;font-weight:700;display:grid}.login-card input{border:1px solid #dfe5d9;border-radius:8px;outline:0;padding:12px;font-size:12px}.wide{width:100%;margin-top:15px}.footnote{color:#879186;margin-top:18px;font-size:9px;line-height:1.7;display:block}.linkbtn{cursor:pointer}.mobile{display:none}@media (width<=1100px){.sidebar{width:220px}.main{margin-left:220px}.content{padding:25px 22px}.top{padding:0 22px}.metric-grid{grid-template-columns:repeat(2,1fr)}.split,.payment-layout{grid-template-columns:1fr}}@media (width<=700px){.sidebar{transition:transform .2s;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.main{margin-left:0}.top{gap:12px;height:70px;padding:0 15px}.mobile{color:#254f3e;background:0 0;border:0;display:block}.top>div:first-of-type{flex:1}.top>div:first-of-type strong{font-size:11px}.user-badge>span:last-child{display:none}.content{padding:22px 14px 45px}.page-title{flex-direction:column;align-items:flex-start}.page-title h1{font-size:27px}.metric-grid{gap:9px}.metric{padding:14px}.metric strong{font-size:24px}.metric-label{font-size:10px}.toolbar{flex-direction:column;align-items:flex-start}.tabs{gap:2px}.tabs button{padding:8px}.card{padding:16px}.table-card{padding:0}.catalogue-row{flex-wrap:wrap}.catalogue-main{min-width:150px}.login-brand{top:20px;left:20px}.login-card{padding:25px}.date-filter,.date-filter input{width:100%}}.address-review-summary{color:#53724f;background:#fff;border:1px solid #e5e9df;border-radius:10px;align-items:center;gap:10px;margin:0 0 16px;padding:13px 16px;font-size:11px;display:flex}.address-review-summary strong{color:#244d3a;font-size:13px}.address-review-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;display:grid}.address-review-card{flex-direction:column;align-items:stretch;padding:19px;display:flex}.address-review-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.address-review-icon{color:#52764c;background:#edf2e6;border-radius:10px;place-items:center;width:36px;height:36px;display:grid}.address-review-card h2{color:#214737;margin:14px 0 7px;font-size:15px}.address-default{color:#4f754a;vertical-align:middle;background:#edf2e6;border-radius:20px;padding:4px 7px;font-size:8px;display:inline-block}.address-review-text{color:#647567;min-height:42px;margin:0 0 14px;font-size:11px;line-height:1.8}.address-review-customer{border-top:1px solid #edf0e8;gap:4px;padding-top:12px;display:grid}.address-review-customer strong{font-size:11px}.address-review-customer small{color:#839083;overflow-wrap:anywhere;font-size:9px;line-height:1.5}.address-review-recipient{background:#f7f8f4;border-radius:8px;gap:5px;margin-top:12px;padding:11px;display:grid}.address-review-recipient span{color:#829084;text-transform:uppercase;letter-spacing:.7px;font-size:9px}.address-review-recipient strong{overflow-wrap:anywhere;font-size:10px}.address-verify-button{width:100%;margin-top:15px}.address-admin-note{color:#788678;margin-top:18px;font-size:10px;line-height:1.8}@media (width<=900px){.address-review-grid{grid-template-columns:1fr}}.customer-picker{width:100%;position:relative}.customer-search{border:1px solid var(--border,#d7dce2);background:var(--input-bg,#fff);border-radius:8px;align-items:center;gap:10px;padding:0 12px;display:flex}.customer-search input{background:0 0;border:none;outline:none;flex:1;min-width:0;padding:12px 0}.customer-dropdown{z-index:50;border:1px solid var(--border,#d7dce2);background:var(--card-bg,#fff);border-radius:10px;max-height:380px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 12px 32px #0000001f}.customer-option{text-align:left;width:100%;color:inherit;border:0;border-bottom:1px solid var(--border,#e5e7eb);cursor:pointer;background:0 0;align-items:flex-start;gap:12px;padding:13px;display:flex}.customer-option:hover,.customer-option:focus-visible{background:var(--hover-bg,#f3f6fa)}.customer-avatar{background:var(--hover-bg,#eef2f7);border-radius:50%;flex-shrink:0;place-items:center;width:38px;height:38px;display:grid}.customer-option-details{gap:5px;min-width:0;display:grid}.customer-option-details strong{font-size:14px}.customer-option-details span{overflow-wrap:anywhere;opacity:.8;align-items:flex-start;gap:6px;font-size:12px;display:flex}.customer-option-details span svg{flex-shrink:0;margin-top:2px}.customer-empty{margin:0;padding:16px;font-size:13px}.customer-pagination{justify-content:space-between;align-items:center;gap:8px;padding:10px;font-size:12px;display:flex}.customer-pagination button,.customer-close,.selected-customer button{cursor:pointer;border:1px solid var(--border,#d7dce2);color:inherit;background:0 0;border-radius:6px;padding:7px 10px}.customer-pagination button:disabled{opacity:.4;cursor:not-allowed}.customer-close{width:calc(100% - 20px);margin:0 10px 10px;display:block}.selected-customer{border:1px solid var(--border,#d7dce2);overflow-wrap:anywhere;border-radius:8px;gap:6px;margin-top:8px;padding:12px;display:grid}.selected-customer span{opacity:.8;font-size:13px}.selected-customer button{justify-self:start;margin-top:4px}.form-card button:disabled{opacity:.6;cursor:not-allowed}