:root{--ink:#152319;--muted:#6e786f;--paper:#f6f5ef;--card:#fffefa;--line:#deded5;--green:#1f6b4e;--green-soft:#e1f0e7;--amber:#b76d19;--amber-soft:#fff1dd;--red:#a7463f;--red-soft:#fae8e6}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.shell{max-width:1260px;margin:auto;padding:0 28px 48px}.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:800;letter-spacing:-.6px}.brand-mark{width:29px;height:29px;display:grid;place-items:center;color:#fff;background:var(--green);border-radius:8px}.mode{display:flex;gap:8px;align-items:center;color:#566158;font-size:13px}.dot{display:inline-block;width:8px;height:8px;border-radius:100%;background:#58a878}.mode-help{padding-left:8px;color:#8b938d;border-left:1px solid var(--line)}.intro{padding:61px 0 38px;display:flex;gap:30px;align-items:end;justify-content:space-between}.eyebrow{margin:0 0 9px;color:var(--green);font-size:11px;font-weight:800;letter-spacing:1.2px}h1,h2{margin:0;letter-spacing:-1.3px}h1{font-size:48px;line-height:1.07}h1 em{font-family:Georgia,serif;font-weight:400;color:var(--green)}h2{font-size:21px}.lede{max-width:615px;margin:17px 0 0;color:var(--muted);font-size:16px;line-height:1.6}.actions,.dialog-actions{display:flex;gap:10px}.button{border:0;border-radius:8px;padding:12px 16px;background:var(--green);color:white;font:700 14px inherit;cursor:pointer}.button:hover{background:#16563d}.button.secondary{color:#365245;background:#e7ece7}.button.secondary:hover{background:#d9e2da}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.metrics article{padding:19px 20px;background:var(--card);border:1px solid var(--line);border-radius:11px}.metrics article>span{display:block;color:var(--muted);font-size:12px;font-weight:650}.metrics strong{display:block;margin:7px 0 1px;font-size:28px;letter-spacing:-1px}.metrics small{color:#758078;font-size:12px}.metrics .attention{border-color:#f0cd9e;background:#fffaf0}.metrics .attention strong{color:var(--amber)}.grid{display:grid;grid-template-columns:.85fr 1.5fr;gap:18px}.panel{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:23px}.panel-heading{display:flex;justify-content:space-between;align-items:start;margin-bottom:18px}.count-pill{min-width:27px;padding:3px 8px;text-align:center;border-radius:999px;color:var(--amber);background:var(--amber-soft);font-size:12px;font-weight:800}.attention-list{display:grid;gap:10px}.empty{color:var(--muted);font-size:14px;line-height:1.6;padding:20px 0}.attention-item{padding:14px;border:1px solid #f2dbbd;border-radius:9px;background:#fffaf1}.attention-item strong,.attention-item span{display:block}.attention-item strong{font-size:14px}.attention-item span{margin:4px 0 12px;color:var(--muted);font-size:13px}.attention-item button{width:100%;padding:8px;background:white;border:1px solid #e6bd81;border-radius:6px;color:#875018;font:700 12px inherit;cursor:pointer}.text-button{border:0;background:none;color:var(--green);font:700 13px inherit;cursor:pointer}.filters{display:flex;gap:6px;margin-bottom:14px}.filter{padding:5px 9px;background:none;border:0;border-radius:6px;color:var(--muted);font:650 12px inherit;cursor:pointer}.filter.active{color:var(--green);background:var(--green-soft)}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;padding:0 8px 9px;color:var(--muted);font-size:11px;letter-spacing:.2px}td{padding:13px 8px;border-top:1px solid #eeeee8}td:first-child{font-weight:700}.customer-email{display:block;margin-top:2px;color:var(--muted);font-size:11px;font-weight:400}.status{display:inline-block;padding:3px 7px;border-radius:999px;font-size:11px;font-weight:800}.status.open{color:#38634b;background:var(--green-soft)}.status.won{color:#38634b;background:var(--green-soft)}.status.lost{color:var(--red);background:var(--red-soft)}.status.reply{color:#8a5318;background:var(--amber-soft)}.next{color:var(--muted);white-space:nowrap}.automation-panel{display:flex;justify-content:space-between;align-items:center;margin-top:18px;padding:21px 23px;background:#f0f4ed}.automation-panel p:not(.eyebrow){margin:7px 0 0;color:var(--muted);font-size:13px}.automation-state{display:grid;grid-template-columns:auto auto;gap:3px 8px;align-items:center;font-size:13px}.automation-state small{grid-column:2;color:var(--muted);font-size:11px}dialog{width:min(560px,calc(100% - 32px));border:0;border-radius:14px;padding:0;box-shadow:0 25px 80px #25342a55}dialog::backdrop{background:#18241d77}dialog form{padding:25px}.dialog-heading{display:flex;justify-content:space-between}.icon-button{border:0;background:none;color:var(--muted);font-size:28px;line-height:.7;cursor:pointer}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:25px 0}label{display:grid;gap:6px;color:#49534c;font-size:12px;font-weight:700}.full{grid-column:1/-1}input,textarea{width:100%;padding:10px 11px;border:1px solid #cfd4cd;border-radius:7px;background:#fff;font:14px inherit;outline:none}input:focus,textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px #1f6b4e1d}textarea{height:72px;resize:vertical}.dialog-actions{justify-content:flex-end}.dialog-copy{margin:20px 0;color:var(--muted);font-size:14px;line-height:1.5}.outcomes{display:grid;gap:8px;margin:18px 0}.outcomes button{padding:11px;text-align:left;background:#fff;border:1px solid var(--line);border-radius:7px;color:var(--ink);font:700 13px inherit;cursor:pointer}.outcomes button.selected{color:var(--green);border-color:var(--green);background:var(--green-soft)}.toast{position:fixed;right:24px;bottom:24px;transform:translateY(80px);padding:12px 15px;border-radius:8px;background:var(--ink);color:white;font-size:13px;opacity:0;transition:.2s}.toast.show{transform:translateY(0);opacity:1}@media(max-width:820px){.intro,.automation-panel{align-items:start;flex-direction:column}.metrics,.grid{grid-template-columns:1fr 1fr}.attention-panel{grid-column:1/-1}}@media(max-width:560px){.shell{padding:0 16px 32px}.intro{padding-top:38px}h1{font-size:36px}.metrics,.grid,.form-grid{grid-template-columns:1fr}.actions{width:100%;flex-wrap:wrap}.mode-help{display:none}.pipeline-panel{overflow:hidden}.form-grid{display:grid}.full{grid-column:auto}}