:root{--bg:#eef2f9;--card:#fff;--ink:#1e2532;--muted:#6b7280;--line:#e5e7eb;--brand:#4f46e5;--brand-2:#7c3aed;--brand-ink:#fff}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.container{max-width:860px;margin:24px auto;padding:0 16px}.nav{background:linear-gradient(90deg, var(--brand), var(--brand-2));flex-wrap:wrap;align-items:center;gap:16px;padding:14px 22px;display:flex;box-shadow:0 2px 10px #4f46e540}.nav .brand{color:#fff;letter-spacing:.2px;font-weight:800}.nav .links{flex-wrap:wrap;flex:1;gap:4px;display:flex}.nav .links a{color:#ffffffd9;border-radius:999px;padding:8px 12px;font-size:.9rem;font-weight:600;text-decoration:none}.nav .links a.active{color:#fff;background:#ffffff38}.nav .links a:hover{color:#fff;background:#ffffff24}.nav .ghost{color:#fff;background:#ffffff26;border-color:#0000}.nav .ghost:hover:not(:disabled){background:#ffffff40}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;margin-bottom:20px;padding:24px;box-shadow:0 1px 2px #0000000a}h1,h2,h3{margin-top:0}.muted{color:var(--muted);font-size:.9rem}code{background:#f3f4f6;border-radius:4px;padding:1px 5px}label{margin:14px 0 6px;font-size:.85rem;font-weight:600;display:block}input,select,textarea{border:1px solid var(--line);background:#fff;border-radius:8px;width:100%;padding:10px 12px;font-family:inherit;font-size:.95rem}textarea{resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--brand);outline:none;box-shadow:0 0 0 3px #2563eb26}.row{gap:12px;display:flex}label.check{align-items:center;gap:8px;font-weight:500;display:flex}label.check input{width:auto}.form-grid{grid-template-columns:1fr 1fr;gap:4px 20px;display:grid}.form-grid .field{flex-direction:column;min-width:0;display:flex}.form-grid .field.full{grid-column:1/-1}.form-grid .field label,.form-grid .field .field-label{margin-top:10px}@media (width<=640px){.form-grid{grid-template-columns:1fr}}button{cursor:pointer;border:1px solid #0000;border-radius:8px;padding:10px 16px;font-size:.92rem;font-weight:600}button:disabled{opacity:.55;cursor:not-allowed}button.primary{background:var(--brand);color:var(--brand-ink);margin-top:16px}button.primary:hover:not(:disabled){background:#1d4ed8}button.ghost{border-color:var(--line);color:var(--ink);background:#fff}button.ghost:hover:not(:disabled){background:#f9fafb}.link-btn{color:var(--brand);background:0 0;border:none;padding:0;font-weight:500}.error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-top:14px;padding:10px 12px;font-size:.9rem}.success{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;margin-top:14px;padding:10px 12px;font-size:.9rem}.auth-wrap{place-items:center;min-height:100vh;padding:16px;display:grid}.auth-card{width:100%;max-width:380px}.auth-card h1{text-align:center;margin-bottom:4px}.switch{text-align:center;margin-top:16px}.tbl{border-collapse:collapse;width:100%;margin-top:16px;font-size:.9rem}.tbl th,.tbl td{text-align:left;border-bottom:1px solid var(--line);padding:8px 10px}.tbl th{color:var(--muted);font-weight:600}.badge{border-radius:999px;padding:2px 9px;font-size:.78rem;font-weight:600}.badge.sent{color:#166534;background:#dcfce7}.badge.failed{color:#991b1b;background:#fee2e2}.badge.bounced{color:#9a3412;background:#ffedd5}.badge.queued{color:#374151;background:#e5e7eb}.badge.opened-b{color:#1e40af;background:#dbeafe}.badge.clicked-b{color:#5b21b6;background:#ede9fe}.badge.notopened-b{color:#6b7280;background:#f3f4f6}.small{font-size:.78rem}.filter-tabs{flex-wrap:wrap;gap:8px;margin:14px 0 4px;display:flex}.filter-tab{border:1px solid var(--line);color:var(--ink);background:#f3f4f6;border-radius:999px;padding:6px 14px;font-size:.85rem;font-weight:600}.filter-tab:hover{background:#e5e7eb}.filter-tab.active{background:linear-gradient(90deg, var(--brand), var(--brand-2));color:#fff;border-color:#0000}.stats{grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:12px;margin:18px 0;display:grid}.stat{border:1px solid var(--line);text-align:center;background:#f9fafb;border-radius:10px;padding:14px}.stat-value{font-size:1.6rem;font-weight:700}.stat-label{color:var(--muted);margin-top:2px;font-size:.78rem}.stat.good .stat-value{color:#16a34a}.stat.bad .stat-value{color:#dc2626}.stat.warn .stat-value{color:#d97706}.stat.info .stat-value{color:#2563eb}.card-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px;display:flex}button.small{padding:6px 12px;font-size:.85rem}.primary{background:linear-gradient(90deg, var(--brand), var(--brand-2))}.field-label{align-items:center;gap:6px;margin:14px 0 6px;font-size:.85rem;font-weight:600;display:flex}.infotip{display:inline-flex;position:relative}.infotip-btn{width:18px;height:18px;color:var(--brand);background:#e0e7ff;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:.72rem;font-weight:700;line-height:1;display:inline-flex}.infotip-btn:hover{background:var(--brand);color:#fff}.infotip-bubble{z-index:30;color:#fff;background:#1e2532;border-radius:10px;width:240px;padding:10px 12px;font-size:.8rem;font-weight:400;line-height:1.45;position:absolute;top:26px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000040}.infotip-bubble:before{content:"";border-bottom:6px solid #1e2532;border-left:6px solid #0000;border-right:6px solid #0000;position:absolute;top:-6px;left:50%;transform:translate(-50%)}.infotip-title{margin-bottom:4px;display:block}.modal-overlay{z-index:100;background:#0f172a8c;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:16px;width:100%;max-width:560px;max-height:85vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.modal-head{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;padding:18px 22px;display:flex;position:sticky;top:0}.modal-head h3{margin:0}.modal-x{color:var(--muted);background:0 0;border:none;padding:0 4px;font-size:1.5rem;line-height:1}.modal-body{padding:20px 22px}.modal-body h4{margin:18px 0 6px}.modal-body ol{margin:0 0 8px;padding-left:20px}.modal-body li{margin-bottom:4px}.howto-step{gap:16px;margin:22px 0;display:flex}.howto-num{background:linear-gradient(90deg, var(--brand), var(--brand-2));color:#fff;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-weight:700;display:grid}.howto-step h3{margin:2px 0 6px}.callout{background:#fffbeb;border:1px solid #fde68a;border-radius:10px;padding:10px 12px;font-size:.88rem}hr.soft{border:none;border-top:1px solid var(--line);margin:24px 0}.tips{padding-left:20px}.tips li{margin-bottom:6px}.howto-cta{text-align:center;margin-top:24px}.btn-link{border-radius:10px;padding:12px 22px;font-weight:700;text-decoration:none;display:inline-block}.btn-link.primary{background:linear-gradient(90deg, var(--brand), var(--brand-2));color:#fff}