:root{--ink:#14231e;--green:#123a30;--mint:#d8f34a;--paper:#f4f3ed;--line:#d9dfda;--muted:#6a766f}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,sans-serif}header{height:72px;padding:0 max(24px,5vw);background:var(--green);color:white;display:flex;align-items:center;justify-content:space-between}.logo{color:white;text-decoration:none;font:700 18px Georgia}.logo span{font:800 13px Inter;letter-spacing:1.4px;margin-left:12px}nav{display:flex;gap:20px}nav a{color:#b7cbc4;text-decoration:none}main{max-width:1440px;margin:auto;padding:45px max(20px,4vw) 80px}.hero{display:grid;grid-template-columns:1fr auto;align-items:end;padding-bottom:35px}.hero h1{font:500 clamp(34px,5vw,64px)/1.02 Georgia;margin:10px 0}.hero em{color:#39785f;font-weight:400}.eyebrow{font-size:10px;letter-spacing:1.5px;font-weight:800;color:var(--muted)}.metrics{display:flex;gap:10px}.metric{min-width:115px;background:white;border:1px solid var(--line);padding:16px}.metric strong{display:block;font:500 27px Georgia}.metric span{font-size:9px;color:var(--muted);letter-spacing:1px}.controls{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:10px;margin:15px 0}.controls input,.controls select{padding:13px;border:1px solid var(--line);background:white;color:var(--ink)}.table-wrap{overflow:auto;background:white;border:1px solid var(--line);max-height:65vh}table{border-collapse:collapse;width:100%;min-width:1260px}thead th{position:sticky;top:0;background:#f9faf7;z-index:1;text-align:left;font-size:9px;letter-spacing:1px;color:var(--muted);padding:13px}td{padding:14px 13px;border-top:1px solid #edf0ed;font-size:12px}button,.brand-link{border:0;background:none;color:#205b48;font-weight:700;cursor:pointer}.badge{padding:4px 7px;background:#dff1e2;color:#26723a;font-size:9px;font-weight:800}.pagination{display:flex;justify-content:center;gap:18px;align-items:center;margin-top:20px}.pagination button{padding:9px 13px;border:1px solid var(--line);background:white}.pagination button:disabled{opacity:.4}dialog{width:min(1050px,92vw);max-height:90vh;overflow:auto;border:1px solid var(--line);padding:25px}dialog::backdrop{background:#102b25cc}#close{float:right}.detail-head{padding:15px 0 25px}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.card{border:1px solid var(--line);padding:14px}.products{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}.product{border:1px solid var(--line);padding:10px}.product img{width:100%;height:160px;object-fit:contain;background:#f7f7f4}.product a{color:var(--ink)}.muted{color:var(--muted);font-size:11px}.email-control{display:grid;grid-template-columns:minmax(145px,1fr) auto;gap:7px;min-width:245px}.email-control select,.email-control textarea{width:100%;min-width:0;border:1px solid var(--line);background:white;color:var(--ink);padding:8px;font:inherit}.email-control button{padding:8px 10px;border:1px solid #9db5ab;background:#edf4f0;white-space:nowrap}.email-control.detailed{grid-template-columns:1fr auto;width:min(720px,100%)}.email-control.detailed textarea{grid-column:1/-1;min-height:230px;resize:vertical;line-height:1.55}.email-section{display:grid;grid-template-columns:220px 1fr;gap:20px;margin:28px 0;padding:20px;border:1px solid var(--line);background:#f8faf7}.email-section h2{margin:5px 0}.section-title{display:flex;align-items:center;justify-content:space-between;margin-top:28px}.section-title span{color:var(--muted);font-size:12px}.empty-products{grid-column:1/-1;display:grid;gap:6px;padding:24px;border:1px dashed var(--line);color:var(--muted)}.empty-products strong{color:var(--ink)}
.product-summary{display:grid;grid-template-columns:repeat(3,minmax(72px,1fr));gap:6px;min-width:300px;text-align:left}.product-summary em{grid-column:1/-1;color:#39785f;font-size:10px;font-style:normal}.product-mini{display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;column-gap:6px;min-width:0}.product-mini img,.product-mini i{grid-row:1/3;width:34px;height:34px;object-fit:contain;background:#f4f5f1}.product-mini b,.product-mini small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-mini b{font-size:9px;color:var(--ink)}.product-mini small{font-size:8px;color:var(--muted)}.no-product{grid-column:1/-1;color:var(--muted);font-size:10px}
@media(max-width:760px){.hero{display:block}.metrics{margin-top:20px;overflow:auto}.controls{grid-template-columns:1fr}.detail-grid{grid-template-columns:1fr}.email-section{grid-template-columns:1fr}.email-control.detailed{grid-template-columns:1fr}.email-control.detailed button{width:100%}.logo span{display:none}}