:root{--sage:#eef2e3;--paper:#fcfcfc;--forest:#043f2e;--lime:#c8f169;--muted:#68756d;--line:rgba(4,63,46,.14);--danger:#b42318}*{box-sizing:border-box}body{margin:0;background:var(--sage);color:var(--forest);font-family:Inter,Arial,sans-serif}button,input,select{font:inherit}button{cursor:pointer}.shell{width:min(1200px,calc(100% - 40px));margin:auto}.topbar{position:sticky;top:0;z-index:40;background:rgba(252,252,252,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.topbar-inner{min-height:72px;display:grid;grid-template-columns:220px 1fr 240px;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none}.brand-mark{width:36px;height:36px;display:grid;place-items:center;border-radius:8px;background:var(--forest);color:var(--lime);font:22px Fraunces,serif}.brand strong,.brand small{display:block}.brand strong{font-size:15px}.brand small{margin-top:4px;color:var(--muted);font-size:10px;letter-spacing:.12em;text-transform:uppercase}.nav{display:flex;justify-content:center;gap:4px}.nav-link{border:0;background:transparent;color:var(--forest);padding:9px 13px;border-radius:5px;font-size:13px;font-weight:500}.nav-link:hover{background:rgba(4,63,46,.06)}.nav-link.active{background:var(--forest);color:var(--paper)}.system-status{justify-self:end;display:flex;align-items:center;gap:10px}.system-status strong{display:block;font-size:12px}.system-status small{display:block;margin-top:2px;color:var(--muted);font-size:10px}.status-dot{width:10px;height:10px;border-radius:50%;background:#9ca3af;box-shadow:0 0 0 4px rgba(156,163,175,.15)}.status-dot.running{background:#26a269;box-shadow:0 0 0 4px rgba(38,162,105,.14)}.status-dot.paused{background:#e0a100}.main-shell{padding:56px 0 88px}.page-section{display:none}.page-section.active{display:block}.hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:32px}.eyebrow,.mini-label{font-size:11px;font-weight:600;letter-spacing:.11em;text-transform:uppercase}.eyebrow{margin-bottom:15px}h1,h2{margin:0;font-family:Fraunces,Georgia,serif;font-weight:400;letter-spacing:-.025em}h1{font-size:clamp(48px,7vw,82px);line-height:.92}.hero-copy,.section-copy{max-width:690px;margin:24px 0 0;color:#4f6259;font-size:16px;line-height:1.6}.forest-card,.paper-card{border-radius:16px;padding:22px}.forest-card{background:var(--forest);color:var(--paper)}.paper-card{background:var(--paper);border:1px solid var(--line)}.hero-control-card{display:flex;min-height:300px;flex-direction:column;justify-content:space-between}.hero-control-head,.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.mini-label.light{color:rgba(252,252,252,.63)}.mono{font-family:"JetBrains Mono",monospace}.muted-light{color:rgba(252,252,252,.56);font-size:11px}.hero-status-line{font:42px/1 Fraunces,serif;letter-spacing:-.03em}.control-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.legacy-link{margin-top:14px;color:rgba(252,252,252,.62);font-size:11px;text-decoration:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:10px 14px;border-radius:5px;border:1px solid transparent;font-size:12px;font-weight:600}.btn svg{width:15px;height:15px}.btn:disabled{opacity:.5;cursor:wait}.btn-accent{background:var(--lime);color:#000}.btn-ghost{background:transparent;border-color:rgba(4,63,46,.24);color:var(--forest)}.btn-ghost-light{background:transparent;border-color:rgba(255,255,255,.24);color:var(--paper)}.full{width:100%}.text-link{border:0;background:none;padding:0;color:inherit;font-size:11px;font-weight:600}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:24px}.kpi-card{min-height:178px;padding:20px;border-radius:16px;background:var(--paper);border:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between}.accent-kpi{background:var(--lime);border-color:transparent}.kpi-top{display:flex;justify-content:space-between;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.06em}.kpi-card strong{font:46px/1 Fraunces,serif}.kpi-card small{color:var(--muted);font-size:11px}.progress{height:5px;background:rgba(4,63,46,.08);border-radius:99px;overflow:hidden}.progress span{display:block;width:0;height:100%;background:var(--forest)}.content-grid{display:grid;gap:16px;margin-top:16px}.analytics-grid{grid-template-columns:1.45fr .55fr}.lower-grid{grid-template-columns:.8fr 1.2fr}.card-head.compact{align-items:center}.card-head h2{margin-top:5px;font-size:28px}.chart-card{min-height:460px}.segmented{display:flex;padding:3px;background:var(--sage);border-radius:7px}.period-btn{border:0;background:transparent;color:var(--muted);padding:7px 9px;border-radius:5px;font-size:10px;font-weight:600}.period-btn.active{background:var(--paper);color:var(--forest)}.chart-wrap{height:295px;margin-top:22px}.chart-footer{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding-top:16px;border-top:1px solid var(--line)}.chart-footer small{display:block;color:var(--muted);font-size:10px;text-transform:uppercase}.chart-footer strong{display:block;margin-top:4px;font-size:14px}.deliverability-preview{display:flex;flex-direction:column;min-height:460px}.health-badge,.tag,.status-pill{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-size:10px;font-weight:600;padding:5px 9px}.health-badge.neutral{background:rgba(255,255,255,.12);color:rgba(255,255,255,.72)}.health-badge.good{background:var(--lime);color:#000}.health-badge.warning{background:#ffe08a;color:#4d3400}.health-badge.checking{background:#dce9ff;color:#163f7a}.health-badge.error{background:#ffd9d4;color:#7a1710}.delivery-score-row{display:flex;align-items:end;gap:12px;margin:38px 0 28px}.delivery-score-row strong{font:64px/.8 Fraunces,serif}.delivery-score-row span{color:rgba(252,252,252,.62);font-size:11px}.delivery-score-row.large strong{font-size:78px}.delivery-mini-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:auto}.delivery-mini-grid div{padding:10px 8px;border-top:1px solid rgba(255,255,255,.14)}.delivery-mini-grid small{display:block;color:rgba(255,255,255,.55);font-size:9px}.delivery-mini-grid strong{display:block;margin-top:5px;font:16px "JetBrains Mono",monospace}.deliverability-preview .btn{margin-top:22px}.deliverability-preview .text-link{color:rgba(252,252,252,.7);margin-top:12px;text-align:left}.queue-number{display:flex;align-items:end;gap:12px;padding:28px 0 18px}.queue-number strong{font:58px/.8 Fraunces,serif}.queue-number span,.account-main small{color:var(--muted);font-size:11px}.queue-bars,.accounts-list,.sender-delivery-list{display:grid;gap:8px}.queue-row,.account-row,.sender-delivery-row,.control-inbox-row{padding:11px 0;border-top:1px solid var(--line)}.queue-row{display:flex;justify-content:space-between;font-size:12px}.account-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:12px}.account-main strong{display:block;font-size:12px}.account-metric{font:10px "JetBrains Mono",monospace;color:var(--muted)}.account-state{width:8px;height:8px;border-radius:50%;background:#adb5bd}.account-state.active{background:#26a269}.tag{background:var(--sage);color:var(--forest)}.section-heading-row{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:26px}.section-title{font-size:clamp(48px,6vw,72px);line-height:.95}.section-actions{display:flex;gap:8px}.inline-search{display:flex;align-items:center;gap:8px;min-width:320px;background:var(--paper);border:1px solid var(--line);border-radius:5px;padding:0 12px}.inline-search input{width:100%;min-height:44px;border:0;outline:0;background:transparent}.table-card{padding:0;overflow:hidden}.table-card>.card-head{padding:22px}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;min-width:760px}th,td{padding:12px 18px;border-top:1px solid var(--line);text-align:left}th{color:var(--muted);font-size:9px;letter-spacing:.08em;text-transform:uppercase}td{font-size:11px}.empty-cell{text-align:center;color:var(--muted);padding:40px}.pagination{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-top:1px solid var(--line)}.status-pill{background:var(--sage);color:var(--forest)}.status-pill.sent,.status-pill.replied,.status-pill.inbox{background:#dff3d2;color:#245b1e}.status-pill.spam,.status-pill.missing{background:#fff0c2;color:#7a5200}.status-pill.error,.status-pill.send_error{background:#ffe1dc;color:#8b1f17}.status-pill.pending,.status-pill.queued{background:#e7eefc;color:#274c83}.delivery-detail-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:16px}.delivery-summary-card{min-height:330px;display:flex;flex-direction:column}.delivery-summary-card .btn{margin-top:auto}.delivery-note{color:rgba(252,252,252,.64);font-size:11px;line-height:1.5}.sender-delivery-row{display:grid;grid-template-columns:1fr repeat(3,64px);gap:10px;align-items:center}.sender-delivery-number{text-align:right;font:11px "JetBrains Mono",monospace}.sender-delivery-number small{display:block;color:var(--muted);font-size:9px}.spacing-top{margin-top:16px}.control-inboxes-list,.replies-list{padding:0 22px 22px}.control-inbox-row{display:grid;grid-template-columns:1fr auto auto auto;align-items:center;gap:10px}.control-inbox-main strong{display:block;font-size:12px}.control-inbox-main small{display:block;margin-top:3px;color:var(--muted);font-size:10px}.icon-btn{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--line);border-radius:5px;background:transparent;color:var(--forest)}.icon-btn.danger{color:var(--danger)}.reply-card{display:grid;grid-template-columns:180px 1fr auto;gap:20px;padding:16px 0;border-top:1px solid var(--line)}.reply-meta strong,.reply-body strong{display:block;font-size:11px}.reply-meta small,.reply-body p,.reply-date{color:var(--muted);font-size:10px}.reply-body p{margin:5px 0 0;line-height:1.45}.empty-state{color:var(--muted);font-size:11px;padding:18px 0}.modal-backdrop{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:24px;background:rgba(0,0,0,.42);backdrop-filter:blur(6px)}.modal-backdrop.hidden{display:none}.modal-card{width:min(620px,100%);background:var(--paper);border-radius:16px;padding:22px}.modal-head{display:flex;justify-content:space-between;margin-bottom:22px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid label{display:grid;gap:6px}.form-grid label>span{font-size:10px;font-weight:600}.form-grid input,.form-grid select{min-height:42px;border:1px solid rgba(4,63,46,.2);border-radius:5px;padding:9px 10px}.form-note,.modal-actions{grid-column:1/-1}.form-note{padding:12px;background:var(--sage);border-radius:8px;color:var(--muted);font-size:10px}.modal-actions{display:flex;justify-content:flex-end;gap:8px}.toast-root{position:fixed;right:20px;bottom:20px;z-index:100;display:grid;gap:8px;width:min(360px,calc(100% - 40px))}.toast{padding:12px 14px;border-radius:10px;background:var(--forest);color:var(--paper);font-size:11px;box-shadow:0 14px 40px rgba(0,0,0,.18)}.toast.success{background:#1f6b4a}.toast.error{background:#8b2c23}.toast.warning{background:#8a6200}@media(max-width:980px){.topbar-inner{grid-template-columns:1fr auto}.nav{order:3;grid-column:1/-1;justify-content:flex-start;overflow:auto}.hero-grid,.analytics-grid,.lower-grid,.delivery-detail-grid{grid-template-columns:1fr}.kpi-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.shell{width:calc(100% - 24px)}.main-shell{padding-top:32px}.system-status{display:none}.topbar-inner{grid-template-columns:1fr;gap:8px}.nav{grid-column:1}.kpi-grid{grid-template-columns:1fr}.control-buttons{grid-template-columns:1fr}.section-heading-row{align-items:stretch;flex-direction:column}.inline-search{min-width:0}.chart-wrap{height:260px}.card-head{flex-direction:column}.chart-footer{grid-template-columns:1fr}.delivery-mini-grid{grid-template-columns:repeat(2,1fr)}.reply-card{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.form-note,.modal-actions{grid-column:1}}