@import url("https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,700&family=Space+Grotesk:wght@400;500;600;700&display=swap");:root{--ink:#1e1b16;--ink-muted:rgba(30,27,22,.7);--paper:#f6f1e8;--canvas:#fdfaf5;--accent:#d96b4c;--accent-strong:#c25638;--teal:#2f7b7a;--violet:#5d4f7c;--shadow:rgba(31,28,23,.15);--shadow-strong:rgba(31,28,23,.25);--font-body:"Space Grotesk","Gill Sans",sans-serif;--font-display:"Fraunces","Times New Roman",serif}*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden}body{color:var(--ink);background:var(--canvas);font-family:var(--font-body)}a{color:inherit;text-decoration:none}.page{min-height:100vh;padding:64px 6vw 80px;background:radial-gradient(circle at 15% 20%,#ffe9d6 0,transparent 55%),radial-gradient(circle at 80% 0,#e8f1f1 0,transparent 45%),var(--canvas);position:relative;overflow:hidden}.page:after,.page:before{content:"";position:absolute;width:420px;height:420px;background:linear-gradient(135deg,#f7d8be,#f2c1bb);border-radius:120px;opacity:.35;filter:blur(40px);z-index:0}.page:before{top:-120px;left:-140px}.page:after{bottom:-140px;right:-120px}.hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);grid-gap:32px;gap:32px;position:relative;z-index:1;margin-bottom:48px}.heroText h1{font-family:var(--font-display);font-size:clamp(2.4rem,3vw,3.5rem);margin-bottom:16px}.eyebrow{text-transform:uppercase;letter-spacing:.3em;font-size:.75rem;font-weight:600;color:var(--accent-strong);margin-bottom:12px}.subtitle{font-size:1.05rem;color:var(--ink-muted);max-width:42ch;line-height:1.6;margin-bottom:12px}.heroText .moduleAddresses{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.heroCard{background:var(--paper);border-radius:24px;padding:28px;box-shadow:0 20px 60px var(--shadow);display:grid;grid-gap:18px;gap:18px;align-content:center}.heroLabel{font-size:.8rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-muted);margin-bottom:6px}.heroValue{font-size:1.6rem;font-weight:600}.notice{background:#fff;border-radius:20px;padding:20px 24px;margin-bottom:32px;border:1px solid rgba(30,27,22,.08);box-shadow:0 12px 30px var(--shadow);position:relative;z-index:1}.notice h2{font-family:var(--font-display);font-size:1.4rem;margin-bottom:8px}.notice span{font-weight:600;color:var(--accent-strong)}.landing{display:grid;place-items:center;position:relative}.settingsLink{position:absolute;top:24px;right:6vw;font-size:.85rem;font-weight:600;color:var(--accent-strong);text-transform:uppercase;letter-spacing:.16em}.agentsCard{max-width:560px;background:#fff;padding:40px;border-radius:30px;box-shadow:0 24px 70px var(--shadow);text-align:left;display:grid;grid-gap:18px;gap:18px;z-index:1;border:1px solid rgba(30,27,22,.08);transition:transform .2s ease,box-shadow .2s ease}.agentsCard:hover{transform:translateY(-2px);box-shadow:0 30px 80px var(--shadow-strong)}.agentsCard h1{font-family:var(--font-display);font-size:clamp(2.4rem,3vw,3rem)}.agentsAction{font-size:.9rem;font-weight:600;color:var(--accent-strong);text-transform:uppercase;letter-spacing:.18em}.moduleGrid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:24px}.moduleGrid,.moduleSummaryGrid{display:grid;gap:24px;position:relative;z-index:1}.moduleSummaryGrid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:24px}.moduleSummaryCard{background:#fff;border-radius:28px;padding:24px;box-shadow:0 16px 40px var(--shadow);display:grid;grid-gap:16px;gap:16px;border:1px solid transparent;transition:transform .2s ease,box-shadow .2s ease}.moduleSummaryCard:hover{transform:translateY(-2px);box-shadow:0 22px 50px var(--shadow-strong)}.moduleSummaryHeader{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.moduleSummaryStats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));grid-gap:16px;gap:16px}.statBlock{background:var(--paper);border-radius:18px;padding:14px}.statLabel{text-transform:uppercase;letter-spacing:.12em;font-size:.65rem;color:var(--ink-muted);margin-bottom:6px}.statValue{font-size:1.1rem;font-weight:600}.moduleCard{background:#fff;border-radius:28px;padding:24px;box-shadow:0 16px 40px var(--shadow);display:flex;flex-direction:column;gap:16px}.moduleHeader{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.moduleLabel{text-transform:uppercase;letter-spacing:.2em;font-size:.7rem;color:var(--ink-muted);margin-bottom:4px}.moduleHeader h2{font-family:var(--font-display);font-size:1.5rem}.moduleMeta{display:grid;grid-gap:8px;gap:8px;font-size:.85rem;color:var(--ink-muted);align-items:flex-end}.moduleMeta,.moduleMeta>span{text-align:right}.moduleMeta .moduleAddresses{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-start;margin-top:4px;text-align:left;width:100%}.addressPill{background:rgba(217,107,76,.12);color:var(--accent-strong);border-radius:999px;padding:6px 12px;font-size:.8rem;font-weight:600}.messageList{list-style:none;display:grid;grid-gap:14px;gap:14px}.messageItem{padding:0}.messageDetails{border-radius:20px;background:var(--paper);border:1px solid rgba(30,27,22,.08);overflow:hidden;position:relative}.messageSummary{display:grid;grid-template-columns:auto 1fr auto;grid-gap:14px;gap:14px;padding:16px;cursor:pointer;list-style:none;position:relative;z-index:0}.messageSummary::-webkit-details-marker{display:none}.messageDetails[open] .messageSummary{z-index:0}.badge{align-self:start;padding:6px 10px;border-radius:999px;font-size:.7rem;text-transform:uppercase;letter-spacing:.14em;font-weight:600}.badge,.badge--inbound{background:rgba(47,123,122,.15);color:var(--teal)}.badge--processing{background:rgba(93,79,124,.16);color:var(--violet)}.badge--outbound{background:rgba(217,107,76,.16);color:var(--accent-strong)}.messageBody{display:grid;grid-gap:6px;gap:6px}.messageTitle{display:flex;justify-content:space-between;gap:12px}.messageTitle h3{font-size:1.05rem;font-weight:600}.messageTitle span{font-size:.85rem;color:var(--ink-muted);white-space:nowrap}.messageMeta{font-size:.8rem;color:var(--ink-muted)}.messageSnippet{font-size:.9rem;line-height:1.5;color:var(--ink)}.messageToggle{align-self:center;font-size:.75rem;text-transform:uppercase;letter-spacing:.18em;color:var(--ink-muted)}.messageExpanded{padding:0 16px 18px;display:grid;grid-gap:16px;gap:16px;position:relative;z-index:1}.messageExpandedActions{display:flex;justify-content:flex-end;position:relative;z-index:10}.messageClose{border:none;background:var(--ink);color:#fff;padding:8px 16px;border-radius:999px;font-size:.8rem;text-transform:uppercase;letter-spacing:.16em;cursor:pointer;position:relative;z-index:10;pointer-events:auto}.messageClose:hover{background:#2a251e}.expandedContent{display:grid;grid-gap:12px;gap:12px}.contentBlock{background:#fff;border-radius:16px;padding:12px 14px;border:1px solid rgba(30,27,22,.08)}.contentBlock h4{font-size:.85rem;text-transform:uppercase;letter-spacing:.14em;color:var(--ink-muted);margin-bottom:8px}.contentBlock pre{white-space:pre-wrap;font-family:var(--font-body);font-size:.9rem;color:var(--ink)}.messageDetailsList{display:grid;grid-gap:10px;gap:10px}.detailRow{display:grid;grid-template-columns:100px 1fr;grid-gap:12px;gap:12px;align-items:start}.detailLabel{font-size:.8rem;font-weight:600;color:var(--ink-muted);text-transform:uppercase;letter-spacing:.1em}.detailValue{font-size:.9rem;color:var(--ink);word-break:break-word}.detailValue.messageId{font-family:SFMono-Regular,ui-monospace,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.8rem;color:var(--ink-muted)}.attachmentSection h4{font-size:.85rem;text-transform:uppercase;letter-spacing:.14em;color:var(--ink-muted);margin-bottom:10px}.attachmentList{display:flex;flex-wrap:wrap;gap:10px}.attachmentItem{gap:10px;padding:8px 12px;border-radius:14px;border:1px solid rgba(30,27,22,.1);background:#fff;box-shadow:0 8px 18px rgba(31,28,23,.08);font-size:.82rem}.attachmentIcon,.attachmentItem{display:inline-flex;align-items:center}.attachmentIcon{width:36px;height:36px;border-radius:10px;background:rgba(217,107,76,.15);color:var(--accent-strong);font-weight:700;justify-content:center;letter-spacing:.08em;text-transform:uppercase}.attachmentName{font-weight:600;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachmentMeta{color:var(--ink-muted);font-size:.75rem;white-space:nowrap}.rawPayload{background:#fff;border-radius:16px;padding:10px 14px;border:1px solid rgba(30,27,22,.08)}.rawPayload summary{cursor:pointer;font-weight:600;color:var(--accent-strong)}.rawPayload pre{margin-top:10px;font-family:SFMono-Regular,ui-monospace,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.8rem;white-space:pre-wrap;color:var(--ink)}.emptyState{border:1px dashed rgba(30,27,22,.2);border-radius:18px;padding:18px;text-align:center;color:var(--ink-muted)}.emptyState p{font-weight:600;color:var(--ink);margin-bottom:6px}.errorNote{font-size:.8rem;color:var(--accent-strong)}.adminNav{margin-bottom:12px}.backLink{display:inline-flex;align-items:center;gap:8px;font-weight:600;color:var(--accent-strong)}.conversationList{margin-top:32px}.conversationList h2{font-family:var(--font-display);font-size:1.8rem;margin-bottom:20px}.conversationListItems{list-style:none;display:grid;grid-gap:12px;gap:12px}.conversationItem{padding:0}.conversationLink{display:block;background:#fff;border-radius:20px;padding:20px;box-shadow:0 8px 24px var(--shadow);border:1px solid rgba(30,27,22,.08);transition:transform .2s ease,box-shadow .2s ease;text-decoration:none;color:inherit}.conversationLink:hover{transform:translateY(-2px);box-shadow:0 12px 32px var(--shadow-strong)}.conversationLink .conversationHeader{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.conversationLink h3{font-size:1.1rem;font-weight:600;margin-bottom:6px;color:var(--ink)}.conversationMeta{font-size:.85rem;color:var(--ink-muted)}.conversationStatus{flex-shrink:0}.statusBadge{display:inline-block;padding:4px 10px;border-radius:999px;font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;font-weight:600}.statusBadge--open{background:rgba(47,123,122,.15);color:var(--teal)}.statusBadge--closed{background:rgba(30,27,22,.1);color:var(--ink-muted)}.conversationHeader{margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid rgba(30,27,22,.1)}.conversationHeader h2{font-family:var(--font-display);font-size:1.5rem;margin-top:12px}@media (max-width:900px){.hero{grid-template-columns:1fr}.heroCard{order:-1}.messageTitle{flex-direction:column;align-items:flex-start}}