@import url("https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap");:root{--ink:#18211f;--muted:#73807b;--line:#dfe6df;--paper:#f4f6f1;--panel:#fff;--green:#bdd03b;--greenDeep:#899b20;--coral:#ec795f;--dark:#1c2724}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font-family:DM Sans,sans-serif}button,textarea{font:inherit}button{cursor:pointer}.shell{max-width:1440px;min-height:100vh;margin:0 auto;padding:0 5vw 30px}.topbar{height:92px;justify-content:space-between;border-bottom:1px solid var(--line)}.brand,.topbar{display:flex;align-items:center}.brand{gap:12px;font-family:Space Grotesk,sans-serif;letter-spacing:.08em}.brandMark{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--ink);border-radius:50%;font-size:20px}.brand b,.brand small{display:block;line-height:1}.brand b{font-size:14px}.brand small{margin-top:5px;color:var(--muted);font:10px DM Mono,monospace;letter-spacing:.13em}.topbarRight{display:flex;gap:20px;align-items:center}.localPill{font:11px DM Mono,monospace;letter-spacing:.08em;color:var(--muted)}.localPill i{width:7px;height:7px;background:var(--greenDeep);display:inline-block;border-radius:50%;margin-right:7px}.importButton,.replyActions button{border:0;color:var(--ink);background:var(--green);padding:13px 17px;font:500 11px DM Mono,monospace;letter-spacing:.05em;transition:.2s}.importButton:hover,.replyActions button:hover{background:#cfe151;transform:translateY(-1px)}.importButton:disabled,.replyActions button:disabled{opacity:.5;cursor:wait;transform:none}.intro{display:flex;justify-content:space-between;padding:64px 0 49px;gap:30px}.eyebrow{color:var(--coral);font:500 10px DM Mono,monospace;letter-spacing:.14em;margin:0 0 13px}.intro h1{margin:0;font:600 clamp(42px,6vw,82px)/.98 Space Grotesk,sans-serif;letter-spacing:-.06em}.intro h1 em{color:var(--greenDeep);font-style:normal}.lede{max-width:460px;color:var(--muted);line-height:1.6;margin:25px 0 0;font-size:15px}.lastSync{min-width:180px;align-self:flex-end;padding-bottom:8px}.lastSync small,.lastSync span,.lastSync strong{display:block}.lastSync span{font:10px DM Mono,monospace;color:var(--muted);letter-spacing:.1em}.lastSync strong{margin:9px 0 3px;font:500 16px Space Grotesk,sans-serif}.lastSync small{font-size:11px;color:var(--muted)}.notice{padding:14px 18px;margin-bottom:20px;border:1px solid;display:flex;justify-content:space-between;font-size:13px}.notice.success{border-color:#cddca3;background:#f7fbe8}.notice.error{border-color:#efb4a7;background:#fff3f0;color:#9d4637}.notice button{border:0;background:none;font-size:20px;color:inherit}.statsGrid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px;margin-bottom:46px}.statCard{background:var(--panel);border:1px solid var(--line);padding:22px 24px;min-height:132px}.statCard.accent{background:var(--dark);color:#f7f8ec;border-color:var(--dark)}.statCard span{font:10px DM Mono,monospace;letter-spacing:.12em;color:var(--muted)}.statCard.accent span{color:var(--green)}.statCard strong{display:block;margin:13px 0 4px;font:600 40px/1 Space Grotesk,sans-serif;letter-spacing:-.05em}.statCard small{color:var(--muted);font-size:11px}.statCard.accent small{color:#aebbb5}.workspace{display:grid;grid-template-columns:minmax(320px,.86fr) minmax(450px,1.5fr);grid-gap:12px;gap:12px;min-height:640px}.detailPanel,.queuePanel{background:var(--panel);border:1px solid var(--line)}.detailHead,.panelHead{padding:26px 28px 22px;display:flex;justify-content:space-between;border-bottom:1px solid var(--line)}.detailHead h2,.panelHead h2{margin:0;font:600 28px Space Grotesk,sans-serif;letter-spacing:-.04em}.countBadge{width:29px;height:29px;display:grid;place-items:center;border-radius:50%;background:#eef2e9;color:var(--muted);font:11px DM Mono,monospace}.filters{display:flex;gap:5px;padding:14px 18px;overflow:auto;border-bottom:1px solid var(--line)}.filters button{white-space:nowrap;border:0;background:transparent;color:var(--muted);padding:8px 10px;font-size:11px}.filters button.active{color:var(--ink);background:#eef2e9}.messageList{max-height:515px;overflow:auto}.messageRow{width:100%;display:flex;align-items:center;gap:11px;padding:17px 20px;background:transparent;border:0;border-bottom:1px solid #edf0eb;text-align:left}.messageRow.selected,.messageRow:hover{background:#f6f8f3}.messageRow.selected{box-shadow:inset 3px 0 0 var(--coral)}.statusDot{flex:0 0 auto;width:8px;height:8px;border-radius:50%;background:var(--muted)}.statusDot.new{background:var(--coral)}.statusDot.queued{background:var(--greenDeep)}.statusDot.sent{background:#aebbb5}.messageMeta{min-width:0;flex:1 1}.messageMeta span,.messageMeta strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.messageMeta strong{font-size:12px;font-weight:600}.messageMeta span{color:var(--muted);font-size:12px;margin-top:4px}.messageRow time{color:var(--muted);white-space:nowrap;font:10px DM Mono,monospace}.empty{padding:75px 32px;text-align:center;color:var(--muted)}.empty span{display:block;color:var(--greenDeep);font-size:36px;margin-bottom:15px}.empty p{margin:0 0 8px;color:var(--ink);font:500 16px Space Grotesk,sans-serif}.empty small{display:block;line-height:1.6;font-size:12px}.detailPanel{min-width:0}.detailHead{align-items:flex-start}.detailHead h2{max-width:650px;font-size:32px}.senderLine{color:var(--muted);font-size:12px;margin:10px 0 0}.senderLine strong{color:var(--ink)}.senderLine span{padding:0 7px}.sourceLink{color:var(--muted);font:10px DM Mono,monospace;text-decoration:none;letter-spacing:.06em;white-space:nowrap}.sourceLink:hover{color:var(--ink)}.messageBody{padding:35px 30px 28px;min-height:220px;border-bottom:1px solid var(--line)}.messageBody p{margin:0;max-width:750px;white-space:pre-wrap;font:19px/1.62 Space Grotesk,sans-serif;letter-spacing:-.02em}.replyArea{padding:26px 30px;background:#fbfcfa}.replyLabel{display:flex;justify-content:space-between;margin-bottom:10px;color:var(--muted);font:10px DM Mono,monospace;letter-spacing:.1em}.replyArea textarea{width:100%;min-height:150px;resize:vertical;padding:15px;border:1px solid var(--line);background:white;color:var(--ink);outline:none;line-height:1.5}.replyArea textarea:focus{border-color:var(--greenDeep);box-shadow:0 0 0 3px #edf3ce}.replyActions{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:12px}.replyActions small{color:var(--muted);max-width:400px;line-height:1.4;font-size:11px}.replyActions button span{padding-left:15px;font-size:15px}.detailEmpty{padding-top:175px}.detailEmpty h2{margin:0 0 8px;font:500 24px Space Grotesk,sans-serif}.detailEmpty p{max-width:280px;margin:0 auto}footer{display:flex;justify-content:space-between;padding:28px 0 0;color:var(--muted);font:10px DM Mono,monospace;letter-spacing:.08em}.loginShell{min-height:100vh;display:grid;place-items:center;padding:24px;background:var(--paper)}.loginCard{width:min(100%,470px);padding:42px;border:1px solid var(--line);background:var(--panel);box-shadow:0 20px 60px rgba(24,33,31,.08)}.loginCard .brand{margin-bottom:55px}.loginCard h1{margin:0;font:600 clamp(34px,7vw,58px)/1 Space Grotesk,sans-serif;letter-spacing:-.06em}.loginLede{margin:18px 0 30px;color:var(--muted);font-size:14px}.loginCard form{display:grid;grid-gap:9px;gap:9px}.loginCard label{color:var(--muted);font:10px DM Mono,monospace;letter-spacing:.1em;text-transform:uppercase}.loginCard input{width:100%;padding:14px;border:1px solid var(--line);background:#fbfcfa;color:var(--ink);outline:none}.loginCard input:focus{border-color:var(--greenDeep);box-shadow:0 0 0 3px #edf3ce}.loginCard button{margin-top:7px;padding:14px 17px;border:0;background:var(--dark);color:#f7f8ec;font:500 11px DM Mono,monospace;letter-spacing:.06em}.loginCard button:hover{background:#2b3b35}.loginCard button:disabled{opacity:.55;cursor:wait}.loginError{margin:5px 0 0;padding:10px 12px;border:1px solid #efb4a7;background:#fff3f0;color:#9d4637;font-size:12px}@media (max-width:900px){.shell{padding:0 22px 24px}.intro{padding:45px 0 35px}.lastSync{display:none}.statsGrid{grid-template-columns:repeat(2,1fr);margin-bottom:30px}.workspace{grid-template-columns:1fr}.messageList{max-height:330px}.detailPanel{min-height:560px}.topbarRight .localPill{display:none}}@media (max-width:560px){.topbar{height:76px}.importButton{padding:11px 10px;font-size:10px}.intro h1{font-size:47px}.statsGrid{gap:7px}.statCard{padding:16px;min-height:108px}.statCard strong{font-size:31px}.detailHead,.panelHead{padding:22px 18px}.detailHead h2{font-size:25px}.messageBody,.replyArea{padding:25px 18px}.replyActions{align-items:flex-start;flex-direction:column}.replyActions button{width:100%}footer{gap:12px;flex-direction:column}}.statsGrid{grid-template-columns:repeat(5,1fr);margin-bottom:28px}.approveButton,.rejectButton,.secondaryButton,.sendAllButton{border:1px solid var(--line);padding:12px 14px;font:500 10px DM Mono,monospace;letter-spacing:.04em;transition:.2s}.secondaryButton{color:var(--ink);background:#fff}.secondaryButton:hover{border-color:var(--greenDeep);background:#f7fbe8;transform:translateY(-1px)}.approveButton,.sendAllButton{color:#f7f8ec;border-color:var(--dark);background:var(--dark)}.approveButton:hover,.sendAllButton:hover{background:#2b3b35;transform:translateY(-1px)}.rejectButton{color:#9d4637;border-color:#efb4a7;background:#fff3f0}.rejectButton:hover{background:#ffe6df}.approveButton:disabled,.rejectButton:disabled,.secondaryButton:disabled,.sendAllButton:disabled{opacity:.45;cursor:wait;transform:none}.workflowStrip{display:flex;align-items:center;gap:13px;padding:14px 18px;margin-bottom:12px;border:1px solid var(--line);background:#eef2e9;color:var(--muted);font:10px DM Mono,monospace;letter-spacing:.05em}.workflowStrip .stepDone{color:var(--greenDeep)}.workflowStrip .stepCurrent{color:var(--ink)}.workflowStrip p{margin:0 0 0 auto;color:var(--muted);letter-spacing:0}.rowStatus{flex:0 0 auto;color:var(--muted);font:9px DM Mono,monospace;letter-spacing:.04em}.rowStatus.review{color:var(--coral)}.rowStatus.queued{color:var(--greenDeep)}.rowStatus.failed{color:#b85643}.statusDot.failed{background:var(--coral)}.statusDot.review{background:#e3a12c}.messageBody{padding:30px 30px 28px}.messageTag{display:inline-block;margin-bottom:18px;color:var(--coral);font:500 10px DM Mono,monospace;letter-spacing:.1em}.promptNote{max-width:750px;margin-top:22px;padding:12px 14px;border-left:2px solid var(--green);background:#f4f8e5;color:var(--muted);font-size:11px;line-height:1.55}.lede code,.promptNote code{color:var(--ink);font:11px DM Mono,monospace}.replyArea textarea[readonly]{background:#f1f3ef;color:var(--muted)}.inlineError{margin-top:10px;padding:10px 12px;border:1px solid #efb4a7;background:#fff3f0;color:#9d4637;font-size:11px}.replyActions{align-items:flex-start}.replyActions small{max-width:300px}.actionButtons{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}.replyActions .secondaryButton{color:var(--ink);background:#fff}.replyActions .secondaryButton:hover{border-color:var(--greenDeep);background:#f7fbe8}.replyActions .approveButton{color:#f7f8ec;background:var(--dark)}.replyActions .approveButton:hover{background:#2b3b35}.replyActions .rejectButton{color:#9d4637;background:#fff3f0}@media (max-width:1150px){.topbarRight{gap:8px}.topbarRight .localPill{display:none}.topbarRight button{padding-left:10px;padding-right:10px}}@media (max-width:900px){.workflowStrip{flex-wrap:wrap}.workflowStrip p{width:100%;margin-top:3px}}@media (max-width:560px){.topbar{height:auto;min-height:76px;padding:14px 0;align-items:flex-start;gap:12px}.topbarRight{flex-wrap:wrap;justify-content:flex-end}.topbarRight button{font-size:9px}.actionButtons{justify-content:flex-start;width:100%}.actionButtons button{flex:1 1}.rowStatus{display:none}}