@font-face{font-family:InterVar;font-style:normal;font-weight:100 900;font-display:swap;src:local("Inter var"),local("Inter"),local("InterVariable")}:root{--brand-50: #eff4ff;--brand-100: #dbe5ff;--brand-200: #bdd0ff;--brand-400: #6b93ff;--brand-500: #3b6ef6;--brand-600: #2a56d6;--brand-700: #1f42a8;--success: #0e9f63;--success-bg: #e7f7ef;--warning: #b7791f;--warning-bg: #fdf5e6;--danger: #d13c30;--danger-bg: #fdecea;--info: #2a56d6;--info-bg: #eff4ff;--critical: #92132a;--critical-bg: #fbe9ec;--bg: #f6f8fb;--surface: #ffffff;--surface-2: #f1f4f9;--surface-3: #e7ecf4;--border: #dde3ec;--border-strong: #c6cfdd;--text: #0d1526;--text-2: #3d4a61;--text-muted: #6b7890;--sidebar-bg: #0f1626;--sidebar-text: #9aa8bf;--sidebar-active: #ffffff;--sidebar-hover: #1a2437;--font-sans: "InterVar", ui-sans-serif, system-ui, -apple-system, "Segoe UI Variable Text", "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", "Cascadia Mono", Menlo, Consolas, monospace;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 20px;--s-6: 24px;--s-8: 32px;--s-10: 40px;--s-12: 48px;--s-16: 64px;--r-sm: 5px;--r: 7px;--r-lg: 8px;--line: var(--border);--line-strong: var(--border-strong);--line-2: var(--border-strong);--text-1: var(--text);--text-3: var(--text-muted);--brand-300: var(--brand-400);--r-2: 10px;--sh-1: 0 1px 1px rgb(13 21 38 / 4%);--sh-2: 0 1px 2px rgb(13 21 38 / 5%), 0 2px 4px rgb(13 21 38 / 4%);--sh-3: 0 6px 16px rgb(13 21 38 / 8%), 0 2px 6px rgb(13 21 38 / 6%);--ease: cubic-bezier(.22, 1, .36, 1);--dur-fast: .13s;--dur: .22s}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #0a0f1a;--surface: #111827;--surface-2: #172033;--surface-3: #1f2b42;--border: #24304a;--border-strong: #33415e;--text: #e9eef7;--text-2: #b3c0d4;--text-muted: #808fa8;--brand-50: #16203a;--brand-100: #1b2a4d;--brand-200: #22376b;--success-bg: #0d2a1f;--warning-bg: #2a2113;--danger-bg: #2c1512;--info-bg: #16203a;--critical-bg: #2b1017;--sidebar-bg: #080d16;--sidebar-hover: #141d2e;--sh-1: 0 1px 2px rgb(0 0 0 / 30%);--sh-2: 0 2px 4px rgb(0 0 0 / 30%), 0 4px 12px rgb(0 0 0 / 25%);--sh-3: 0 4px 8px rgb(0 0 0 / 35%), 0 12px 32px rgb(0 0 0 / 30%)}}:root[data-theme=dark]{--bg: #0a0f1a;--surface: #111827;--surface-2: #172033;--surface-3: #1f2b42;--border: #24304a;--border-strong: #33415e;--text: #e9eef7;--text-2: #b3c0d4;--text-muted: #808fa8;--brand-50: #16203a;--brand-100: #1b2a4d;--brand-200: #22376b;--success-bg: #0d2a1f;--warning-bg: #2a2113;--danger-bg: #2c1512;--info-bg: #16203a;--critical-bg: #2b1017;--sidebar-bg: #080d16;--sidebar-hover: #141d2e}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-sans);font-size:14.5px;line-height:1.55;letter-spacing:-.006em;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-feature-settings:"cv05" 1,"ss03" 1}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}a{color:var(--brand-600);text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:2px}:focus-visible{outline:2px solid var(--brand-500);outline-offset:2px;border-radius:3px}code,kbd,pre,.mono{font-family:var(--font-mono);font-size:.86em;font-variant-ligatures:none}.shell{display:grid;grid-template-columns:236px 1fr;min-height:100%}.sidebar{background:var(--sidebar-bg);padding:var(--s-5) var(--s-3);display:flex;flex-direction:column;gap:var(--s-4);position:sticky;top:0;height:100vh;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#2a3446 transparent}.sidebar::-webkit-scrollbar{width:8px}.sidebar::-webkit-scrollbar-thumb{background:#2a3446;border-radius:8px}.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar .foot{position:sticky;bottom:0;background:var(--sidebar-bg)}.logo{display:flex;align-items:center;gap:var(--s-2);padding:0 var(--s-2) var(--s-1);color:#fff;font-weight:620;font-size:15.5px;letter-spacing:-.02em}.logo .mark{width:26px;height:26px;border-radius:7px;flex-shrink:0;background:linear-gradient(140deg,var(--brand-500),var(--brand-700));display:grid;place-items:center}.logo .mark svg{width:15px;height:15px}.nav-label{font-size:10.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#5a6579;padding:0 var(--s-2) var(--s-2)}.nav{display:flex;flex-direction:column;gap:1px}.nav a{display:flex;align-items:center;gap:var(--s-3);padding:7px var(--s-3);border-radius:var(--r-sm);color:var(--sidebar-text);font-weight:500;font-size:13.8px;transition:background var(--dur-fast),color var(--dur-fast);position:relative}.nav a svg{width:16px;height:16px;flex-shrink:0;opacity:.8}button svg,a svg,.badge svg,.alert svg{width:16px;height:16px;flex-shrink:0}.foot button svg{width:15px;height:15px}.alert .ai svg{width:17px;height:17px}.nav a:hover{background:var(--sidebar-hover);color:#dbe3ef;text-decoration:none}.nav a.active{background:color-mix(in srgb,var(--brand-500) 12%,transparent);color:#eef3ff;font-weight:560}.nav a.active:before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:2.5px;border-radius:0 2px 2px 0;background:var(--brand-400)}.nav a.active svg{opacity:1;color:var(--brand-400)}.sidebar .foot{margin-top:auto;padding:var(--s-3) var(--s-2) 0;border-top:1px solid #1c2536}.sidebar .foot .who{font-size:12px;color:#6f7c92;word-break:break-all;line-height:1.4}.sidebar .foot button{margin-top:var(--s-2);width:100%;background:transparent;color:var(--sidebar-text);border:1px solid #222d42;font-size:12.5px;padding:5px var(--s-2)}.sidebar .foot button:hover{background:var(--sidebar-hover);color:#fff}.main{min-width:0}.topbar{height:56px;padding:0 var(--s-8);border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--surface) 80%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);position:sticky;top:0;z-index:10}.crumb{font-size:13.5px;color:var(--text);font-weight:580;letter-spacing:-.01em}.topbar-right{display:flex;align-items:center;gap:var(--s-4)}.topbar-bell{position:relative;width:34px;height:34px;border-radius:9px;flex-shrink:0;display:grid;place-items:center;color:var(--text-muted);border:1px solid transparent;transition:background var(--dur-fast),color var(--dur-fast),border-color var(--dur-fast)}.topbar-bell:hover{background:var(--surface-2);color:var(--text);border-color:var(--border);text-decoration:none}.topbar-bell.active{color:var(--brand-600);background:var(--brand-50)}.topbar-bell svg{width:18px;height:18px}.acct-wrap{position:relative}.acct-btn{display:flex;align-items:center;gap:9px;height:auto;padding:5px 10px 5px 6px;border-radius:999px;background:none;border:1px solid var(--border);color:var(--text);transition:background var(--dur-fast),border-color var(--dur-fast)}.acct-btn:hover{background:var(--surface-2);border-color:var(--border-strong)}.acct-id{display:flex;flex-direction:column;align-items:flex-start;line-height:1.15;max-width:150px}.acct-name{font-size:13px;font-weight:620;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.acct-role,.acct-chev{font-size:11px;color:var(--text-muted)}.acct-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40}.acct-menu{position:absolute;right:0;top:calc(100% + 8px);width:250px;z-index:50;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:8px;box-shadow:0 20px 48px -20px #0f192d8c}.acct-menu-head{display:flex;align-items:center;gap:11px;padding:8px 10px 12px;border-bottom:1px solid var(--border)}.acct-menu-id{min-width:0}.acct-menu-id strong{display:block;font-size:13.5px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.acct-menu-id span{display:block;font-size:12px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.acct-menu-meta{display:flex;align-items:center;gap:8px;padding:10px}.acct-menu>a,.acct-signout{display:flex;align-items:center;gap:9px;width:100%;text-align:left;padding:9px 10px;border-radius:9px;font-size:13.5px;color:var(--text);font-weight:500;background:none;border:0;cursor:pointer;text-decoration:none}.acct-menu>a:hover,.acct-signout:hover{background:var(--surface-2);text-decoration:none}.acct-signout{color:var(--danger);margin-top:4px;border-top:1px solid var(--border);border-radius:0 0 9px 9px}.acct-signout svg{width:15px;height:15px}.acct-avatar.lg{width:38px;height:38px;font-size:15px}.acct{display:flex;align-items:center;gap:var(--s-3)}.acct-plan{font-size:11.5px;font-weight:620;letter-spacing:.02em;text-transform:capitalize;color:var(--text-2);background:var(--surface-2);border:1px solid var(--border);border-radius:999px;padding:2px 10px}.acct-avatar{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;background:var(--brand-600);color:#fff;font-size:12.5px;font-weight:640;border:1px solid color-mix(in srgb,var(--brand-700) 60%,transparent)}.content{padding:var(--s-8) var(--s-8) var(--s-16);max-width:1680px;margin:0 auto;width:100%}.nav-toggle{background:none;border:1px solid var(--border);color:var(--text-2);width:34px;height:34px;border-radius:var(--r-sm);display:grid;place-items:center;cursor:pointer;flex-shrink:0;margin-right:var(--s-2);padding:0}.nav-toggle:hover{background:var(--surface-2);color:var(--text)}.nav-toggle svg{width:18px;height:18px}.nav-backdrop{display:none}.shell{transition:grid-template-columns var(--dur) var(--ease)}.sidebar{transition:transform var(--dur) var(--ease)}.shell.nav-closed{grid-template-columns:64px 1fr}.shell.nav-closed .sidebar{padding-left:0;padding-right:0}.shell.nav-closed .logo{justify-content:center;padding:0 0 var(--s-1)}.shell.nav-closed .logo>span:not(.mark){display:none}.shell.nav-closed .nav-label{display:none}.shell.nav-closed .nav{padding:0 10px}.shell.nav-closed .nav a{justify-content:center;gap:0;padding:10px 0;font-size:0}.shell.nav-closed .nav a svg{opacity:.9}.shell.nav-closed .nav a.active:before{top:8px;bottom:8px}.shell.nav-closed .foot{padding:var(--s-3) 10px 0}.shell.nav-closed .foot .who{display:none}.shell.nav-closed .foot button{font-size:0;padding:9px 0;justify-content:center}@media(max-width:900px){.shell.nav-closed .nav a,.shell.nav-closed .foot button{font-size:13.8px}.shell.nav-closed .logo>span:not(.mark),.shell.nav-closed .nav-label,.shell.nav-closed .foot .who{display:revert}.shell,.shell.nav-open,.shell.nav-closed{grid-template-columns:1fr}.sidebar{position:fixed;top:0;left:0;bottom:0;height:100vh;width:258px;z-index:60;transform:translate(-100%)}.shell.nav-open .sidebar{transform:translate(0);box-shadow:var(--sh-3)}.shell.nav-open .nav-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:55;background:#060a1273;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.content{padding:var(--s-5) var(--s-4) var(--s-12)}}@media(min-width:901px){.nav-backdrop{display:none!important}}h1{font-size:22px;font-weight:630;letter-spacing:-.025em;margin:0 0 var(--s-1)}h2{font-size:13px;font-weight:680;letter-spacing:.045em;text-transform:uppercase;color:var(--text-muted);margin:var(--s-10) 0 var(--s-3)}h3{font-size:15px;font-weight:600;letter-spacing:-.012em;margin:0 0 var(--s-2)}.lede{color:var(--text-muted);font-size:14px;margin:0 0 var(--s-6);max-width:72ch}.muted{color:var(--text-muted)}.small{font-size:12.8px}.tnum{font-variant-numeric:tabular-nums}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:var(--s-5);box-shadow:var(--sh-1)}.card.flush{padding:0;overflow:hidden}.card-head{padding:var(--s-4) var(--s-5);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:var(--s-3)}.card-head h3{margin:0}.stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s-3)}@media(max-width:900px){.stat-row{grid-template-columns:repeat(2,1fr)}}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:var(--s-4) var(--s-5) var(--s-4);box-shadow:var(--sh-1)}.stat .label{font-size:11px;font-weight:650;letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted)}.stat .value{font-size:28px;font-weight:640;letter-spacing:-.03em;margin-top:6px;font-variant-numeric:tabular-nums;line-height:1.1;color:var(--text)}.stat .sub{font-size:11.8px;color:var(--text-muted);margin-top:1px}button,.btn{font:inherit;font-size:13.5px;font-weight:560;line-height:1.2;height:34px;padding:0 var(--s-4);display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:var(--r-sm);border:1px solid var(--brand-600);background:var(--brand-600);color:#fff;cursor:pointer;white-space:nowrap;transition:background var(--dur-fast),border-color var(--dur-fast),color var(--dur-fast)}button:hover:not(:disabled){background:var(--brand-700);border-color:var(--brand-700)}button:active:not(:disabled){background:var(--brand-700)}button:disabled{opacity:.55;cursor:not-allowed}button:focus-visible{outline:2px solid color-mix(in srgb,var(--brand-500) 55%,transparent);outline-offset:1px}button.secondary{background:var(--surface);color:var(--text-2);border-color:var(--border-strong)}button.secondary:hover:not(:disabled){background:var(--surface-2);border-color:var(--text-muted);color:var(--text)}button.ghost{background:transparent;color:var(--text-muted);border-color:transparent}button.ghost:hover:not(:disabled){background:var(--surface-2);color:var(--text);border-color:transparent}button.danger{background:var(--danger);border-color:var(--danger);color:#fff}button.danger:hover:not(:disabled){background:color-mix(in srgb,var(--danger) 88%,#000);border-color:color-mix(in srgb,var(--danger) 88%,#000)}button.ghost.danger{background:transparent;color:var(--danger)}button.ghost.danger:hover:not(:disabled){background:var(--danger-bg);color:var(--danger)}button.sm,button.small{height:28px;padding:0 var(--s-3);font-size:12.5px}input,select,textarea{font:inherit;font-size:13.8px;width:100%;padding:9px var(--s-3);border:1px solid var(--border-strong);border-radius:var(--r-sm);background:var(--surface);color:var(--text);transition:border-color var(--dur-fast),box-shadow var(--dur-fast)}input::placeholder,textarea::placeholder{color:var(--text-muted);opacity:.75}input:focus,textarea:focus,select:focus{border-color:var(--brand-500);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-500) 16%,transparent);outline:none}input[type=checkbox]{width:15px;height:15px;accent-color:var(--brand-600)}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,select:-webkit-autofill,textarea:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--surface) inset;-webkit-text-fill-color:var(--text);caret-color:var(--text);transition:background-color 9999s ease-out}select{cursor:pointer}label{display:block;font-size:12.5px;font-weight:620;margin-bottom:5px;color:var(--text-2)}.field{margin-bottom:var(--s-4)}.field>input,.field>select{max-width:560px}.field>textarea{max-width:900px}.hint{font-size:12.2px;color:var(--text-muted);margin-top:5px;line-height:1.45}.badge{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:650;letter-spacing:.01em;padding:2px 8px;border-radius:5px;border:1px solid transparent;white-space:nowrap}.badge.ok{background:var(--success-bg);color:var(--success);border-color:color-mix(in srgb,var(--success) 22%,transparent)}.badge.pending{background:var(--warning-bg);color:var(--warning);border-color:color-mix(in srgb,var(--warning) 22%,transparent)}.badge.failed{background:var(--danger-bg);color:var(--danger);border-color:color-mix(in srgb,var(--danger) 22%,transparent)}.badge.critical{background:var(--critical-bg);color:var(--critical);border-color:color-mix(in srgb,var(--critical) 22%,transparent)}.badge.neutral{background:var(--surface-2);color:var(--text-muted);border-color:var(--border)}.badge.info{background:var(--info-bg);color:var(--info);border-color:color-mix(in srgb,var(--info) 22%,transparent)}table{width:100%;border-collapse:collapse;font-size:13.5px}th{text-align:left;font-size:11px;font-weight:700;letter-spacing:.055em;text-transform:uppercase;color:var(--text-muted);padding:var(--s-3) var(--s-4);border-bottom:1px solid var(--border);background:var(--surface-2);white-space:nowrap}td{padding:var(--s-3) var(--s-4);border-bottom:1px solid var(--border);vertical-align:top}tbody tr:last-child td{border-bottom:none}tbody tr{transition:background var(--dur-fast)}tbody tr:hover{background:var(--surface-2)}.scroll-x{overflow-x:auto}.dns-row{border:1px solid var(--border);border-left-width:3px;border-radius:var(--r);padding:var(--s-4);margin-bottom:var(--s-3);background:var(--surface);box-shadow:var(--sh-1)}.dns-row.ok{border-left-color:var(--success)}.dns-row.failed{border-left-color:var(--danger)}.dns-row.pending{border-left-color:var(--border-strong)}.dns-head{display:flex;align-items:center;gap:var(--s-2);flex-wrap:wrap;margin-bottom:var(--s-3)}.dns-type{font-family:var(--font-mono);font-size:10.5px;font-weight:700;letter-spacing:.04em;padding:2px 6px;border-radius:4px;background:var(--surface-3);color:var(--text-2)}.copyable{display:flex;align-items:center;gap:var(--s-2);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-sm);padding:6px var(--s-3);font-family:var(--font-mono);font-size:12.2px;word-break:break-all;line-height:1.5}.copyable>span{flex:1;min-width:0}.copyable button{flex-shrink:0;padding:3px 9px;font-size:11.5px}.diff{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-3);margin-top:var(--s-3)}@media(max-width:720px){.diff{grid-template-columns:1fr}}.diff .box{border:1px solid var(--border);border-radius:var(--r-sm);padding:var(--s-2) var(--s-3);background:var(--surface-2)}.diff .box.bad{border-color:color-mix(in srgb,var(--danger) 30%,var(--border));background:var(--danger-bg)}.diff .k{font-size:10.5px;text-transform:uppercase;letter-spacing:.055em;color:var(--text-muted);font-weight:700;margin-bottom:3px}.diff .v{font-family:var(--font-mono);font-size:11.8px;word-break:break-all;line-height:1.5}.alert{padding:var(--s-3) var(--s-4);border-radius:var(--r);border:1px solid var(--border);margin-bottom:var(--s-4);font-size:13.5px;line-height:1.5;display:flex;gap:var(--s-3);align-items:flex-start}.alert .ai{flex-shrink:0;font-size:15px;line-height:1.35}.alert.warn{background:var(--warning-bg);border-color:color-mix(in srgb,var(--warning) 30%,var(--border));color:color-mix(in srgb,var(--warning) 88%,var(--text))}.alert.error{background:var(--danger-bg);border-color:color-mix(in srgb,var(--danger) 30%,var(--border));color:color-mix(in srgb,var(--danger) 88%,var(--text))}.alert.info{background:var(--info-bg);border-color:var(--brand-200);color:color-mix(in srgb,var(--brand-700) 88%,var(--text))}.alert.ok{background:var(--success-bg);border-color:color-mix(in srgb,var(--success) 30%,var(--border));color:color-mix(in srgb,var(--success) 88%,var(--text))}.alert strong{font-weight:650}.empty{text-align:center;padding:var(--s-12) var(--s-6);color:var(--text-muted);border:1px solid var(--border);border-radius:var(--r);background:var(--surface)}.empty .big{display:inline-grid;place-items:center;width:48px;height:48px;margin:0 auto var(--s-4);border-radius:50%;background:var(--surface-2);border:1px solid var(--border);font-size:22px;opacity:1;color:var(--text-muted)}.empty p{margin:0 0 var(--s-2)}.empty p strong{color:var(--text);font-size:15px}.empty p.small,.empty p:not(:first-of-type){font-size:13px}.skeleton{background:linear-gradient(90deg,var(--surface-2) 25%,var(--surface-3) 50%,var(--surface-2) 75%);background-size:200% 100%;animation:shimmer 1.3s linear infinite;border-radius:var(--r-sm)}@keyframes shimmer{to{background-position:-200% 0}}.auth-wrap{display:grid;place-items:center;min-height:100vh;padding:var(--s-6);background:radial-gradient(ellipse 70% 55% at 50% -10%,var(--brand-50),transparent 70%),var(--bg)}.auth-card{width:100%;max-width:424px}.auth-card .card{box-shadow:0 24px 60px -28px #141e3c59;padding:30px;border-radius:18px;border:1px solid var(--border)}.auth-card>h1{font-size:26px;letter-spacing:-.025em}@media(min-width:920px){.auth-wrap{grid-template-columns:1.05fr 1fr;place-items:stretch;padding:0;background:var(--bg)}.auth-wrap:before{content:"";display:block;position:relative;background-color:#0b1322;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='430' height='520'><rect width='46' height='46' rx='13' fill='white'/><rect x='11.5' y='16' width='23' height='15' rx='2.5' fill='none' stroke='%233b6ef6' stroke-width='2.6'/><path d='M12.5 18 L23 25 L33.5 18' fill='none' stroke='%233b6ef6' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/><text x='60' y='31' font-family='Arial,sans-serif' font-size='22' font-weight='700' fill='white'>inboxquarry</text><text x='0' y='168' font-family='Arial,sans-serif' font-size='31' font-weight='700' fill='white'>Transactional email,</text><text x='0' y='208' font-family='Arial,sans-serif' font-size='31' font-weight='700' fill='white'>delivered.</text><text x='0' y='260' font-family='Arial,sans-serif' font-size='15.5' fill='%23aab6d6'>Authentication, tracking and a clean API</text><text x='0' y='283' font-family='Arial,sans-serif' font-size='15.5' fill='%23aab6d6'>so your mail reaches the inbox.</text><circle cx='7' cy='352' r='4.5' fill='%2360a5fa'/><text x='24' y='357' font-family='Arial,sans-serif' font-size='15' fill='%23dbe4f5'>DKIM, SPF and DMARC, set up for you</text><circle cx='7' cy='394' r='4.5' fill='%2360a5fa'/><text x='24' y='399' font-family='Arial,sans-serif' font-size='15' fill='%23dbe4f5'>Real-time delivery and open tracking</text><circle cx='7' cy='436' r='4.5' fill='%2360a5fa'/><text x='24' y='441' font-family='Arial,sans-serif' font-size='15' fill='%23dbe4f5'>SMTP and a modern REST API</text></svg>"),radial-gradient(130% 90% at 12% 0%,rgba(59,110,246,.38),transparent 58%);background-repeat:no-repeat,no-repeat;background-position:72px 76px,0 0;background-size:430px auto,cover}.auth-wrap>.auth-card{align-self:center;justify-self:center}.auth-card .card{box-shadow:none;border:1px solid var(--border)}}.auth-logo{display:flex;align-items:center;gap:var(--s-2);justify-content:center;margin-bottom:var(--s-5)}.auth-logo .mark{width:30px;height:30px;border-radius:8px;background:linear-gradient(140deg,var(--brand-500),var(--brand-700));display:grid;place-items:center}.auth-logo .mark svg{width:17px;height:17px}.auth-logo span{font-weight:630;font-size:17px;letter-spacing:-.02em}.row{display:flex;align-items:center;gap:var(--s-3)}.spread{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4)}.stack{display:flex;flex-direction:column;gap:var(--s-3)}.list-row{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);padding:var(--s-4) var(--s-5);border-bottom:1px solid var(--border);transition:background var(--dur-fast);color:inherit}.list-row:last-child{border-bottom:none}.list-row:hover{background:var(--surface-2);text-decoration:none}.list-row .name{font-weight:580;font-size:14px;letter-spacing:-.01em}.host-mode{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:6px 0 18px}.host-toggle{display:inline-flex;gap:2px;background:var(--surface-2);border:1px solid var(--line);border-radius:9px;padding:3px}.host-toggle button{background:transparent;border:none;box-shadow:none;color:var(--text-3);font-size:13px;font-weight:560;padding:6px 14px;border-radius:6px}.host-toggle button:hover{color:var(--text-1);transform:none;background:none}.host-toggle button.active{background:var(--surface);color:var(--brand-600);box-shadow:var(--sh-1);font-weight:620}.deliver-divider{margin:22px 0 12px;padding:12px 14px;border-left:3px solid var(--brand-500);background:var(--brand-50);border-radius:0 var(--r-sm) var(--r-sm) 0}.deliver-divider strong{display:block;font-size:13.5px;color:var(--text)}.deliver-divider span{display:block;font-size:12.5px;color:var(--text-muted);margin-top:3px;line-height:1.5}.dns-row{border:1px solid var(--border);border-radius:var(--r);background:var(--surface);margin-bottom:10px;padding:0;overflow:hidden;box-shadow:var(--sh-1)}.dns-row.ok{border-left:3px solid var(--success)}.dns-row.failed{border-left:3px solid var(--danger)}.dns-row.pending{border-left:3px solid var(--border-strong)}.dns-row.open{box-shadow:var(--sh-2)}.dns-head{width:100%;display:flex;align-items:center;gap:10px;padding:13px var(--s-4);margin:0;background:none;border:0;border-radius:0;cursor:pointer;text-align:left;color:var(--text);height:auto;transition:background .12s ease}.dns-head:hover{background:var(--surface-2)}.dns-row.open .dns-head{background:var(--surface-2);border-bottom:1px solid var(--border)}.dns-dot{flex-shrink:0;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:800;line-height:1}.dns-dot.ok{background:var(--success-bg);color:var(--success)}.dns-dot.failed{background:var(--danger-bg);color:var(--danger)}.dns-dot.pending{background:var(--surface-3);color:var(--text-muted)}.dns-title{font-size:14px;font-weight:650;color:var(--text);letter-spacing:-.01em}.dns-head .dns-type{font-size:10.5px;font-weight:700;letter-spacing:.04em;color:var(--text-muted);background:var(--surface-3);border:1px solid var(--border);border-radius:5px;padding:2px 7px;font-family:var(--font-mono)}.dns-status{flex-shrink:0;font-size:11.5px}.dns-host-mini{margin-left:auto;font-size:12px;color:var(--text-muted);max-width:32%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dns-caret{font-size:9px;color:var(--text-muted);flex-shrink:0;margin-left:2px}.dns-body{padding:var(--s-4)}@media(max-width:560px){.dns-host-mini{display:none}}.spf-merge{margin-top:14px;padding:14px;border-radius:var(--r);background:var(--success-bg);border:1px solid color-mix(in srgb,var(--success) 30%,transparent)}.spf-merge strong{display:block;color:var(--text);font-size:13.5px}.spf-merge p{color:var(--text-2);margin:5px 0 10px;line-height:1.5}.ss{position:relative}.ss-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 12px;background:var(--surface);color:var(--text);height:auto;border:1px solid var(--border-strong);border-radius:var(--r-sm);font:inherit;font-size:13.8px;cursor:pointer;transition:border-color var(--dur-fast),box-shadow var(--dur-fast)}.ss-trigger:hover{border-color:var(--brand-400, var(--brand-500));background:var(--surface)}.ss.open .ss-trigger{border-color:var(--brand-500);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-500) 16%,transparent)}.ss-trigger:disabled{opacity:.55;cursor:not-allowed}.ss-val{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ss-ph{color:var(--text-muted)}.ss-chev{width:16px;height:16px;color:var(--text-muted);flex-shrink:0;transition:transform var(--dur-fast)}.ss.open .ss-chev{transform:rotate(180deg)}.ss-panel{position:absolute;z-index:60;top:calc(100% + 6px);left:0;right:0;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 20px 44px -18px #0f192d80;overflow:hidden}.ss-search{display:flex;align-items:center;gap:8px;padding:9px 12px;border-bottom:1px solid var(--border)}.ss-search svg{width:15px;height:15px;color:var(--text-muted);flex-shrink:0}.ss-search input{border:0;padding:0;background:none;box-shadow:none!important;font-size:13.6px}.ss-search input:focus{box-shadow:none!important}.ss-list{max-height:260px;overflow-y:auto;padding:6px}.ss-empty{padding:14px 12px;color:var(--text-muted);font-size:13px;text-align:center}.ss-opt{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border:0;border-radius:8px;background:none;color:var(--text);font:inherit;font-size:13.6px;text-align:left;cursor:pointer;height:auto}.ss-opt.active{background:var(--surface-2)}.ss-opt.sel{color:var(--brand-600);font-weight:600}.ss-opt-main{display:flex;flex-direction:column;min-width:0}.ss-opt-main>.ss-sub{font-size:11.5px;color:var(--text-muted);font-weight:400;margin-top:1px}.ss-check{width:16px;height:16px;color:var(--brand-600);flex-shrink:0}.addr-domain .ss{flex:1;min-width:0}.addr-domain .ss-trigger{border:0;border-radius:0;background:var(--surface-2);font-weight:600}.addr-domain .ss.open .ss-trigger{box-shadow:none}.nav-scroll{flex:1;overflow-y:auto;min-height:0}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:22px}.stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-2);padding:15px 16px 16px;box-shadow:var(--sh-1)}.stat.linked{text-decoration:none;transition:border-color .14s,box-shadow .14s,transform .14s}.stat.linked:hover{border-color:var(--brand-200);box-shadow:var(--sh-2);transform:translateY(-1px);text-decoration:none}.stat-label{font-size:11px;font-weight:620;letter-spacing:.07em;text-transform:uppercase;color:var(--text-3);margin-bottom:7px}.stat-value{display:block;font-size:27px;font-weight:660;letter-spacing:-.025em;color:var(--text-1);font-variant-numeric:tabular-nums;line-height:1.1}.rates{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin-bottom:8px}.rate{background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--line-strong);border-radius:var(--r-2);padding:14px 16px 15px;box-shadow:var(--sh-1)}.rate.ok{border-left-color:var(--success)}.rate.warn{border-left-color:var(--warning)}.rate.critical{border-left-color:var(--danger)}.rate-label{font-size:11px;font-weight:620;letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);margin-bottom:6px}.rate-value{font-size:24px;font-weight:650;letter-spacing:-.02em;font-variant-numeric:tabular-nums;line-height:1.15}.rate.ok .rate-value{color:var(--success)}.rate.warn .rate-value{color:var(--warning)}.rate.critical .rate-value{color:var(--danger)}.rate-bar{height:4px;border-radius:2px;background:var(--surface-3);margin:9px 0 8px;overflow:hidden}.rate-bar span{display:block;height:100%;border-radius:2px;background:var(--text-3)}.rate.ok .rate-bar span{background:var(--success)}.rate.warn .rate-bar span{background:var(--warning)}.rate.critical .rate-bar span{background:var(--danger)}.rate-hint{font-size:12px;line-height:1.45;color:var(--text-3)}.chart{color:var(--text-2)}.chart svg{display:block}.chart-plot{display:flex;gap:12px}.y-axis{display:flex;flex-direction:column;justify-content:space-between;text-align:right;min-width:30px;padding-bottom:22px;font-size:10.5px;color:var(--text-3);font-variant-numeric:tabular-nums;line-height:1}.sbars{flex:1;height:100%;position:relative;display:flex;align-items:flex-end;justify-content:space-around;gap:3%;padding:0 6px 22px;border-bottom:1px solid var(--line-strong, var(--line))}.sbar-grid{position:absolute;left:0;right:0;height:0;border-top:1px dashed var(--line);pointer-events:none}.sbar-col{flex:1 1 0;max-width:64px;min-width:12px;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;position:relative}.sbar-val{position:absolute;font-size:11px;font-weight:600;color:var(--text-2);font-variant-numeric:tabular-nums;white-space:nowrap}.sbar-stack{width:100%;display:flex;flex-direction:column-reverse;overflow:hidden;border-radius:4px 4px 0 0;min-height:2px;transition:height var(--dur) var(--ease)}.sbar-seg{width:100%}.sbar-x{position:absolute;bottom:-20px;font-size:11px;color:var(--text-3);white-space:nowrap;font-variant-numeric:tabular-nums}.chart-axis{display:flex;justify-content:space-between;font-size:11px;color:var(--text-3);margin-top:7px;font-variant-numeric:tabular-nums}.chart-empty{padding:34px 20px;text-align:center;font-size:13px;line-height:1.6;color:var(--text-3);background:var(--surface-2);border:1px dashed var(--line-strong);border-radius:var(--r-2)}.legend{display:flex;flex-wrap:wrap;gap:14px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line);font-size:12px;color:var(--text-2)}.legend span{display:inline-flex;align-items:center;gap:6px}.legend i{width:9px;height:9px;border-radius:2px;flex-shrink:0}.mini-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r-2);overflow:hidden;margin-top:12px}.mini-stats>div{background:var(--surface);padding:11px 14px;display:flex;flex-direction:column;gap:3px}.mini-stats .k{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);font-weight:600}.mini-stats .v{font-size:16px;font-weight:620;font-variant-numeric:tabular-nums;color:var(--text-1)}.toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;margin-bottom:14px}.toolbar input{min-width:0}.segmented{display:inline-flex;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-2);padding:2px;gap:2px;overflow-x:auto;max-width:100%}.segmented button{background:transparent;border:none;color:var(--text-2);font-size:12.5px;font-weight:560;padding:6px 11px;border-radius:calc(var(--r-2) - 3px);white-space:nowrap;box-shadow:none}.segmented button:hover{background:var(--surface-3);color:var(--text-1);transform:none}.segmented button.active{background:var(--surface);color:var(--text-1);box-shadow:var(--sh-1);font-weight:620}button.link{background:none;border:none;box-shadow:none;padding:0;color:var(--brand-600);font-size:inherit;font-weight:560;text-decoration:underline;text-underline-offset:2px}button.link:hover{background:none;transform:none}button.ghost{background:transparent;color:var(--text-2);border:1px solid var(--line-strong);box-shadow:none;font-size:12.5px;padding:6px 11px}button.ghost:hover{background:var(--surface-2);color:var(--text-1);transform:none}button.ghost.danger{color:var(--danger);border-color:var(--danger-bg)}button.ghost.danger:hover{background:var(--danger-bg);border-color:var(--danger)}table.data{width:100%;border-collapse:collapse;font-size:13.5px}table.data thead th{text-align:left;font-size:10.5px;font-weight:660;letter-spacing:.07em;text-transform:uppercase;color:var(--text-muted);padding:11px 16px;background:var(--surface-2);border-bottom:1px solid var(--border);white-space:nowrap}table.data tbody td{padding:13px 16px;border-bottom:1px solid var(--border);vertical-align:middle;color:var(--text-2)}table.data thead th:first-child,table.data tbody td:first-child{padding-left:20px}table.data thead th:last-child,table.data tbody td:last-child{padding-right:20px}table.data tbody tr:last-child td{border-bottom:none}table.data tbody tr{transition:background var(--dur-fast)}table.data tbody tr:hover{background:var(--surface-2)}table.data tbody tr.dim td{opacity:.62}table.data .num{text-align:right;font-variant-numeric:tabular-nums}table.data .right{text-align:right}table.data .strong{font-weight:600;color:var(--text-1)}table.data a.strong{text-decoration:none}table.data a.strong:hover{color:var(--brand-600);text-decoration:underline}table.kv{width:100%;border-collapse:collapse;font-size:13.5px}table.kv td{padding:11px 14px;border-bottom:1px solid var(--line)}table.kv tr:last-child td{border-bottom:none}table.kv td:first-child{color:var(--text-3);width:40%;white-space:nowrap;font-weight:520}table.kv td:last-child{color:var(--text-1)}table.kv.boxed{border:1px solid var(--line);border-radius:var(--r-2);background:var(--surface);overflow:hidden}.mono{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:.92em}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:32ch}.crit{color:var(--danger)}.warn-inline{color:var(--warning);font-size:12px;margin-top:4px;line-height:1.45}.fetching{opacity:.62;transition:opacity .12s}.pager{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px}.list-row.more{justify-content:center;color:var(--brand-600);font-weight:560;font-size:13px}.chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}.chip{font-size:11.5px;font-weight:560;padding:2px 8px;border-radius:999px;background:var(--surface-3);color:var(--text-2);border:1px solid var(--line)}.hook-row{padding:15px 16px;border-bottom:1px solid var(--line)}.hook-row:last-child{border-bottom:none}.hook-meta{display:flex;flex-wrap:wrap;gap:14px;margin-top:9px}ol.timeline,ol.audit{list-style:none;margin:0;padding:0}ol.timeline li{position:relative;padding:0 0 16px 22px;border-left:2px solid var(--line)}ol.timeline li:last-child{border-left-color:transparent;padding-bottom:0}ol.timeline li:before{content:"";position:absolute;left:-6px;top:5px;width:10px;height:10px;border-radius:50%;background:var(--surface);border:2px solid var(--line-strong)}ol.timeline li.ok:before{border-color:var(--success)}ol.timeline li.critical:before{border-color:var(--danger)}ol.timeline li.pending:before{border-color:var(--warning)}ol.timeline li.info:before{border-color:var(--info)}.t-head{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:4px}ol.audit li{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-2);padding:12px 14px;margin-bottom:8px;box-shadow:var(--sh-1)}.a-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}.a-action{font-weight:600;font-size:13.5px;color:var(--text-1)}.a-meta{display:flex;flex-wrap:wrap;gap:12px;margin-top:3px}.a-reason{margin-top:6px;padding-left:9px;border-left:2px solid var(--line-strong);color:var(--text-2)}.a-detail{margin-top:8px}.a-detail summary{cursor:pointer;color:var(--brand-600);font-weight:560;width:fit-content}.a-detail .k{text-transform:uppercase;letter-spacing:.06em;font-weight:620;color:var(--text-3);margin:8px 0 3px}pre.code{background:#0f1626;color:#d7e0f2;border:1px solid var(--line);border-radius:var(--r-2);padding:14px 16px;overflow-x:auto;font-size:12.5px;line-height:1.6;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;margin:0 0 14px}pre.code.small{font-size:11.5px;padding:10px 12px}pre.code code{background:none;padding:0;color:inherit;font-size:inherit}.reveal{animation:reveal .3s ease-out}@keyframes reveal{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}@media(max-width:720px){.card.flush{overflow-x:auto}table.data{min-width:560px}.truncate{max-width:20ch}.toolbar{flex-direction:column;align-items:stretch}.segmented{width:100%}.stat-value{font-size:23px}table.kv td:first-child{width:auto;white-space:normal}}.inline-select{font-size:12.5px;padding:4px 8px;border-radius:var(--r-2);border:1px solid var(--line-strong);background:var(--surface);color:var(--text-1)}select{width:100%;padding:9px 11px;border-radius:var(--r-2);border:1px solid var(--line-strong);background:var(--surface);color:var(--text-1);font:inherit}textarea{width:100%;padding:10px 12px;border-radius:var(--r-2);border:1px solid var(--line-strong);background:var(--surface);color:var(--text-1);font:inherit;resize:vertical;line-height:1.5}.addr-group{display:flex;align-items:stretch;max-width:480px;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-sm);overflow:hidden;transition:border-color var(--dur-fast),box-shadow var(--dur-fast)}.addr-group:focus-within{border-color:var(--brand-500);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-500) 16%,transparent)}.addr-group .addr-local{border:0;border-radius:0;box-shadow:none!important;max-width:170px;flex-shrink:0;background:transparent}.addr-at{display:inline-flex;align-items:center;padding:0 9px;flex-shrink:0;background:var(--surface-2);color:var(--text-muted);font-weight:700;border-left:1px solid var(--border);border-right:1px solid var(--border)}.addr-domain{position:relative;flex:1;display:flex;min-width:0}.addr-domain select{border:0;border-radius:0;box-shadow:none!important;flex:1;min-width:0;padding-right:30px;background:var(--surface-2);color:var(--text);font-weight:600;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none}.addr-caret{position:absolute;right:11px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--text-muted);font-size:11px}.admin-cols{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.btn-link{color:var(--brand-600);font-weight:600;text-decoration:none}.btn-link:hover{text-decoration:underline}.paste-note p{margin:6px 0 0;line-height:1.55}.host-eg{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.host-eg span{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12.5px;padding:5px 11px;border-radius:8px;font-weight:600}.host-eg .ok{background:var(--success-bg);color:var(--success);border:1px solid var(--success)}.host-eg .bad{background:var(--danger-bg);color:var(--danger);border:1px solid var(--danger);text-decoration:line-through}.admin-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:20px}.op-badge{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--brand-600);background:var(--brand-50);border:1px solid var(--brand-100);padding:3px 9px;border-radius:999px}.btn-solid{background:var(--brand-500);color:#fff;padding:10px 16px;border-radius:10px;font-weight:600;font-size:14px;text-decoration:none;white-space:nowrap}.btn-solid:hover{background:var(--brand-600)}.kpis{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:22px}.kpi{display:flex;align-items:center;gap:15px;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:18px 20px;box-shadow:var(--sh-1);transition:border-color var(--dur-fast),box-shadow var(--dur-fast),transform var(--dur-fast)}a.kpi.linked:hover{border-color:var(--brand-500);box-shadow:0 8px 24px -14px #1e325a80;transform:translateY(-1px)}.kpi-ico{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;flex-shrink:0}.kpi-ico svg{width:22px;height:22px}.kpi-ico.brand{background:var(--brand-50, #eef4ff);color:var(--brand-600)}.kpi-ico.ok{background:var(--success-bg);color:var(--success)}.kpi-ico.warn{background:var(--warning-bg);color:var(--warning)}.kpi-ico.danger{background:var(--danger-bg);color:var(--danger)}.kpi-ico.info{background:color-mix(in srgb,#12b5b5 14%,transparent);color:#0e9c9c}.kpi-body{min-width:0;display:flex;flex-direction:column}.kpi-value{font-size:26px;font-weight:720;letter-spacing:-.03em;color:var(--text-1);font-variant-numeric:tabular-nums;line-height:1.1}.kpi-label{font-size:12.5px;color:var(--text-3);font-weight:500;margin-top:3px;text-transform:none;letter-spacing:0}.kpi-sub{font-size:11.5px;color:var(--text-3);margin-top:2px}.kpi-top{display:contents}.admin-grid{display:grid;gap:16px;grid-template-columns:1.5fr 1fr;margin-bottom:16px}@media(max-width:820px){.admin-grid{grid-template-columns:1fr}}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-2);padding:18px 20px;box-shadow:var(--sh-1);margin-bottom:16px}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--line)}.panel-head h2{font-size:12px;font-weight:680;text-transform:uppercase;letter-spacing:.06em;color:var(--text-2);margin:0}.ok-text{color:var(--success)}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:20px;overflow-x:auto}.tabs button{background:transparent;border:none;box-shadow:none;color:var(--text-3);font-size:14px;font-weight:560;padding:11px 16px;border-bottom:2px solid transparent;border-radius:0;white-space:nowrap;display:inline-flex;align-items:center;gap:7px}.tabs button:hover{color:var(--text-1);background:none;transform:none}.tabs button.active{color:var(--brand-600);border-bottom-color:var(--brand-500)}.tab-count{font-size:11px;background:var(--surface-3);color:var(--text-2);padding:1px 7px;border-radius:999px;font-weight:600}.plan-pill{font-size:12px;font-weight:600;padding:2px 9px;border-radius:999px;background:var(--surface-3);color:var(--text-2);text-transform:capitalize}.plan-pill[data-plan=pro]{background:color-mix(in srgb,var(--brand-500) 16%,transparent);color:var(--brand-600)}.plan-pill[data-plan=enterprise]{background:color-mix(in srgb,#b98bff 20%,transparent);color:#7c4dd0}.plan-pill[data-plan=starter]{background:color-mix(in srgb,var(--success) 18%,transparent);color:var(--success)}.barlist{display:grid;gap:10px}.barlist-row{display:grid;grid-template-columns:90px 1fr 44px;align-items:center;gap:10px}.barlist-label{font-size:13px;color:var(--text-2);text-transform:capitalize}.barlist-track{height:10px;background:var(--surface-3);border-radius:999px;overflow:hidden}.barlist-fill{display:block;height:100%;border-radius:999px}.barlist-value{font-size:13px;font-weight:620;text-align:right;font-variant-numeric:tabular-nums;color:var(--text-1)}.donut{display:flex;align-items:center;gap:18px;flex-wrap:wrap;justify-content:center}.donut-legend{display:grid;gap:7px}.donut-legend span{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--text-2);text-transform:capitalize}.donut-legend i{width:10px;height:10px;border-radius:3px;flex-shrink:0}.donut-legend b{color:var(--text-1);margin-left:2px}.tab-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.tab-dot.ok{background:var(--success)}.tab-dot.bad{background:var(--danger)}.scope-choice{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px;max-width:560px}.scope-choice button{display:flex;flex-direction:column;align-items:flex-start;gap:3px;background:var(--surface);border:1px solid var(--line-strong);box-shadow:none;color:var(--text-2);padding:12px 15px;border-radius:var(--r-2);font-weight:650;font-size:14px;text-align:left;height:auto;width:100%;transition:border-color var(--dur-fast),background var(--dur-fast),box-shadow var(--dur-fast)}.scope-choice button:hover{background:var(--surface-2);border-color:var(--brand-400, var(--brand-500));transform:none}.scope-choice button.active{border-color:var(--brand-500);background:var(--brand-50);color:var(--brand-600);box-shadow:0 0 0 1px var(--brand-500) inset}.scope-sub{font-size:11.5px;font-weight:500;color:var(--text-3)}.scope-choice button.active .scope-sub{color:var(--brand-600);opacity:.8}.scope-list{display:grid;gap:8px;padding:12px;border:1px solid var(--line);border-radius:var(--r-2);background:var(--surface-2);margin-bottom:8px;max-width:560px}.scope-item{display:flex;align-items:center;gap:9px;font-size:14px;cursor:pointer}.scope-item input{width:16px;height:16px}.card,.panel,.empty{border-radius:12px}.card{transition:border-color var(--dur-fast),box-shadow var(--dur-fast),transform var(--dur-fast)}a.card:hover,.card.linked:hover{border-color:var(--border-strong);box-shadow:var(--sh-2);transform:translateY(-1px);text-decoration:none}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:8px;border:3px solid transparent;background-clip:padding-box}*::-webkit-scrollbar-thumb:hover{background:var(--text-muted);background-clip:padding-box}.badge.dot:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor;margin-right:2px;opacity:.9}button,.btn{transition:background var(--dur-fast),border-color var(--dur-fast),color var(--dur-fast),box-shadow var(--dur-fast),transform var(--dur-fast)}button:active:not(:disabled){transform:translateY(.5px)}::selection{background:color-mix(in srgb,var(--brand-500) 22%,transparent)}.app-boot{min-height:100vh;display:grid;place-content:center;justify-items:center;gap:18px;background:var(--bg)}.app-boot-mark{width:48px;height:48px;border-radius:13px;background:linear-gradient(140deg,var(--brand-500),var(--brand-700));display:grid;place-items:center;box-shadow:0 10px 28px -10px #3b6ef699}.app-boot-mark svg{width:25px;height:25px;color:#fff}.app-boot-bar{width:150px;height:4px;border-radius:999px;background:var(--surface-3);overflow:hidden;position:relative}.app-boot-bar span{position:absolute;top:0;height:100%;width:40%;border-radius:999px;background:var(--brand-500);animation:boot-slide 1.05s var(--ease) infinite}@keyframes boot-slide{0%{left:-45%}to{left:105%}}.kpi{padding:20px 22px;min-height:96px;align-items:center;transition:box-shadow var(--dur-fast),border-color var(--dur-fast)}.kpi:hover{box-shadow:var(--sh-2)}.kpi-ico{width:52px;height:52px;border-radius:15px}.kpi-ico svg{width:24px;height:24px}.kpi-value{font-size:33px;font-weight:760;letter-spacing:-.035em}.kpi-label{font-size:13px;margin-top:4px;color:var(--text-2)}.kpi-sub{font-size:12px;margin-top:2px}.dns-head:hover:not(:disabled){background:var(--surface-2);color:var(--text)}.acct-btn:hover:not(:disabled){background:var(--surface-2);color:var(--text);border-color:var(--border-strong)}.acct-signout:hover:not(:disabled){background:var(--surface-2);color:var(--danger)}.nav-toggle:hover:not(:disabled){background:var(--surface-2);color:var(--text)}.ss-trigger:hover:not(:disabled){background:var(--surface);color:var(--text)}.addr-domain .ss-trigger:hover:not(:disabled){background:var(--surface-2)}.ss-opt:hover:not(:disabled){background:var(--surface-2)}.scope-choice button:hover:not(:disabled){background:var(--surface-2);color:var(--text)}.scope-choice button.active:hover:not(:disabled){background:var(--brand-50);color:var(--brand-600)}.segmented button:hover:not(:disabled){background:var(--surface-3);color:var(--text-1)}.segmented button.active:hover:not(:disabled){background:var(--surface);color:var(--text-1)}.tabs button:hover:not(:disabled){background:var(--surface-2)}.hostmode button:hover:not(:disabled){background:var(--surface-2);color:var(--text)}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:22px;flex-wrap:wrap}.page-head h1{margin:0 0 4px}.page-head-cta{flex-shrink:0}.dash-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:16px;margin-bottom:16px;align-items:start}@media(max-width:1040px){.dash-grid{grid-template-columns:1fr}}.panel.flush{padding:0;overflow:hidden}.panel.flush .panel-head{margin-bottom:0}.panel.flush .list-row{padding-left:18px;padding-right:18px}.panel.flush .kv td:first-child{padding-left:18px}.panel.flush .kv td:last-child{padding-right:18px}.overview .panel .rates{margin-bottom:0}.ramp-note{display:flex;flex-direction:column}.panel>.panel-head h2{margin:0}