:root{--brand: #2456d6;--brand-dark: #1c46ad;--brand-soft: #eef3ff;--accent: #6b28c0;--danger: #c0392b;--danger-soft: #fdecea;--ok: #0f7b3f;--ink: #1a2230;--muted: #6b7280;--line: #e6e9ef;--bg: #f5f7fb;--card: #ffffff;--radius: 14px;--radius-sm: 9px;--shadow: 0 1px 2px rgba(16, 24, 40, .05), 0 8px 24px rgba(16, 24, 40, .06);--font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--page: 1200px}*{box-sizing:border-box}body{margin:0;font-family:var(--font);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}.app{min-height:100vh}.topbar{position:sticky;top:0;z-index:10;padding:12px 20px;background:#ffffffd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}.topbar-inner{max-width:var(--page);margin:0 auto;width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:12px}.brand-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,var(--brand),var(--accent));color:#fff;font-size:20px}.brand-text{display:flex;flex-direction:column;line-height:1.1}.brand-name{font-weight:800;font-size:1.05rem;letter-spacing:-.01em}.brand-sub{font-size:.78rem;color:var(--muted)}.tabs{display:flex;gap:4px;background:#eef1f6;padding:4px;border-radius:999px}.tabs button{border:none;background:transparent;padding:8px 18px;border-radius:999px;cursor:pointer;font:inherit;font-weight:600;color:var(--muted)}.tabs button.active{background:#fff;color:var(--brand);box-shadow:0 1px 2px #00000014}.content{max-width:var(--page);margin:0 auto;padding:24px 20px 60px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:16px}.send-card{max-width:860px;margin:0 auto;width:100%}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:flex;flex-direction:column;gap:6px}.field-label{font-weight:600;font-size:.85rem}.muted{color:var(--muted);font-weight:400}input,select,textarea{font:inherit;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:#fbfcfe;color:var(--ink);transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft);background:#fff}textarea{font-family:ui-monospace,Consolas,monospace;font-size:.86rem;resize:vertical}.help{font-size:.8rem;color:var(--muted);margin:0}.segmented{display:inline-flex;border:1px solid var(--line);border-radius:var(--radius-sm);overflow:hidden;width:max-content}.segmented button{border:none;background:#fff;padding:8px 16px;cursor:pointer;font:inherit;color:var(--muted)}.segmented button.active{background:var(--brand);color:#fff}.file-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.file-btn{cursor:pointer;white-space:nowrap;border:1px solid var(--line);border-radius:var(--radius-sm);padding:6px 12px;font-weight:600;font-size:.82rem;color:var(--brand);background:#fff}.attach-list{list-style:none;margin:0 0 8px;padding:0;display:flex;flex-direction:column;gap:6px}.attach-item{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:var(--radius-sm);padding:6px 10px;background:#f8f9fc;font-size:.88rem}.attach-item .attach-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attach-preview{display:flex;align-items:center;gap:6px;margin-top:8px}.actions{display:flex;justify-content:flex-end}.btn{display:inline-flex;align-items:center;gap:8px;border:none;border-radius:var(--radius-sm);padding:10px 18px;font:inherit;font-weight:600;cursor:pointer}.btn svg{font-size:1.05em}.btn.primary{background:var(--brand);color:#fff}.btn.primary:hover{background:var(--brand-dark)}.btn.ghost{background:#fff;border:1px solid var(--line);color:var(--ink)}.btn.ghost:hover{background:#f6f8fc}.btn:disabled{opacity:.55;cursor:default}.icon-btn{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:8px;border:none;background:transparent;cursor:pointer;color:var(--muted);font-size:15px}.icon-btn:hover{background:#f0f2f7;color:var(--ink)}.icon-btn.danger:hover{background:var(--danger-soft);color:var(--danger)}.ok{color:var(--ok);margin:0}.error{color:var(--danger);margin:0}.results{display:flex;flex-direction:column;gap:6px}.preview{background:#f8f9fc;border:1px solid var(--line);border-radius:var(--radius-sm);padding:14px;font-size:.9rem}.preview-mail{margin-top:8px;border-top:1px dashed var(--line);padding-top:8px}.preview-body{white-space:pre-wrap;background:#fff;border:1px solid var(--line);border-radius:6px;padding:10px;margin-top:6px;max-height:200px;overflow:auto}.font-sample{max-height:none}.progress{display:flex;align-items:center;gap:10px}.progress-track{flex:1;height:8px;background:#e9edf5;border-radius:999px;overflow:hidden}.progress-bar{height:100%;background:var(--brand);border-radius:999px;transition:width .2s ease}.apikey-box{background:var(--brand-soft);border:1px solid #dbe4fb;border-radius:var(--radius-sm);padding:14px;display:flex;flex-direction:column;gap:6px}.apikey{font-family:ui-monospace,Consolas,monospace}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stat{background:#fafbfe;border:1px solid var(--line);border-radius:var(--radius-sm);padding:14px;text-align:center}.stat-value{font-size:1.5rem;font-weight:800;letter-spacing:-.02em}.stat-label{font-size:.78rem;color:var(--muted);margin-top:2px}.toolbar{display:flex;justify-content:space-between;align-items:center}.toolbar h2{margin:0;font-size:1.15rem}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.88rem}th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:middle}thead th{font-size:.76rem;text-transform:uppercase;letter-spacing:.03em;color:var(--muted);font-weight:700}tbody tr.clickable{cursor:pointer}tbody tr.clickable:hover{background:#f7f9fd}td.num{text-align:center;font-weight:700;font-variant-numeric:tabular-nums}td.nowrap{white-space:nowrap}td.chev{width:34px;text-align:center;color:var(--muted)}td.chev svg{transition:transform .15s}td.chev svg.open{transform:rotate(90deg)}.detail-row>.detail{background:#f8fafc}table.sub{background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden}table.sub thead th{background:#f3f5f9}.cell-2l{display:flex;flex-direction:column;gap:3px;align-items:flex-start}.cell-name{font-weight:600}.badge{display:inline-block;padding:2px 10px;border-radius:999px;font-size:.74rem;font-weight:700}.badge.open{background:#dcefe3;color:var(--ok)}.badge.click{background:#dde7fd;color:var(--brand)}.badge.campaign{background:#efe3fb;color:var(--accent)}.badge.individual{background:#eef1f6;color:var(--muted)}.metrics-note{margin-top:10px;line-height:1.5}.opened-yes{color:var(--ok);font-weight:700;white-space:nowrap}.origin{display:inline-block;padding:2px 9px;border-radius:999px;font-size:.72rem;font-weight:700}.origin-human{background:#dcefe3;color:var(--ok)}.origin-gmail{background:#fdf0d5;color:#9a6b00}.origin-bot{background:#eef1f6;color:var(--muted)}tr.event-bot{opacity:.6}.empty{text-align:center;color:var(--muted);padding:36px 12px}.empty-icon{font-size:40px;opacity:.5}.mono{font-family:ui-monospace,Consolas,monospace;word-break:break-all}.small{font-size:.8rem}@media (max-width: 620px){.topbar-inner{flex-direction:column;align-items:stretch;gap:10px}.tabs{justify-content:center}.grid-2{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}.content{padding:16px 12px 48px}.card{padding:16px}}