:root{--bg: #09090b;--bg-accent: #18181b;--surface: rgba(24, 24, 27, .68);--surface-strong: #18181b;--surface-muted: rgba(39, 39, 42, .75);--line: #27272a;--line-strong: #3f3f46;--ink: #fafafa;--ink-soft: #a1a1aa;--ink-faint: #71717a;--accent: #34d399;--accent-strong: #10b981;--accent-soft: rgba(52, 211, 153, .12);--success: #34d399;--success-soft: rgba(52, 211, 153, .15);--warning: #fbbf24;--warning-soft: rgba(251, 191, 36, .15);--danger: #f87171;--danger-soft: rgba(248, 113, 113, .15);--neutral-soft: rgba(161, 161, 170, .12);--shadow-lg: 0 24px 64px rgba(0, 0, 0, .45);--shadow-md: 0 16px 40px rgba(0, 0, 0, .32);--shadow-sm: 0 8px 20px rgba(0, 0, 0, .24);--radius-xl: 16px;--radius-lg: 12px;--radius-md: 10px;--radius-sm: 8px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:IBM Plex Sans,Avenir Next,Segoe UI,sans-serif;background:radial-gradient(circle at top left,rgba(16,185,129,.08),transparent 24%),linear-gradient(180deg,#09090b,#111114)}button,input,textarea,select{font:inherit}button{border:1px solid var(--accent);background:linear-gradient(180deg,var(--accent) 0%,var(--accent-strong) 100%);color:#082f49;padding:.72rem 1rem;border-radius:var(--radius-sm);font-weight:600;letter-spacing:0;box-shadow:none;cursor:pointer;transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease,background .14s ease}button:hover{transform:translateY(-1px);box-shadow:0 0 0 1px #34d39938}button:active{transform:translateY(0)}button.secondary{color:var(--ink);background:var(--surface);border-color:var(--line);box-shadow:none}button.secondary:hover{border-color:var(--line-strong);background:#27272aeb;box-shadow:none}button.danger{color:var(--danger);background:var(--surface);border-color:#f8717147;box-shadow:none}button.danger:hover{background:#f871711a;box-shadow:none}button.solid-danger{background:linear-gradient(180deg,#f87171,#ef4444);color:#200505;border-color:#f8717180;box-shadow:none}button.solid-danger:hover{box-shadow:0 14px 30px #b4231847}button:disabled{opacity:.56;cursor:not-allowed;transform:none;box-shadow:none}.button-link{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}input,textarea,select{width:100%;padding:.88rem .95rem;border-radius:var(--radius-sm);border:1px solid var(--line);background:#18181be6;color:var(--ink);transition:border-color .12s ease,box-shadow .12s ease,background .12s ease}input:focus,textarea:focus,select:focus{outline:none;border-color:#34d39980;box-shadow:0 0 0 3px #34d39924;background:#18181b}textarea{resize:vertical}label span{display:block;margin-bottom:.42rem;font-size:.82rem;font-weight:700;color:var(--ink-soft);letter-spacing:.01em}code{display:block;overflow-wrap:anywhere;padding:.85rem .95rem;border-radius:var(--radius-sm);background:#09090be6;border:1px solid var(--line);color:#e4e4e7;font-family:IBM Plex Mono,SFMono-Regular,monospace;font-size:.85rem}h1,h2,h3{margin:0;letter-spacing:-.03em;line-height:1.05}h1{font-size:clamp(2rem,3vw,2.6rem)}h2{font-size:clamp(1.5rem,2vw,1.9rem)}h3{font-size:1.12rem}p{line-height:1.55}.app-shell{display:flex;min-height:100vh;width:100%;overflow:hidden}.auth-shell{min-height:100vh}.auth-page{width:min(1120px,100%);margin:0 auto;padding:2.5rem 1.25rem}.auth-hero{min-height:calc(100vh - 10rem);display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,460px);gap:2rem;align-items:center}.auth-copy{max-width:560px;padding:2rem .5rem 2rem 0}.auth-copy h1{margin-bottom:1rem;max-width:12ch}.auth-copy .muted{font-size:1.05rem;max-width:46ch}.auth-highlights{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1.5rem}.auth-panel{padding:1.4rem;background:linear-gradient(180deg,#27272aeb,#18181bfa);border-color:#3f3f46e6;box-shadow:var(--shadow-lg)}.auth-panel-copy{margin:0 0 1rem;font-size:.92rem}.auth-panel h2{margin-bottom:.85rem}.auth-page .toast-stack{justify-items:stretch}.auth-page .toast{width:min(520px,100%)}.sidebar{position:fixed;inset:0 auto 0 0;z-index:50;display:flex;width:16rem;flex-direction:column;flex-shrink:0;border-right:1px solid var(--line);background:#18181beb;transform:translate(-100%);transition:transform .18s ease-out;overflow-y:auto}.sidebar.open{transform:translate(0)}.sidebar-brand{padding:1.5rem 1.5rem 1rem;border-bottom:1px solid var(--line)}.sidebar-brand-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.sidebar-title{margin:0;font-size:1.25rem;font-weight:700;letter-spacing:-.02em}.sidebar-title span,.mobile-brand{color:var(--accent)}.sidebar-subtitle{margin:.25rem 0 0;font-size:.75rem;color:var(--ink-faint)}.sidebar-close,.mobile-menu-button{display:inline-flex;align-items:center;justify-content:center;padding:.5rem;border:1px solid transparent;background:transparent;color:var(--ink-soft);box-shadow:none}.sidebar-close:hover,.mobile-menu-button:hover{background:#27272a80;color:var(--ink)}.mobile-menu-icon{width:1.25rem;height:1.25rem}.sidebar-session-card{margin-top:1rem}.sidebar .muted,.sidebar .label,.sidebar label span{color:var(--ink-soft)}.shell-sidebar .panel,.sidebar-workspace-card{background:#18181b8a;border-color:var(--line);box-shadow:none}.content{position:relative;z-index:0;display:flex;min-width:0;width:100%;flex:1;flex-direction:column;overflow:hidden}.shell-content{min-width:0}.mobile-topbar{display:flex;align-items:center;gap:.75rem;border-bottom:1px solid var(--line);background:var(--bg);padding:.85rem 1rem}.mobile-brand{font-weight:700;letter-spacing:-.02em}.hero,.dashboard-stack{max-width:80rem;margin-left:auto;margin-right:auto;width:100%}.dashboard-stack{padding:0 1rem 1.5rem}.hero{padding:1.5rem 1rem}.shell-sidebar-backdrop{position:fixed;inset:0;z-index:40;background:#0009}.dashboard-stack{display:grid;gap:1.25rem}.drawer-shell{display:flex;justify-content:flex-end}.detail-drawer{width:min(560px,100%);padding:1.2rem;border-radius:var(--radius-xl);border:1px solid var(--line-strong);background:linear-gradient(180deg,#27272af0,#18181bfa);box-shadow:var(--shadow-lg)}.toast-stack{position:sticky;top:1rem;z-index:20;display:grid;gap:.75rem;margin-bottom:1rem;justify-items:end}.modal-overlay{position:fixed;inset:0;z-index:40;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:#0f172a61;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.confirm-modal{width:min(480px,100%);padding:1.35rem;border-radius:var(--radius-xl);border:1px solid var(--line-strong);background:#18181bfa;box-shadow:var(--shadow-lg)}.confirm-modal h3{margin-top:.15rem;margin-bottom:.45rem}.toast{width:min(420px,100%);display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;padding:1rem 1rem .95rem;border-radius:var(--radius-lg);border:1px solid var(--line);background:#18181bf5;box-shadow:var(--shadow-md)}.toast strong{display:block;margin-bottom:.2rem;font-size:.92rem}.toast p{margin:0;color:var(--ink-soft);font-size:.9rem}.toast-success{border-color:#34d39938;background:linear-gradient(180deg,#34d39914,#18181bf5)}.toast-error{border-color:#f8717138;background:linear-gradient(180deg,#f8717114,#18181bf5)}.toast-dismiss{padding:0;background:transparent;border:none;color:var(--ink-faint);box-shadow:none;font-size:.8rem;font-weight:700}.toast-dismiss:hover{color:var(--ink);background:transparent;box-shadow:none}.empty-state{padding:1rem 1.05rem;border-radius:var(--radius-md);border:1px dashed var(--line-strong);background:#18181b7a}.loading-state{display:flex;align-items:center;gap:.8rem;padding:1rem 1.05rem;border-radius:var(--radius-md);border:1px dashed var(--line-strong);background:linear-gradient(180deg,#10b9810d,#18181bdb)}.loading-spinner{width:18px;height:18px;border-radius:999px;border:2px solid rgba(52,211,153,.18);border-top-color:var(--accent);animation:spin .8s linear infinite}.inline-feedback{margin:0;padding:.75rem .9rem;border-radius:var(--radius-sm);background:#34d39914;border:1px solid rgba(52,211,153,.16);color:#a7f3d0;font-size:.85rem;font-weight:600}.inline-feedback-error{background:#f8717114;border-color:#f8717129;color:var(--danger)}.empty-state strong{display:block;margin-bottom:.3rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.hero{display:flex;justify-content:space-between;gap:1.25rem;align-items:stretch;margin-bottom:1.5rem}.hero>div:first-child{max-width:720px}.hero-card,.panel{background:var(--surface);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--line);border-radius:var(--radius-xl);box-shadow:none}.hero-card{min-width:360px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;padding:1.15rem 1.25rem;background:#18181b57;border-color:#3f3f46}.hero-card strong{display:block;margin-top:.15rem;font-size:1.05rem}.panel{padding:1.2rem}.card{background:#18181b52}.section-card{border-color:#3f3f46;background:#18181b57}.section-card-accent{background:linear-gradient(180deg,#10b98114,#18181b57 32%),#18181b57}.section-copy{margin:.35rem 0 0;max-width:46ch;font-size:.92rem}.card-tight{padding:.9rem}.panel+.panel{margin-top:1rem}.onboarding-panel{background:linear-gradient(135deg,#10b98114,#18181bf5 42%)}.sidebar-workspace-card strong,.sidebar-session-card strong{font-size:1rem}.nav-panel{flex:1;padding:1rem .75rem}.nav-list{display:grid;gap:.2rem}.nav-group{margin-top:1rem;padding-top:.75rem;border-top:1px solid var(--line)}.nav-item{width:100%;display:flex;align-items:center;align-items:flex-start;gap:.75rem;text-align:left;padding:.65rem .8rem;border-radius:var(--radius-md);border:1px solid transparent;background:transparent;color:var(--ink-soft);box-shadow:none}.nav-icon{width:1.25rem;height:1.25rem;flex-shrink:0}.nav-item-active{color:var(--accent);background:#10b9811a;border-color:#10b98129}.nav-item:hover{color:var(--ink);background:#27272a94}.nav-item-label{font-size:.9rem;font-weight:500}.timeline-list{display:grid;gap:.9rem}.checklist-list{display:grid;gap:.75rem}.timeline-step{display:grid;grid-template-columns:42px minmax(0,1fr);gap:.9rem;align-items:flex-start;padding:.95rem 1rem;border-radius:var(--radius-md);background:#18181bb8;border:1px solid var(--line)}.timeline-step-active{border-color:#10b98152;box-shadow:inset 0 0 0 1px #10b98114}.timeline-index{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:linear-gradient(180deg,var(--accent) 0%,var(--accent-strong) 100%);color:#fff;font-weight:800;box-shadow:none}.panel-header{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;margin-bottom:1rem}.compact-header{align-items:center;margin-bottom:.5rem}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;margin-bottom:1.25rem}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-bottom:1.25rem}.stats-grid-compact{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:0}.stat-card,.summary-stat{padding:1.15rem 1.1rem;border:1px solid #3f3f46;border-radius:.95rem;background:#18181b57}.stat-label{margin:0 0 .45rem;font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint)}.stat-value{display:block;margin:0;font-size:1.55rem;line-height:1.1;color:var(--ink)}.stat-sub{margin:.4rem 0 0;font-size:.8rem;color:var(--ink-faint)}.stat-card-success .stat-value{color:#6ee7b7}.stat-card-warning .stat-value{color:#fcd34d}.stat-card-accent .stat-value{color:#5eead4}.section-list{display:grid;gap:.75rem}.stack>*+*{margin-top:.85rem}.form-inline{display:flex;gap:.8rem;align-items:flex-end}.toolbar{display:flex;gap:.8rem;align-items:flex-end;flex-wrap:wrap}.grow{flex:1}.actions{display:flex;gap:.7rem;flex-wrap:wrap}.auth-toggle{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem;margin-bottom:.9rem}.auth-toggle button{padding-inline:.65rem}.auth-toggle button:not(.secondary){background:linear-gradient(180deg,#34d399,#10b981)}.auth-subpanel{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(196,208,226,.2)}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;font-weight:800;color:var(--accent);margin:0 0 .4rem}.sidebar-section{padding:0 .5rem .5rem;color:var(--ink-faint);font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.muted{color:var(--ink-soft)}.label{display:block;font-size:.74rem;color:var(--ink-faint);margin-bottom:.25rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.domain-card,.list-row,.dns-record,.event-card{padding:1rem;border:1px solid var(--line);border-radius:var(--radius-md);background:#18181bc7;box-shadow:none}.domain-card{display:flex;justify-content:space-between;gap:1rem;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.domain-card-inline{align-items:center}.list-row,.event-card{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.domain-card:hover,.list-row:hover,.event-card:hover,.dns-record:hover{border-color:var(--line-strong);box-shadow:var(--shadow-sm)}.domain-main{flex:1;min-width:0}.domain-select{all:unset;cursor:pointer;display:flex;flex-direction:column;gap:.28rem}.domain-select strong,.list-row strong,.event-card strong,.dns-record strong{font-size:.98rem}.selected-card{border-color:#10b98157;background:linear-gradient(180deg,#10b9811a,#18181be6);box-shadow:none}.selectable-row.selected{border-color:#10b9814d;background:#10b98114}.detail-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem}.summary-stat{min-height:100%}.inset-panel{padding:1rem;background:#18181b8f;border:1px solid var(--line);box-shadow:none}.checklist-card{display:grid;gap:.75rem}.checklist-row{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;padding:.95rem 1rem;border-radius:var(--radius-md);background:#18181bbd;border:1px solid var(--line)}.badges{display:flex;flex-wrap:wrap;gap:.42rem;margin-top:.75rem}.compact-badges{margin-top:.45rem}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:.3rem .66rem;font-size:.76rem;font-weight:700;border:1px solid rgba(255,255,255,.06);text-transform:capitalize}.list-copy{margin:.2rem 0 0;font-size:.8rem}.list-metric{font-size:1rem;font-weight:700;color:var(--ink)}.badge-verified,.badge-delivered,.badge-sent,.badge-pass,.badge-enabled,.badge-processed,.badge-accepted{background:var(--success-soft);color:var(--success)}.badge-pending,.badge-queued,.badge-softfail,.badge-disabled,.badge-none,.badge-stored,.badge-unmatched{background:var(--warning-soft);color:var(--warning)}.badge-failed,.badge-bounced,.badge-complained,.badge-fail,.badge-reject,.badge-temperror,.badge-permerror{background:var(--danger-soft);color:var(--danger)}.badge-neutral,.badge-unsupported{background:var(--neutral-soft);color:var(--ink-soft)}.log-meta,.list-actions{display:flex;flex-direction:column;gap:.4rem;align-items:flex-end;text-align:right}.compact-row{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:.85rem .95rem}.compact-card{padding:.85rem .95rem}.checkbox-row{display:flex;align-items:center;gap:.75rem}.checkbox-row input{width:auto;margin:0}.checkbox-row span{margin:0}.selectable-row{cursor:pointer}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem 1rem}.detail-grid p{margin:0}.event-actions{display:flex;justify-content:flex-start;margin-top:.75rem}.event-payload{margin:.8rem 0 0;padding:.95rem;border-radius:var(--radius-sm);background:#09090be6;border:1px solid var(--line);overflow:auto;white-space:pre-wrap;word-break:break-word;font-size:.85rem;color:#d4d4d8;max-height:360px}.callout{padding:.95rem 1rem;border-radius:var(--radius-sm);background:#10b9810f;border:1px solid rgba(16,185,129,.14);color:#d1fae5;overflow-wrap:anywhere;font-weight:600}.callout strong{display:block;margin-bottom:.45rem}.callout code{display:block;margin:0 0 .4rem;padding:.75rem .85rem;border-radius:14px;background:#09090be6;border:1px solid var(--line);color:#e4e4e7;font-size:.84rem}.callout p{margin:0}.inbound-callout{margin-top:1rem}.inbound-hint{padding:.9rem .95rem}.inbound-detail-summary{margin:1rem 0}.drawer-header{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;margin-bottom:1rem}.execution-row{margin-bottom:.75rem}.execution-error,.execution-timing{margin:.35rem 0 0}.status-line{min-height:1.3rem;padding:.95rem 1rem;border-radius:var(--radius-md);background:#18181b8a;color:var(--ink-soft);font-weight:600}.status-error{background:#b4231814;color:var(--danger);border:1px solid rgba(180,35,24,.16)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:1180px){.auth-hero{grid-template-columns:1fr;min-height:auto}.auth-highlights{grid-template-columns:1fr}}@media(min-width:1024px){.sidebar{position:relative;transform:translate(0)}.mobile-topbar,.sidebar-close,.shell-sidebar-backdrop{display:none}}@media(max-width:1023px){.hero,.dashboard-stack{max-width:none}}@media(max-width:920px){.content{padding:0}.grid,.stats-grid,.stats-grid-compact,.detail-grid,.detail-summary{grid-template-columns:1fr}.hero,.form-inline,.toolbar,.domain-card,.list-row,.checklist-row{flex-direction:column}.drawer-shell{justify-content:stretch}.detail-drawer,.hero-card,.domain-card,.list-actions,.log-meta{width:100%}.hero-card{grid-template-columns:1fr}.list-actions,.log-meta{align-items:flex-start;text-align:left}.auth-toggle{grid-template-columns:1fr}}