:root{--bg: #f6f1e8;--panel: rgba(255, 253, 249, .92);--line: #d8c9b0;--ink: #231b14;--muted: #6f6256;--accent: #a84f2d;--accent-soft: #f4d4c7;--success: #1f7a4d;--warning: #aa6d1b;--danger: #a3312a;--neutral: #7c6d61;--shadow: 0 16px 40px rgba(77, 50, 31, .12)}*{box-sizing:border-box}body{margin:0;font-family:Georgia,Iowan Old Style,serif;color:var(--ink);background:radial-gradient(circle at top left,rgba(168,79,45,.16),transparent 30%),radial-gradient(circle at bottom right,rgba(131,111,77,.14),transparent 32%),linear-gradient(180deg,#fbf7f1,var(--bg))}button,input,textarea,select{font:inherit}button{border:1px solid var(--ink);background:var(--ink);color:#fff8f1;padding:.7rem 1rem;border-radius:999px;cursor:pointer}button.secondary{background:transparent;color:var(--ink)}button.danger{background:transparent;color:var(--danger);border-color:#a3312a59}input,textarea,select{width:100%;padding:.75rem .9rem;border-radius:16px;border:1px solid var(--line);background:#ffffffbf}textarea{resize:vertical}label span{display:block;margin-bottom:.4rem;font-size:.92rem;color:var(--muted)}code{display:block;overflow-wrap:anywhere;padding:.75rem;border-radius:12px;background:#f3ebe0}.app-shell{display:grid;grid-template-columns:320px 1fr;min-height:100vh}.sidebar{padding:2rem 1.4rem;border-right:1px solid rgba(111,98,86,.18);background:#f5efe4cc;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.content{padding:2rem}.hero{display:flex;justify-content:space-between;gap:1rem;align-items:end;margin-bottom:1.5rem}.hero-card,.panel{background:var(--panel);border:1px solid rgba(111,98,86,.16);border-radius:24px;box-shadow:var(--shadow)}.hero-card{min-width:240px;padding:1rem 1.2rem}.panel{padding:1.2rem}.panel-header{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin-bottom:1rem}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;margin-bottom:1.25rem}.stack>*+*{margin-top:.8rem}.form-inline,.toolbar{display:flex;gap:.8rem;align-items:end}.grow{flex:1}.actions{display:flex;gap:.75rem}.auth-toggle{display:flex;gap:.5rem;margin-bottom:.9rem}.auth-subpanel{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(111,98,86,.14)}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;color:var(--accent);margin:0 0 .35rem}.muted{color:var(--muted)}.label{display:block;font-size:.78rem;color:var(--muted);margin-bottom:.25rem}.domain-card,.list-row,.dns-record{padding:1rem;border:1px solid rgba(111,98,86,.14);border-radius:18px;background:#ffffffb3}.domain-card{display:flex;justify-content:space-between;gap:1rem}.domain-main{flex:1}.domain-select{all:unset;cursor:pointer;display:flex;flex-direction:column;gap:.2rem}.selected-card{outline:2px solid var(--accent);background:#f4d4c77a}.badges{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.75rem}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:.25rem .6rem;font-size:.78rem;border:1px solid transparent}.badge-verified,.badge-delivered,.badge-sent{background:#1f7a4d1f;color:var(--success)}.badge-pending,.badge-queued{background:#aa6d1b1f;color:var(--warning)}.badge-failed,.badge-bounced,.badge-complained{background:#a3312a1f;color:var(--danger)}.badge-neutral,.badge-unsupported{background:#7c6d611f;color:var(--neutral)}.log-meta{display:flex;flex-direction:column;gap:.4rem;align-items:end}.list-actions{display:flex;flex-direction:column;gap:.6rem;align-items:end}.event-card{padding:1rem;border:1px solid rgba(111,98,86,.14);border-radius:18px;background:#ffffffb3}.selectable-row{cursor:pointer}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem 1rem}.detail-grid p{margin:0}.event-actions{display:flex;justify-content:flex-start;margin-top:.75rem}.event-payload{margin:.8rem 0 0;padding:.9rem;border-radius:14px;background:#f3ebe0;overflow:auto;white-space:pre-wrap;word-break:break-word;font-size:.85rem}.callout{padding:.9rem 1rem;border-radius:14px;background:var(--accent-soft);border:1px solid rgba(168,79,45,.2);overflow-wrap:anywhere}.status-line{min-height:1.25rem;color:var(--muted)}.status-error{color:var(--danger)}@media(max-width:980px){.app-shell,.grid{grid-template-columns:1fr}.hero,.form-inline,.domain-card,.panel-header{flex-direction:column;align-items:stretch}.toolbar,.detail-grid{grid-template-columns:1fr;flex-direction:column}.list-actions,.log-meta{align-items:stretch}}