.app-shell .brand,.app-shell .nav__item,.text-link,.icon-button{cursor:pointer;background:0 0;border:0;font-family:inherit}.app-shell .nav{align-content:start}.app-shell .nav__item{text-align:left}.app-shell .nav__item--active{background:var(--color-surface-blue,#edf3ff)}.app-shell button:focus-visible,.live-auth button:focus-visible,.mailer-auth button:focus-visible{outline-offset:3px;outline:2px solid #3568d4}.live-panel{margin-bottom:20px}.live-panel__body{gap:16px;min-width:0;padding:20px 24px;display:grid}.live-panel__body p{line-height:1.6}.live-error{color:#a62b25;overflow-wrap:anywhere;background:#fff0ef;border:1px solid #efc7c4;border-radius:8px;padding:12px 16px}.live-notice{color:#176b42;background:#effaf4;border:1px solid #c0e6ce;border-radius:8px;padding:12px 16px}.live-notice--pending{color:#41536f;background:#f4f7fb;border-color:#ccd6e5}.live-actions{flex-wrap:wrap;align-items:center;gap:14px;margin-top:12px;display:flex}.live-inline-form{flex-wrap:wrap;align-items:flex-end;gap:16px;display:flex}.live-inline-form .field{flex:1;min-width:220px}.live-checkboxes{border:1px solid #e2e7ee;border-radius:8px;flex-wrap:wrap;gap:12px 20px;padding:16px;display:flex}.live-checkboxes legend{padding:0 6px;font-weight:600}.live-checkboxes label{align-items:center;gap:8px;display:flex}.live-checkboxes input{width:auto}.live-record{overflow-wrap:anywhere;border-bottom:1px solid #e2e7ee;padding:14px 0}.live-id{color:#63738b;margin-top:6px;font-size:11px;display:block}.live-badge{color:#43536b;white-space:nowrap;background:#edf1f7;border-radius:5px;padding:4px 8px;font-size:12px;display:inline-block}.live-badge--delivered,.live-badge--verified,.live-badge--succeeded{color:#176b42;background:#e7f6ed}.live-badge--failed,.live-badge--bounced,.live-badge--complained{color:#a62b25;background:#ffedeb}.live-auth{width:min(560px,100%);margin:7vh auto;padding:24px}.live-auth__brand{text-align:center;justify-items:center;gap:12px;margin-bottom:28px;display:grid}.live-auth__brand strong{font-size:22px}.mailer-auth{background:#f8fafc;grid-template-columns:minmax(360px,.82fr) minmax(520px,1.18fr);min-height:100vh;display:grid}.mailer-auth__aside{color:#fff;background:radial-gradient(circle at 18% 12%,#3b82f633,#0000 30%),linear-gradient(145deg,#0f172a 0%,#111c35 56%,#172554 100%);flex-direction:column;min-height:100vh;padding:clamp(32px,4vw,56px);display:flex;position:relative;overflow:hidden}.mailer-auth__aside:after{content:"";border:1px solid #94a3b824;border-radius:50%;width:440px;height:440px;position:absolute;bottom:-180px;right:-180px}.mailer-auth__brand{letter-spacing:-.01em;z-index:1;align-items:center;gap:11px;font-size:14px;font-weight:700;display:flex;position:relative}.mailer-auth__brand>span{background:#07090c;border-radius:9px;justify-content:center;align-items:center;width:36px;height:36px;padding:4px;display:inline-flex}.mailer-auth__brand>span img,.brand__mark img{object-fit:contain;width:100%;height:100%;display:block}.mailer-auth__pitch{z-index:1;max-width:510px;margin:auto 0;position:relative}.mailer-auth__pitch .eyebrow{color:#93c5fd;margin-bottom:18px}.mailer-auth__pitch h1{letter-spacing:-.045em;max-width:500px;font-size:clamp(36px,4.2vw,58px);line-height:1.02}.mailer-auth__pitch>p:not(.eyebrow){color:#b7c3d6;max-width:470px;margin-top:24px;font-size:15px;line-height:1.75}.mailer-auth__pitch ul{gap:14px;margin:30px 0 0;padding:0;list-style:none;display:grid}.mailer-auth__pitch li{color:#dbeafe;align-items:center;gap:10px;font-size:13px;display:flex}.mailer-auth__pitch li svg{color:#93c5fd;background:#2563eb42;border-radius:50%;padding:3px}.mailer-auth__aside-footer{color:#94a3b8;z-index:1;align-items:center;gap:8px;font-size:11px;display:flex;position:relative}.mailer-auth__main{flex-direction:column;justify-content:center;align-items:center;min-width:0;padding:48px 28px 32px;display:flex}.mailer-auth__card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;width:100%;max-width:480px;padding:38px;box-shadow:0 20px 55px #0f172a14,0 2px 8px #0f172a0a}.mailer-auth__card>header{margin-bottom:28px}.mailer-auth__card>header h2{letter-spacing:-.025em;margin-top:17px;font-size:25px}.mailer-auth__card>header p{color:#64748b;margin-top:8px;font-size:13px;line-height:1.6}.mailer-auth__icon{color:#2563eb;background:#eff6ff;border:1px solid #dbeafe;border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex}.mailer-auth__form{gap:18px;padding:0}.mailer-auth__form .field{gap:7px}.mailer-auth__form .field>span{color:#334155;font-size:12px}.mailer-auth__form .field input{border-color:#cbd5e1;border-radius:8px;min-height:44px;padding:10px 12px;font-size:13px;transition:border-color .15s,box-shadow .15s}.mailer-auth__form .field input::placeholder{color:#a1adbd}.mailer-auth__form .field input.mailer-auth__code{font-variant-numeric:tabular-nums;letter-spacing:.38em;text-align:center;font-size:20px;font-weight:650}.mailer-auth__form .field small{color:#7c8ba1;font-size:10px;line-height:1.5}.mailer-auth__form>.button{border-radius:8px;width:100%;min-height:44px;box-shadow:0 4px 12px #2563eb33}.mailer-auth__consent{color:#526277;align-items:flex-start;gap:10px;line-height:1.55}.mailer-auth__consent input{flex:none;width:15px;height:15px;margin-top:2px}.mailer-auth__turnstile{justify-content:center;width:100%;min-height:65px;display:flex;overflow:hidden}.mailer-auth__links{border-top:1px solid #edf0f4;flex-wrap:wrap;justify-content:center;gap:10px 18px;margin-top:26px;padding-top:22px;display:flex}.mailer-auth__links .text-link{font-size:11px}.mailer-auth__status{min-height:90px}.mailer-auth__footnote{color:#94a3b8;text-align:center;margin-top:20px;font-size:10px}.live-send{max-height:90vh;overflow-y:auto}.live-environment{align-items:center;gap:12px;font-size:12px;display:flex}.live-environment select{width:auto;min-width:120px;font:inherit;background:#fff;border:1px solid #dce3ee;border-radius:7px;padding:8px 12px}.live-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.live-metrics .metric-card__value{font-size:30px}.live-steps{padding-left:24px;line-height:1.9;list-style:decimal}.live-panel pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f6f8fb;border:1px solid #e2e7ee;border-radius:8px;max-height:380px;padding:16px;font-size:12px;line-height:1.65;overflow:auto}.live-panel td{overflow-wrap:anywhere;max-width:360px}.live-panel code{white-space:normal;overflow-wrap:anywhere}.live-panel textarea,.live-auth input,.live-send input,.live-send textarea{width:100%}button:disabled{opacity:.55;cursor:not-allowed}@media (width<=880px){.mailer-auth{display:block}.mailer-auth__aside{display:none}.mailer-auth__main{min-height:100vh}}@media (width<=640px){.live-metrics{grid-template-columns:1fr}.live-panel__body{padding:16px}.live-environment{font-size:0}.live-environment select{font-size:13px}.mailer-auth__main{justify-content:flex-start;padding:24px 16px}.mailer-auth__card{border-radius:12px;padding:26px 20px}.mailer-auth__card>header{margin-bottom:24px}.mailer-auth__card>header h2{font-size:23px}.mailer-auth .form-two{grid-template-columns:1fr}.mailer-auth__turnstile{justify-content:flex-start;overflow-x:auto}}:root{--color-bg:#f7f8fa;--color-surface:#fff;--color-surface-muted:#f2f4f7;--color-surface-blue:#f1f6ff;--color-text:#17191c;--color-text-soft:#475467;--color-muted:#667085;--color-faint:#98a2b3;--color-border:#e4e7ec;--color-border-strong:#d0d5dd;--color-primary:#2563eb;--color-primary-dark:#1d4ed8;--color-success:#15803d;--color-success-bg:#ecfdf3;--color-warning:#b45309;--color-warning-bg:#fffaeb;--color-danger:#b42318;--color-danger-bg:#fef3f2;--color-violet:#6941c6;--font-sans:"DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"DM Mono", "SFMono-Regular", Consolas, monospace;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--radius-sm:4px;--radius-md:8px;--shadow-sm:0 1px 2px #1018280a;--sidebar-width:248px}body.theme-dark{--color-bg:#101828;--color-surface:#182230;--color-surface-muted:#202c3d;--color-surface-blue:#192d52;--color-text:#f2f4f7;--color-text-soft:#d0d5dd;--color-muted:#98a2b3;--color-faint:#667085;--color-border:#344054;--color-border-strong:#475467}*,:before,:after{box-sizing:border-box}html{font-size:16px}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}table{border-collapse:collapse;border-spacing:0}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;line-height:1.45}h1,h2,p{margin:0}h1{letter-spacing:0;font-size:28px;font-weight:700;line-height:1.2}h2{letter-spacing:0;font-size:15px;font-weight:700;line-height:1.35}button,a,input,select,textarea{outline-color:var(--color-primary);outline-offset:2px}code{color:var(--color-text-soft);font:12px/1.3 var(--font-mono)}.eyebrow{color:var(--color-muted);letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:600;line-height:1.2}.muted{color:var(--color-muted)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.app-shell{min-height:100vh}.sidebar{background:var(--color-surface);border-right:1px solid var(--color-border);height:100vh;width:var(--sidebar-width);z-index:20;flex-direction:column;padding:20px 14px 14px;display:flex;position:fixed;top:0;left:0}.sidebar__top,.topbar,.topbar__actions,.page-heading,.page-heading__actions,.panel__header,.workspace-switcher,.profile-link,.usage-card__heading,.usage-card__footer,.breadcrumb{align-items:center;display:flex}.sidebar__top{justify-content:space-between;margin:0 8px 28px}.sidebar__close,.menu-trigger{display:none!important}.brand{align-items:center;gap:9px;display:inline-flex}.brand__mark{color:#fff;background:#101828;border-radius:6px;justify-content:center;align-items:center;width:27px;height:27px;font-size:13px;font-weight:700;display:inline-flex}.brand__name{color:#101828;letter-spacing:-.03em;font-size:16px;font-weight:700}.brand__name span{color:var(--color-primary)}.workspace-switcher{background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-md);gap:10px;margin:0 2px 22px;padding:9px 10px}.workspace-switcher>svg{color:var(--color-faint);width:15px;height:15px;margin-left:auto}.workspace-switcher__avatar,.profile-link__avatar,.avatar-button{color:#1d4ed8;background:#dbeafe;border-radius:6px;justify-content:center;align-items:center;width:29px;height:29px;font-size:11px;font-weight:700;display:inline-flex}.workspace-switcher__copy{gap:1px;min-width:0;display:grid}.workspace-switcher__copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.nav{scrollbar-color:var(--color-border-strong) transparent;scrollbar-width:thin;flex:auto;gap:3px;min-height:0;padding-right:3px;display:grid;overflow-y:auto}.nav__label{color:var(--color-faint);letter-spacing:.08em;text-transform:uppercase;margin:0 10px 5px;font-size:10px;font-weight:700}.nav__label--spaced{margin-top:20px}.nav__item{color:var(--color-text-soft);border-radius:6px;align-items:center;gap:11px;min-height:36px;padding:0 10px;font-size:13px;font-weight:500;transition:background .16s,color .16s;display:flex}.nav__item svg{color:#98a2b3;width:16px;height:16px}.nav__item:hover{background:var(--color-surface-muted);color:var(--color-text)}.nav__item--active{background:var(--color-surface-blue);color:var(--color-primary-dark);font-weight:600}.nav__item--active svg{color:var(--color-primary)}.nav__count{color:var(--color-primary);background:#eaf2ff;border-radius:10px;margin-left:auto;padding:2px 7px;font-size:10px;font-weight:700}.sidebar__bottom{z-index:25;flex:none;margin-top:12px;position:relative}.usage-card{border:1px solid var(--color-border);border-radius:var(--radius-md);background:#fbfcfe;margin:0 2px 14px;padding:12px}.usage-card__heading,.usage-card__footer{color:var(--color-muted);justify-content:space-between;font-size:11px}.usage-card__heading svg{width:15px;height:15px}.usage-card>strong{margin:10px 0;font-size:16px;display:block}.usage-card>strong span{color:var(--color-muted);font-size:11px;font-weight:500}.usage-card__footer a{color:var(--color-primary);font-weight:600}.progress{background:#e9edf3;border-radius:4px;height:5px;overflow:hidden}.progress span{background:var(--color-primary);border-radius:inherit;height:100%;display:block}.profile-link{border-top:1px solid var(--color-border);gap:9px;padding:15px 8px 0;position:relative}.profile-link__avatar{color:#be185d;background:#fce7f3}.profile-link__copy{gap:1px;min-width:0;display:grid}.profile-link__copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.profile-link__copy small{color:var(--color-muted);font-size:11px}.profile-link>svg,.profile-chevron{color:var(--color-faint);width:16px;height:16px;margin-left:auto}.profile-chevron{transition:transform .16s}.profile-link:not(.is-open) .profile-chevron{transform:rotate(180deg)}.profile-link.is-open{color:var(--color-text)}.profile-menu{background:var(--color-surface);border:1px solid var(--color-border);z-index:30;border-radius:8px;min-width:205px;padding:6px;display:none;position:absolute;bottom:calc(100% + 9px);left:0;box-shadow:0 12px 30px #10182829}.profile-link.is-open .profile-menu{display:grid}.profile-menu__identity{border-bottom:1px solid var(--color-border);padding:8px 9px}.profile-menu__identity strong,.profile-menu__identity small{display:block}.profile-menu__identity strong{font-size:11px}.profile-menu__identity small{color:var(--color-muted);margin-top:2px;font-size:10px}.profile-menu a{color:var(--color-text-soft);border-radius:5px;align-items:center;gap:9px;min-height:32px;padding:7px 9px;font-size:11px;display:flex}.profile-menu a:hover{background:var(--color-surface-muted);color:var(--color-text)}.profile-menu svg{color:var(--color-muted);width:14px;height:14px}.profile-menu__divider{border-top:1px solid var(--color-border);margin:5px 3px}.profile-menu .profile-menu__signout,.profile-menu .profile-menu__signout svg{color:var(--color-danger)}.nav::-webkit-scrollbar{width:5px}.nav::-webkit-scrollbar-track{background:0 0}.nav::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:4px}.main-content{margin-left:var(--sidebar-width);min-height:100vh}.topbar{border-bottom:1px solid var(--color-border);z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f7f8fad9;justify-content:space-between;height:64px;padding:0 36px;position:sticky;top:0}.breadcrumb{color:var(--color-muted);gap:8px;font-size:12px}.breadcrumb svg{width:14px;height:14px}.breadcrumb strong{color:var(--color-text);font-weight:600}.topbar__actions{gap:8px}.topbar__divider{background:var(--color-border-strong);width:1px;height:20px;margin:0 8px}.page-wrap{max-width:1440px;margin:0 auto;padding:38px 36px 28px}.page-heading{justify-content:space-between;margin-bottom:30px}.page-heading__sub,.panel__header p{color:var(--color-muted);margin-top:7px;font-size:13px}.page-heading__actions{gap:9px}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.content-grid{gap:18px;display:grid}.content-grid--primary{grid-template-columns:minmax(0,1.8fr) minmax(300px,1fr);margin-bottom:18px}.page-footer{color:var(--color-faint);justify-content:space-between;padding:24px 2px 0;font-size:11px;display:flex}.footer-dot{color:var(--color-border-strong);margin:0 4px}@media (width<=1120px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-grid--primary{grid-template-columns:1fr}}@media (width<=760px){.sidebar{transition:transform .2s;transform:translate(-105%);box-shadow:10px 0 28px #1018281f}.sidebar.is-open{transform:translate(0)}.sidebar__close,.menu-trigger{display:inline-flex!important}.main-content{margin-left:0}.topbar{height:58px;padding:0 16px}.breadcrumb{margin-right:auto;padding-left:10px}.topbar__divider{display:none}.page-wrap{padding:26px 16px 22px}.page-heading{flex-direction:column;align-items:flex-start;gap:18px;margin-bottom:24px}.page-heading__actions{width:100%}.page-heading__actions .button{flex:1;justify-content:center}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metric-card{padding:14px}.metric-card__value{font-size:23px!important}.panel{overflow:hidden}.panel__header{flex-direction:column;align-items:flex-start;gap:12px}.chart-panel .panel__header .select-button{align-self:flex-start}.activity-panel .panel__header{padding-bottom:16px}.table-wrap{margin:0 -1px;overflow-x:auto}.data-table{min-width:760px}.page-footer{flex-direction:column;gap:8px}}@media (width<=440px){h1{font-size:24px}.metric-grid{grid-template-columns:1fr 1fr}.metric-card__label{font-size:11px}.metric-card__trend span{display:none}}.icon-button,.avatar-button{color:var(--color-muted);background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;width:34px;height:34px;padding:0;transition:background .16s,border-color .16s,color .16s;display:inline-flex}.icon-button:hover,.avatar-button:hover{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text)}.icon-button svg{width:17px;height:17px}.icon-button--small{width:28px;height:28px}.icon-button--small svg{width:15px;height:15px}.has-indicator{position:relative}.has-indicator>span{background:var(--color-primary);border:2px solid var(--color-bg);border-radius:50%;width:7px;height:7px;position:absolute;top:5px;right:6px}.avatar-button{color:#be185d;background:#fce7f3;border-color:#0000;width:30px;height:30px;font-size:11px;font-weight:700}.button{border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:7px;min-height:35px;padding:0 13px;font-size:12px;font-weight:600;transition:background .16s,border-color .16s,box-shadow .16s;display:inline-flex}.button svg{width:15px;height:15px}.button--primary{background:var(--color-primary);color:#fff;box-shadow:0 1px 2px #2563eb38}.button--primary:hover{background:var(--color-primary-dark)}.button--secondary{background:var(--color-surface);border-color:var(--color-border-strong);color:var(--color-text-soft)}.button--secondary:hover{background:var(--color-surface-muted);color:var(--color-text)}.metric-card,.panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.metric-card{min-width:0;padding:17px 18px 16px}.metric-card__top{justify-content:space-between;align-items:center;display:flex}.metric-card__label{color:var(--color-muted);font-size:12px;font-weight:600}.metric-icon{border-radius:6px;justify-content:center;align-items:center;width:27px;height:27px;display:inline-flex}.metric-icon svg{width:15px;height:15px}.metric-icon--blue{color:#2563eb;background:#eff6ff}.metric-icon--green{color:#15803d;background:#ecfdf3}.metric-icon--amber{color:#b45309;background:#fffaeb}.metric-icon--violet{color:#6941c6;background:#f4f3ff}.metric-card__value{letter-spacing:-.025em;margin:17px 0 12px;font-size:27px;line-height:1.1;display:block}.metric-card__value span{color:var(--color-muted);margin-left:1px;font-size:16px;font-weight:500}.metric-card__trend{align-items:center;gap:4px;font-size:11px;font-weight:700;display:flex}.metric-card__trend svg{width:13px;height:13px}.metric-card__trend span{color:var(--color-muted);margin-left:2px;font-weight:500}.metric-card__trend--up{color:var(--color-success)}.metric-card__trend--down{color:var(--color-danger)}.panel{padding:20px}.panel__header{justify-content:space-between;align-items:flex-start}.text-link{color:var(--color-primary);white-space:nowrap;align-items:center;gap:4px;font-size:12px;font-weight:600;display:inline-flex}.text-link svg{width:14px;height:14px}.select-button{background:var(--color-surface);border:1px solid var(--color-border-strong);color:var(--color-text-soft);border-radius:5px;align-items:center;gap:8px;min-height:31px;padding:0 10px;font-size:11px;display:inline-flex}.select-button svg{width:14px;height:14px}.chart-legend{gap:16px;margin:22px 0 2px 42px;display:flex}.chart-legend>span{color:var(--color-muted);align-items:center;gap:6px;font-size:11px;display:inline-flex}.legend-dot{border-radius:50%;width:7px;height:7px}.legend-dot--blue{background:var(--color-primary)}.legend-dot--green{background:#17b26a}.chart{height:246px;padding-top:12px;display:flex}.chart__y-axis{color:var(--color-faint);font:10px var(--font-mono);text-align:right;flex-direction:column;justify-content:space-between;width:40px;padding:0 10px 29px 0;display:flex}.chart__plot{flex:1;min-width:0;position:relative}.chart__gridline{border-top:1px dashed #edf0f4;position:absolute;left:0;right:0}.chart__svg{width:100%;height:calc(100% - 28px);position:absolute;bottom:28px;left:0;overflow:visible}.chart__area{fill:url(#areaFill)}.chart__line{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.2px;vector-effect:non-scaling-stroke}.chart__line--blue{stroke:#2563eb}.chart__line--green{stroke:#17b26a;stroke-width:1.8px}.chart__x-axis{color:var(--color-faint);font:10px var(--font-mono);justify-content:space-between;display:flex;position:absolute;bottom:0;left:0;right:0}.health-score{border-bottom:1px solid var(--color-border);align-items:center;gap:15px;margin-top:25px;padding-bottom:20px;display:flex}.health-score__ring{background:conic-gradient(#17b26a 0 98%, #e8f5ee 98% 100%);border-radius:50%;justify-content:center;align-items:baseline;width:76px;height:76px;display:flex;position:relative}.health-score__ring:before{background:var(--color-surface);content:"";border-radius:50%;width:62px;height:62px;position:absolute}.health-score__ring span,.health-score__ring small{position:relative}.health-score__ring span{margin-top:23px;font-size:21px;font-weight:700}.health-score__ring small{color:var(--color-muted);margin-top:30px;font-size:10px}.health-score strong{font-size:14px;display:block}.health-score p{color:var(--color-muted);margin-top:4px;font-size:11px}.health-list{gap:14px;padding-top:18px;display:grid}.health-row{color:var(--color-text-soft);justify-content:space-between;align-items:center;font-size:12px;display:flex}.health-row span{align-items:center;gap:8px;display:inline-flex}.health-row strong{color:var(--color-text);font-size:12px}.status-dot{border-radius:50%;width:7px;height:7px}.status-dot--green{background:#17b26a}.status-dot--amber{background:#f79009}.activity-panel{padding-bottom:0}.activity-panel .panel__header{margin-bottom:19px}.table-wrap{margin:0 -20px}.data-table{width:100%;min-width:680px}.data-table th{border-bottom:1px solid var(--color-border);color:var(--color-muted);letter-spacing:.04em;text-align:left;text-transform:uppercase;white-space:nowrap;background:#fbfcfd;padding:10px 20px;font-size:10px;font-weight:700}.data-table td{border-bottom:1px solid var(--color-border);color:var(--color-text-soft);white-space:nowrap;padding:12px 20px;font-size:12px}.data-table tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:#fbfcfe}.message-cell{align-items:center;gap:10px;display:flex}.message-cell__icon{background:var(--color-surface-blue);color:var(--color-primary);border-radius:5px;justify-content:center;align-items:center;width:27px;height:27px;display:inline-flex}.message-cell__icon svg{width:14px;height:14px}.message-cell strong{color:var(--color-text);margin-bottom:2px;font-size:12px;font-weight:600;display:block}.message-cell code{color:var(--color-faint);font-size:10px}.status{border-radius:12px;align-items:center;gap:5px;padding:4px 8px;font-size:11px;font-weight:600;display:inline-flex}.status svg{width:12px;height:12px}.status--delivered{background:var(--color-success-bg);color:var(--color-success)}.status--pending{background:var(--color-warning-bg);color:var(--color-warning)}.status--bounced{background:var(--color-danger-bg);color:var(--color-danger)}.modal-backdrop{z-index:50;background:#10182861;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-backdrop[hidden]{display:none}.modal{background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;width:100%;max-width:460px;box-shadow:0 20px 50px #1018282e}.modal__header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:flex-start;padding:20px;display:flex}.modal__header h2{margin-top:5px;font-size:17px}.form-stack{gap:16px;padding:20px;display:grid}.field{gap:6px;display:grid}.field>span{color:var(--color-text-soft);font-size:12px;font-weight:600}.field input,.field select,.field textarea{background:var(--color-surface);border:1px solid var(--color-border-strong);color:var(--color-text);resize:vertical;border-radius:5px;min-height:36px;padding:8px 10px;font-size:12px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #2563eb1a}.modal__footer{border-top:1px solid var(--color-border);justify-content:flex-end;gap:9px;margin:2px -20px -20px;padding:14px 20px;display:flex}.email-summary{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);grid-template-columns:repeat(3,1fr) 1.4fr;align-items:stretch;margin-bottom:18px;display:grid;overflow:hidden}.email-summary>div{border-right:1px solid var(--color-border);flex-direction:column;justify-content:center;min-height:72px;padding:15px 18px;display:flex}.email-summary>div:last-child{border-right:0}.email-summary strong{letter-spacing:-.02em;font-size:18px;line-height:1.1}.email-summary span{color:var(--color-muted);margin-top:5px;font-size:11px}.email-summary .summary-success{color:var(--color-success)}.email-summary .summary-danger{color:var(--color-danger)}.email-summary__date{color:var(--color-text-soft);align-items:center;gap:8px;font-size:12px;flex-direction:row!important}.email-summary__date svg{color:var(--color-muted);width:15px;height:15px}.email-summary__date svg:last-child{width:13px;height:13px;margin-left:auto}.emails-panel{padding-bottom:0}.filter-bar{justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.search-field{border:1px solid var(--color-border-strong);border-radius:5px;align-items:center;gap:8px;width:100%;max-width:390px;padding:0 10px;display:flex}.search-field:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1a}.search-field svg{color:var(--color-muted);width:15px;height:15px}.search-field input{color:var(--color-text);border:0;outline:0;width:100%;min-width:0;height:34px;font-size:12px}.filter-bar__actions{gap:7px;display:flex}.filter-button{background:var(--color-surface);border:1px solid var(--color-border-strong);color:var(--color-text-soft);border-radius:5px;align-items:center;gap:6px;min-height:34px;padding:0 9px;font-size:11px;display:inline-flex}.filter-button svg{width:14px;height:14px}.filter-button svg:last-child{color:var(--color-faint);width:12px;height:12px}.filter-button:hover{background:var(--color-surface-muted)}.active-filters{align-items:center;gap:9px;margin:0 0 14px;display:flex}.active-filters>span{background:var(--color-surface-blue);color:var(--color-primary-dark);border-radius:4px;align-items:center;gap:5px;padding:5px 7px;font-size:11px;display:inline-flex}.active-filters button{color:currentColor;background:0 0;border:0;padding:0;display:inline-flex}.active-filters svg{width:12px;height:12px}.clear-filters{color:var(--color-primary);background:0 0;border:0;padding:0;font-size:11px;font-weight:600}.table-check{accent-color:var(--color-primary);width:14px;height:14px}.message-cell--link:hover strong{color:var(--color-primary)}.table-footer{border-top:1px solid var(--color-border);color:var(--color-muted);justify-content:space-between;align-items:center;padding:13px 20px;font-size:11px;display:flex}.table-footer strong{color:var(--color-text-soft)}.pagination{align-items:center;gap:4px;display:flex}.pagination button{color:var(--color-muted);background:0 0;border:0;border-radius:4px;min-width:27px;height:27px;padding:0 5px;font-size:11px}.pagination button:hover:not(:disabled),.pagination__current{background:var(--color-surface-blue)!important;color:var(--color-primary)!important}.pagination button:disabled{color:var(--color-border-strong);cursor:not-allowed}.pagination>span{color:var(--color-faint);padding:0 2px}.back-link-wrap{margin-bottom:23px}.back-link{color:var(--color-muted);align-items:center;gap:7px;font-size:12px;display:inline-flex}.back-link:hover{color:var(--color-primary)}.back-link svg{width:15px;height:15px}.detail-heading{justify-content:space-between;align-items:flex-start;margin-bottom:27px;display:flex}.detail-heading__title{align-items:center;gap:13px;display:flex}.detail-heading h1{font-size:24px}.message-cell__icon--large{width:38px;height:38px}.message-cell__icon--large svg{width:18px;height:18px}.detail-meta{color:var(--color-muted);align-items:center;gap:8px;margin:13px 0 0 51px;font-size:11px;display:flex}.detail-meta code{color:var(--color-text-soft)}.detail-meta__dot{color:var(--color-border-strong)}.detail-grid{grid-template-columns:minmax(0,1.65fr) minmax(300px,.9fr)}.detail-main,.detail-aside{align-content:start;gap:18px;min-width:0;display:grid}.segmented{background:var(--color-surface-muted);border-radius:5px;padding:2px;display:inline-flex}.segmented__item{color:var(--color-muted);background:0 0;border:0;border-radius:4px;padding:5px 10px;font-size:11px}.segmented__item--active{background:var(--color-surface);box-shadow:var(--shadow-sm);color:var(--color-text);font-weight:600}.preview-frame{border:1px solid var(--color-border);border-radius:6px;margin-top:20px;overflow:hidden}.preview-frame__toolbar{background:var(--color-surface-muted);border-bottom:1px solid var(--color-border);color:var(--color-muted);justify-content:space-between;align-items:center;padding:7px 9px;font-size:11px;display:flex}.preview-frame__toolbar span{align-items:center;gap:5px;display:inline-flex}.preview-frame__toolbar svg{width:13px;height:13px}.email-canvas{text-align:center;background:#fff;border:12px solid #fafafa;min-height:350px;padding:44px 12%}.email-canvas__brand{color:#111827;text-align:left;margin-bottom:42px;font-size:13px;font-weight:700}.email-canvas__brand span{color:var(--color-primary)}.email-canvas h3{letter-spacing:-.03em;margin-bottom:20px;font-size:23px}.email-canvas p{color:#475467;text-align:left;max-width:430px;margin:0 auto 12px;font-size:13px;line-height:1.7}.email-canvas button{background:var(--color-primary);color:#fff;border:0;border-radius:5px;margin:15px 0 28px;padding:11px 16px;font-size:12px;font-weight:600}.email-canvas__muted{color:#98a2b3!important;text-align:center!important;font-size:10px!important}.headers-panel .panel__header{margin-bottom:16px}.headers-list{border-top:1px solid var(--color-border)}.headers-list>div{border-bottom:1px solid var(--color-border);grid-template-columns:90px minmax(0,1fr);align-items:baseline;gap:14px;padding:11px 0;display:grid}.headers-list>div:last-child{border-bottom:0}.headers-list span{color:var(--color-muted);font-size:11px}.headers-list code{overflow-wrap:anywhere}.timeline{margin:22px 0 0;padding:0;list-style:none}.timeline__item{gap:12px;min-height:83px;display:flex;position:relative}.timeline__item:before{border-left:1px solid var(--color-border-strong);content:"";position:absolute;top:22px;bottom:0;left:10px}.timeline__item:last-child:before{display:none}.timeline__dot{background:var(--color-success-bg);border:3px solid var(--color-surface);color:var(--color-success);z-index:1;border-radius:50%;flex:0 0 21px;justify-content:center;align-items:center;width:21px;height:21px;display:inline-flex;position:relative}.timeline__dot svg{width:11px;height:11px}.timeline__item strong{font-size:12px;display:block}.timeline__item p{color:var(--color-muted);margin-top:3px;font-size:11px}.timeline__item time{color:var(--color-faint);font:10px var(--font-mono);margin-top:7px;display:block}.info-list{gap:0;margin:21px 0 0;display:grid}.info-list>div{border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.info-list dt{color:var(--color-muted);font-size:11px}.info-list dd{color:var(--color-text-soft);text-align:right;margin:0;font-size:11px}.tag{background:var(--color-surface-muted);color:var(--color-text-soft);border-radius:4px;margin-left:4px;padding:4px 6px;font-size:10px;display:inline-block}@media (width<=1120px){.email-summary{grid-template-columns:repeat(3,1fr)}.email-summary__date{border-top:1px solid var(--color-border);grid-column:1/-1;min-height:52px!important}.detail-grid{grid-template-columns:1fr}}@media (width<=760px){.filter-bar{flex-direction:column;align-items:stretch}.search-field{max-width:none}.filter-bar__actions{overflow-x:auto}.filter-button{flex:none}.email-summary{grid-template-columns:1fr 1fr}.email-summary>div:nth-child(2){border-right:0}.email-summary>div:nth-child(3){border-top:1px solid var(--color-border)}.email-summary__date{border-right:0!important}.detail-heading{flex-direction:column;align-items:flex-start;gap:18px}.detail-heading__title h1{font-size:21px}.detail-heading .page-heading__actions{width:100%}.detail-heading .page-heading__actions .button{flex:1}.detail-meta{margin-left:0}.email-canvas{padding:35px 8%}.table-footer{flex-direction:column;align-items:flex-start;gap:12px}}.form-hint{color:var(--color-muted);align-items:flex-start;gap:7px;margin:-5px 0 0;font-size:11px;line-height:1.5;display:flex}.form-hint svg{color:var(--color-primary);flex:none;width:14px;height:14px;margin-top:1px}.onboarding-banner{background:var(--color-surface-blue);border-radius:var(--radius-md);border:1px solid #cfe0ff;align-items:center;gap:13px;margin-bottom:18px;padding:14px 16px;display:flex}.onboarding-banner__icon{color:var(--color-primary);background:#dbeafe;border-radius:6px;flex:none;justify-content:center;align-items:center;width:33px;height:33px;display:inline-flex}.onboarding-banner__icon svg{width:17px;height:17px}.onboarding-banner strong{font-size:12px;display:block}.onboarding-banner p{color:var(--color-text-soft);margin-top:3px;font-size:11px}.onboarding-banner .text-link{margin-left:auto}.domain-stats{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);grid-template-columns:repeat(3,1fr);margin-bottom:18px;display:grid;overflow:hidden}.domain-stats>div{border-right:1px solid var(--color-border);align-items:center;gap:10px;min-height:67px;padding:13px 18px;display:flex}.domain-stats>div:last-child{border-right:0}.domain-stats strong{margin-left:2px;font-size:18px}.domain-stats span:last-child{color:var(--color-muted);font-size:11px}.domain-stats svg{color:var(--color-primary);width:16px;height:16px}.domains-panel .panel__header{margin-bottom:17px}.search-field--compact{max-width:210px}.domain-list{border-top:1px solid var(--color-border)}.domain-row{border-bottom:1px solid var(--color-border);grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:12px;min-height:75px;padding:11px 0;display:grid}.domain-row:last-child{border-bottom:0}.domain-row:hover .domain-row__main strong{color:var(--color-primary)}.domain-row__icon{border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.domain-row__icon svg{width:17px;height:17px}.domain-row__icon--verified{background:var(--color-success-bg);color:var(--color-success)}.domain-row__icon--pending{background:var(--color-warning-bg);color:var(--color-warning)}.domain-row__main{gap:3px;min-width:0;display:grid}.domain-row__main strong{font-size:13px;transition:color .15s}.domain-row__main code{color:var(--color-faint);font-size:10px}.domain-row__health{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.domain-row__health small{color:var(--color-muted);font-size:10px}.domain-row__arrow{color:var(--color-faint);width:16px;height:16px}.domain-health-strip{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);grid-template-columns:repeat(4,1fr);margin-bottom:18px;display:grid;overflow:hidden}.domain-health-strip>div{border-right:1px solid var(--color-border);align-items:center;gap:10px;min-height:65px;padding:12px 15px;display:flex}.domain-health-strip>div:last-child{border-right:0}.domain-health-strip span:last-child{gap:2px;display:grid}.domain-health-strip strong{font-size:12px}.domain-health-strip small{color:var(--color-muted);font-size:10px}.message-cell__icon--domain{color:var(--color-primary);background:#eff6ff}.domain-detail-grid{grid-template-columns:minmax(0,1.65fr) minmax(280px,.9fr)}.dns-panel .panel__header{margin-bottom:20px}.dns-table{border-top:1px solid var(--color-border)}.dns-row{border-bottom:1px solid var(--color-border);grid-template-columns:52px minmax(110px,.8fr) minmax(170px,1.5fr) auto 28px;align-items:center;gap:13px;min-height:69px;display:grid}.dns-row:last-child{border-bottom:0}.dns-row--head{color:var(--color-muted);letter-spacing:.04em;text-transform:uppercase;min-height:37px;font-size:10px;font-weight:700}.dns-row code{overflow-wrap:anywhere;font-size:10px}.dns-type{background:var(--color-surface-muted);color:var(--color-text-soft);font:10px var(--font-mono);border-radius:4px;justify-self:start;padding:4px 5px;display:inline-block}.dns-value{color:var(--color-text-soft)}.setup-panel{background:var(--color-surface-blue);border-color:#cfe0ff}.setup-panel__icon{color:var(--color-primary);background:#dbeafe;border-radius:6px;justify-content:center;align-items:center;width:33px;height:33px;display:inline-flex}.setup-panel__icon svg{width:17px;height:17px}.setup-panel h2{margin-top:13px}.setup-panel p{color:var(--color-text-soft);margin:7px 0 16px;font-size:11px;line-height:1.5}.setup-panel .button{width:100%}.info-list__label{color:var(--color-muted);font-size:11px}.domain-notes .info-list,.domain-info .info-list{margin-top:18px}.domain-notes .info-list>div{justify-content:space-between;align-items:center;padding:13px 0;display:flex}.domain-notes .info-list strong{font-size:11px}.domain-info .info-list>div{padding:12px 0}@media (width<=1120px){.domain-detail-grid{grid-template-columns:1fr}}@media (width<=760px){.onboarding-banner{flex-wrap:wrap;align-items:flex-start}.onboarding-banner .text-link{margin-left:46px}.domain-stats{grid-template-columns:1fr 1fr}.domain-stats>div:nth-child(2){border-right:0}.domain-stats>div:nth-child(3){border-top:1px solid var(--color-border);grid-column:1/-1}.domains-panel .panel__header{align-items:stretch}.search-field--compact{max-width:none}.domain-row{grid-template-columns:auto minmax(0,1fr) auto}.domain-row__health{flex-direction:row;grid-column:2/3;align-items:flex-start;gap:9px}.domain-row__arrow{grid-area:1/3/span 2}.domain-health-strip{grid-template-columns:1fr 1fr}.domain-health-strip>div:nth-child(2){border-right:0}.domain-health-strip>div:nth-child(3){border-top:1px solid var(--color-border)}.dns-panel{overflow-x:auto}.dns-table{min-width:710px}.dns-panel .panel__header{align-items:flex-start;min-width:710px}.dns-row--head{padding-top:6px}}.security-banner{border:1px solid var(--color-border);border-radius:var(--radius-md);background:#f8f9fc;align-items:center;gap:13px;margin-bottom:18px;padding:14px 16px;display:flex}.security-banner__icon{color:var(--color-violet);background:#eef2ff;border-radius:6px;flex:none;justify-content:center;align-items:center;width:33px;height:33px;display:inline-flex}.security-banner__icon svg{width:17px;height:17px}.security-banner strong{font-size:12px;display:block}.security-banner p{color:var(--color-text-soft);margin-top:3px;font-size:11px}.security-banner .text-link{margin-left:auto}.keys-panel{padding-bottom:0}.keys-panel .panel__header{margin-bottom:17px}.keys-table{min-width:860px}.key-name{align-items:center;gap:9px;display:flex}.key-name__icon{background:var(--color-surface-blue);color:var(--color-primary);border-radius:5px;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.key-name__icon--muted{background:var(--color-surface-muted);color:var(--color-muted)}.key-name__icon svg{width:14px;height:14px}.key-name strong{color:var(--color-text);font-size:12px;display:block}.key-name small{color:var(--color-muted);margin-top:2px;font-size:10px;display:block}.permission-tag{background:var(--color-surface-muted);color:var(--color-text-soft);border-radius:4px;padding:4px 7px;font-size:10px;display:inline-block}.keys-footer{border-top:1px solid var(--color-border);color:var(--color-muted);justify-content:space-between;align-items:center;padding:13px 0;font-size:11px;display:flex}.key-guidance{grid-template-columns:repeat(3,1fr);gap:0;margin-top:18px;display:grid}.key-guidance__item{border-right:1px solid var(--color-border);align-items:flex-start;gap:11px;padding:2px 20px;display:flex}.key-guidance__item:first-child{padding-left:2px}.key-guidance__item:last-child{border-right:0}.key-guidance__number{background:var(--color-surface-blue);color:var(--color-primary);font:11px var(--font-mono);border-radius:50%;flex:none;justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex}.key-guidance strong{font-size:11px;display:block}.key-guidance p{color:var(--color-muted);margin-top:4px;font-size:10px;line-height:1.5}.permission-field{border:1px solid var(--color-border);border-radius:5px;gap:10px;margin:0;padding:12px;display:grid}.permission-field legend{color:var(--color-text-soft);padding:0 4px;font-size:12px;font-weight:600}.permission-field label{color:var(--color-text-soft);font-size:11px}.permission-field input{accent-color:var(--color-primary);margin-right:7px}@media (width<=760px){.security-banner{flex-wrap:wrap;align-items:flex-start}.security-banner .text-link{margin-left:46px}.keys-panel{overflow:hidden}.keys-panel .panel__header{align-items:flex-start}.keys-panel .table-wrap{overflow-x:auto}.key-guidance{grid-template-columns:1fr;gap:18px}.key-guidance__item,.key-guidance__item:first-child{border-bottom:1px solid var(--color-border);border-right:0;padding:0 0 16px}.key-guidance__item:last-child{border-bottom:0;padding-bottom:0}}.webhook-stats{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);grid-template-columns:repeat(3,1fr);margin-bottom:18px;display:grid;overflow:hidden}.webhook-stats>div{border-right:1px solid var(--color-border);align-items:center;gap:11px;min-height:72px;padding:14px 18px;display:flex}.webhook-stats>div:last-child{border-right:0}.webhook-stats strong{font-size:17px;display:block}.webhook-stats small{color:var(--color-muted);margin-top:3px;font-size:11px;display:block}.endpoints-panel{margin-bottom:18px}.endpoint-list{border-top:1px solid var(--color-border);margin-top:17px}.endpoint-row{border-bottom:1px solid var(--color-border);grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:12px;min-height:86px;padding:13px 0;display:grid}.endpoint-row:last-child{border-bottom:0}.endpoint-row:hover .endpoint-row__main strong{color:var(--color-primary)}.endpoint-row__icon{background:var(--color-success-bg);color:var(--color-success);border-radius:6px;justify-content:center;align-items:center;width:33px;height:33px;display:inline-flex}.endpoint-row__icon--test{color:var(--color-primary);background:#eff6ff}.endpoint-row__icon--warning{background:var(--color-warning-bg);color:var(--color-warning)}.endpoint-row__icon svg{width:17px;height:17px}.endpoint-row__main{gap:3px;min-width:0;display:grid}.endpoint-row__main strong{font-size:13px;transition:color .15s}.endpoint-row__main code{color:var(--color-muted);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.endpoint-row__main small{gap:5px;margin-top:4px;display:flex}.event-pill{background:var(--color-surface-muted);color:var(--color-muted);border-radius:3px;padding:3px 5px;font-size:9px}.endpoint-row__health{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.endpoint-row__health small{color:var(--color-muted);font-size:10px}.attempts-panel{padding-bottom:0}.webhook-table{min-width:640px}.http-code{font:10px var(--font-mono);border-radius:4px;padding:4px 6px;display:inline-block}.http-code--success{background:var(--color-success-bg);color:var(--color-success)}.http-code--danger{background:var(--color-danger-bg);color:var(--color-danger)}.webhook-detail-stats{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);grid-template-columns:repeat(4,1fr);margin-bottom:18px;display:grid;overflow:hidden}.webhook-detail-stats>div{border-right:1px solid var(--color-border);min-height:68px;padding:14px 17px}.webhook-detail-stats>div:last-child{border-right:0}.webhook-detail-stats strong{font-size:17px;display:block}.webhook-detail-stats span{color:var(--color-muted);margin-top:4px;font-size:10px;display:block}.webhook-detail-grid{grid-template-columns:minmax(0,1.65fr) minmax(280px,.9fr)}.webhook-detail-icon{color:var(--color-violet);background:#eef2ff}.event-link{gap:3px;display:grid}.event-link code{color:var(--color-primary-dark);font-size:11px}.event-link small{color:var(--color-faint);font:9px var(--font-mono)}.code-panel{margin-top:18px}.code-panel pre{color:#d0d5dd;font:11px/1.7 var(--font-mono);background:#101828;border-radius:5px;margin:18px 0 0;padding:15px;overflow:auto}.code-panel pre code{color:inherit}.subscription-list{border-top:1px solid var(--color-border);gap:0;margin-top:18px;display:grid}.subscription-list span{border-bottom:1px solid var(--color-border);color:var(--color-text-soft);font:11px var(--font-mono);align-items:center;gap:7px;padding:11px 0;display:flex}.subscription-list span:last-child{border-bottom:0}.subscription-list svg{color:var(--color-success);width:14px;height:14px}.signing-panel{margin-top:18px}.signing-panel .panel__header>svg{color:var(--color-success);width:17px;height:17px}.secret-field{background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:5px;justify-content:space-between;align-items:center;margin:18px 0 12px;padding:4px 5px 4px 9px;display:flex}.secret-field code{color:var(--color-text-soft);font-size:10px}@media (width<=1120px){.webhook-detail-grid{grid-template-columns:1fr}}@media (width<=760px){.webhook-stats{grid-template-columns:1fr 1fr}.webhook-stats>div:nth-child(2){border-right:0}.webhook-stats>div:nth-child(3){border-top:1px solid var(--color-border);grid-column:1/-1}.endpoint-row{grid-template-columns:auto minmax(0,1fr) auto}.endpoint-row__health{flex-direction:row;grid-column:2/3;align-items:flex-start}.endpoint-row__health small{margin-top:3px}.endpoint-row>.domain-row__arrow{grid-area:1/3/span 2}.webhook-detail-stats{grid-template-columns:1fr 1fr}.webhook-detail-stats>div:nth-child(2){border-right:0}.webhook-detail-stats>div:nth-child(3),.webhook-detail-stats>div:nth-child(4){border-top:1px solid var(--color-border)}.webhook-detail-stats>div:nth-child(4){border-right:0}}.template-toolbar{justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px;display:flex}.template-toolbar .search-field{max-width:350px}.template-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.template-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);min-width:0;overflow:hidden}.template-card:hover{border-color:#b6c8ee;box-shadow:0 4px 14px #1018280f}.template-card--new{border-style:dashed;flex-direction:column;justify-content:center;align-items:center;min-height:255px;display:flex}.template-card--new strong{margin-top:13px;font-size:13px}.template-card--new>span:last-child{color:var(--color-muted);margin-top:4px;font-size:11px}.template-card__new-icon{background:var(--color-surface-blue);color:var(--color-primary);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.template-card__new-icon svg{width:18px;height:18px}.template-card__preview{border-bottom:1px solid var(--color-border);background:#fbfcfe;height:180px;padding:27px 25px}.template-card__preview--welcome{background:#f5f8ff}.template-card__preview--receipt{background:#f5fbf8}.template-card__preview--security{background:#fff9f2}.preview-brand{color:#111827;margin-bottom:28px;font-size:10px;font-weight:700;display:block}.preview-brand span{color:var(--color-primary)}.template-card__preview strong{letter-spacing:-.02em;max-width:180px;font-size:15px;display:block}.preview-line{background:#cbd5e1;border-radius:3px;width:85%;height:5px;margin-top:16px;display:block}.preview-line--short{width:60%;margin-top:7px}.preview-button{background:var(--color-primary);border-radius:3px;width:74px;height:20px;margin-top:20px;display:block}.preview-icon{color:var(--color-success);background:#fffc;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;margin-bottom:25px;display:inline-flex}.template-card__preview--security .preview-icon{color:var(--color-warning)}.preview-icon svg{width:15px;height:15px}.template-card__body{justify-content:space-between;align-items:center;padding:13px 14px;display:flex}.template-card__body>div{gap:3px;display:grid}.template-card__body strong{font-size:12px}.template-card__body span{color:var(--color-muted);font-size:10px}.template-card__body .status{color:inherit;font-size:10px}.editor-heading{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.editor-heading h1{margin-top:5px;font-size:24px}.editor-heading__status{color:var(--color-muted);align-items:center;gap:10px;margin-top:10px;font-size:11px;display:flex}.editor-layout{grid-template-columns:minmax(0,1.7fr) minmax(260px,.8fr);gap:18px;display:grid}.editor-panel{padding:0}.editor-toolbar{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:11px 13px;display:flex}.editor-toolbar__actions{gap:3px;display:flex}.code-editor{color:#d0d5dd;font:12px/1.8 var(--font-mono);resize:vertical;background:#101828;border:0;border-radius:0;outline:0;width:100%;min-height:420px;padding:22px;display:block}.editor-footer{color:var(--color-muted);justify-content:space-between;align-items:center;padding:10px 14px;font-size:10px;display:flex}.editor-footer span:first-child{align-items:center;gap:5px;display:inline-flex}.editor-footer svg{color:var(--color-success);width:13px;height:13px}.editor-footer code{color:var(--color-faint);margin-left:8px;font-size:9px}.variables-panel{align-self:start}.variable-list{border-top:1px solid var(--color-border);gap:0;margin-top:18px;display:grid}.variable-list button{border:0;border-bottom:1px solid var(--color-border);text-align:left;background:0 0;align-items:center;gap:3px;padding:11px 0;display:grid}.variable-list button:last-child{border-bottom:0}.variable-list button:hover code{color:var(--color-primary)}.variable-list code{color:var(--color-text-soft);font-size:10px}.variable-list span{color:var(--color-muted);font-size:10px}.variable-list svg{color:var(--color-faint);justify-self:end;width:13px;height:13px;margin-top:-28px}.variables-help{background:var(--color-surface-blue);color:var(--color-text-soft);border-radius:5px;align-items:flex-start;gap:7px;margin-top:18px;padding:10px;font-size:10px;line-height:1.5;display:flex}.variables-help svg{color:var(--color-primary);flex:none;width:14px;height:14px}@media (width<=1120px){.template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.editor-layout{grid-template-columns:1fr}.variables-panel{order:-1}}@media (width<=760px){.template-toolbar{flex-direction:column;align-items:stretch}.template-toolbar .search-field{max-width:none}.template-toolbar .filter-bar__actions{overflow-x:auto}.template-grid{grid-template-columns:1fr}.template-card--new{min-height:180px}.editor-heading{flex-direction:column;align-items:flex-start;gap:17px}.editor-heading .page-heading__actions{width:100%}.editor-heading .page-heading__actions .button{flex:1}.code-editor{min-height:350px}}.metric-icon--danger{background:var(--color-danger-bg);color:var(--color-danger)}.suppression-stats{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);grid-template-columns:repeat(4,1fr);margin-bottom:18px;display:grid;overflow:hidden}.suppression-stats>div{border-right:1px solid var(--color-border);align-items:center;gap:11px;min-height:72px;padding:14px 17px;display:flex}.suppression-stats>div:last-child{border-right:0}.suppression-stats strong{font-size:17px;display:block}.suppression-stats small{color:var(--color-muted);margin-top:3px;font-size:11px;display:block}.suppressions-panel{padding-bottom:0}.suppression-tabs{border-bottom:1px solid var(--color-border);gap:22px;margin:-1px -20px 18px;padding:0 20px;display:flex}.suppression-tab{color:var(--color-muted);background:0 0;border:0;border-bottom:2px solid #0000;padding:13px 0 11px;font-size:12px}.suppression-tab span{background:var(--color-surface-muted);border-radius:9px;margin-left:5px;padding:2px 6px;font-size:10px}.suppression-tab--active{border-color:var(--color-primary);color:var(--color-primary);font-weight:600}.suppression-tab--active span{background:var(--color-surface-blue);color:var(--color-primary)}.suppression-filter{justify-content:flex-start}.suppression-filter .search-field{max-width:360px}.suppression-table{min-width:720px}.recipient-cell{align-items:center;gap:9px;display:flex}.recipient-cell__avatar{color:#1d4ed8;background:#dbeafe;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:700;display:inline-flex}.recipient-cell__avatar--green{color:#15803d;background:#dcfce7}.recipient-cell__avatar--violet{color:#6941c6;background:#ede9fe}.recipient-cell__avatar--amber{color:#b45309;background:#fef3c7}.recipient-cell strong{color:var(--color-text);font-size:12px;display:block}.recipient-cell small{color:var(--color-muted);margin-top:2px;font-size:10px;display:block}.reason{align-items:center;gap:6px;font-size:11px;display:inline-flex}.reason svg{width:14px;height:14px}.reason--danger{color:var(--color-danger)}.reason--warning{color:var(--color-warning)}.reason--violet{color:var(--color-violet)}@media (width<=1120px){.suppression-stats{grid-template-columns:repeat(2,1fr)}.suppression-stats>div:nth-child(2){border-right:0}.suppression-stats>div:nth-child(3),.suppression-stats>div:nth-child(4){border-top:1px solid var(--color-border)}.suppression-stats>div:nth-child(4){border-right:0}}@media (width<=760px){.suppression-tabs{gap:18px;overflow-x:auto}.suppression-tab{flex:none}.suppression-filter{align-items:stretch}.suppression-filter .search-field{max-width:none}}.settings-layout{grid-template-columns:190px minmax(0,1fr);align-items:flex-start;gap:32px;display:grid}.settings-nav{gap:3px;display:grid;position:sticky;top:88px}.settings-nav__item{color:var(--color-muted);border-radius:5px;align-items:center;gap:8px;padding:9px 10px;font-size:11px;display:flex}.settings-nav__item:hover{background:var(--color-surface);color:var(--color-text)}.settings-nav__item--active{background:var(--color-surface-blue);color:var(--color-primary);font-weight:600}.settings-nav__item svg{width:15px;height:15px}.settings-content{min-width:0}.settings-section{margin-bottom:34px;scroll-margin-top:85px}.settings-section__heading{align-items:flex-end;gap:12px;margin-bottom:14px;display:flex}.settings-section__heading>div{flex:1}.settings-section__heading h2{font-size:16px}.settings-section__heading p{color:var(--color-muted);margin-top:4px;font-size:11px}.settings-section__heading .button,.settings-section__heading .text-link{margin-left:auto}.settings-card,.team-card,.security-card,.audit-card,.billing-card{padding:0 18px}.settings-field{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:20px;min-height:72px;display:flex}.settings-field:last-child{border-bottom:0}.settings-field>div:first-child{gap:3px;display:grid}.settings-field strong{font-size:12px}.settings-field span{color:var(--color-muted);font-size:10px}.settings-field input{background:var(--color-surface);border:1px solid var(--color-border-strong);color:var(--color-text);border-radius:5px;width:220px;height:34px;padding:0 9px;font-size:11px}.settings-input-prefix{border:1px solid var(--color-border-strong);border-radius:5px;align-items:center;width:220px;height:34px;overflow:hidden;display:flex!important}.settings-input-prefix span{background:var(--color-surface-muted);border-right:1px solid var(--color-border);white-space:nowrap;height:100%;padding:8px}.settings-input-prefix input{border:0;width:100%;min-width:0;height:100%}.theme-toggle{background:var(--color-surface-muted);border-radius:5px;padding:3px;display:flex}.theme-choice{color:var(--color-muted);background:0 0;border:0;border-radius:4px;align-items:center;gap:5px;padding:6px 9px;font-size:10px;display:inline-flex}.theme-choice svg{width:13px;height:13px}.theme-choice--active{background:var(--color-surface);box-shadow:var(--shadow-sm);color:var(--color-text);font-weight:600}.team-row,.security-row,.audit-row{border-bottom:1px solid var(--color-border);align-items:center;gap:11px;min-height:65px;display:flex}.team-row:last-child,.security-row:last-child,.audit-row:last-child{border-bottom:0}.team-avatar{color:#be185d;background:#fce7f3;border-radius:50%;justify-content:center;align-items:center;width:29px;height:29px;font-size:10px;font-weight:700;display:inline-flex}.team-avatar--green{color:#15803d;background:#dcfce7}.team-avatar--amber{color:#b45309;background:#fef3c7}.team-person{gap:2px;min-width:150px;display:grid}.team-person strong,.security-row strong,.audit-row strong{font-size:11px}.team-person small,.security-row small,.audit-row small{color:var(--color-muted);font-size:10px}.role-badge{background:var(--color-surface-muted);color:var(--color-text-soft);border-radius:4px;padding:4px 7px;font-size:10px}.team-last{color:var(--color-muted);margin-left:auto;font-size:10px}.team-row .icon-button{margin-left:5px}.billing-plan{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:flex-start;padding:18px 0;display:flex}.billing-plan strong{margin-top:4px;font-size:20px;display:block}.billing-plan p{color:var(--color-muted);margin-top:4px;font-size:11px}.billing-usage{border-bottom:1px solid var(--color-border);padding:18px 0}.billing-usage>div:first-child{color:var(--color-text-soft);justify-content:space-between;margin-bottom:8px;font-size:11px;display:flex}.billing-usage small{color:var(--color-muted);margin-top:8px;font-size:10px;display:block}.billing-footer{justify-content:space-between;align-items:center;padding:15px 0;font-size:11px;display:flex}.billing-footer strong{color:var(--color-text);margin-left:4px}.security-row__icon,.audit-icon{background:var(--color-surface-muted);color:var(--color-muted);border-radius:5px;flex:none;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.security-row__icon--green{background:var(--color-success-bg);color:var(--color-success)}.security-row__icon svg,.audit-icon svg{width:14px;height:14px}.security-row>span:nth-child(2),.audit-row>span:nth-child(2){gap:2px;display:grid}.security-row .status,.security-row .button{margin-left:auto}.security-value{color:var(--color-text-soft);margin-left:auto;font-size:11px}.audit-row time{color:var(--color-muted);font:10px var(--font-mono);margin-left:auto}.audit-icon{background:var(--color-surface-blue);color:var(--color-primary)}@media (width<=760px){.settings-layout{display:block}.settings-nav{gap:2px;margin:-8px -16px 25px;padding:0 16px 4px;display:flex;position:static;overflow-x:auto}.settings-nav__item{white-space:nowrap;flex:none}.settings-section__heading{flex-wrap:wrap;align-items:flex-start}.settings-section__heading .button,.settings-section__heading .text-link{margin-left:auto}.settings-field{flex-direction:column;justify-content:center;align-items:flex-start;gap:9px;padding:14px 0}.settings-field input,.settings-input-prefix{width:100%}.team-row,.security-row{flex-wrap:wrap;padding:11px 0}.team-person{min-width:0}.team-last{margin-left:auto}.security-row>span:nth-child(2){flex:1}.security-row .status,.security-row .button,.security-value{margin-left:39px}.audit-row{align-items:flex-start;padding:12px 0}.audit-row time{margin-left:auto}}.auth-page,.onboarding-page{background:var(--color-bg);min-height:100vh}.auth-layout{grid-template-columns:minmax(380px,.85fr) minmax(420px,1.15fr);min-height:100vh;display:grid}.auth-aside{color:#fff;background:#101828;flex-direction:column;padding:34px 44px;display:flex}.auth-aside .brand__name{color:#fff}.auth-aside .brand__name span{color:#84adff}.auth-aside__content{max-width:390px;margin:auto 0}.auth-aside__mark{color:#84adff;font:11px var(--font-mono)}.auth-aside h1{letter-spacing:-.04em;margin:16px 0 18px;font-size:clamp(31px,4vw,48px);line-height:1.08}.auth-aside__content p{color:#98a2b3;font-size:14px;line-height:1.7}.auth-aside__footer{color:#667085;font-size:11px}.auth-aside__footer span{color:#475467;margin:0 4px}.auth-main{justify-content:center;align-items:center;padding:40px 28px;display:flex}.auth-card{width:100%;max-width:410px}.auth-mobile-brand{display:none}.auth-heading{margin-bottom:28px}.auth-heading h2{letter-spacing:-.025em;margin-top:6px;font-size:25px}.auth-heading>p:last-child{color:var(--color-muted);margin-top:8px;font-size:13px}.auth-form{gap:17px;display:grid}.auth-form .field>span{justify-content:space-between;align-items:center;display:flex}.auth-form .field>span a{color:var(--color-primary);font-weight:600}.auth-submit{width:100%;min-height:40px}.checkbox-field{color:var(--color-muted);align-items:center;gap:7px;font-size:11px;display:flex}.checkbox-field input{accent-color:var(--color-primary)}.checkbox-field a{color:var(--color-primary)}.form-two{grid-template-columns:1fr 1fr;gap:11px;display:grid}.auth-divider{color:var(--color-faint);align-items:center;gap:10px;margin:22px 0 14px;font-size:10px;display:flex}.auth-divider:before,.auth-divider:after{background:var(--color-border);content:"";width:100%;height:1px}.oauth-button{background:var(--color-surface);border:1px solid var(--color-border-strong);color:var(--color-text-soft);border-radius:6px;justify-content:center;align-items:center;gap:9px;width:100%;min-height:39px;font-size:12px;font-weight:600;display:flex}.oauth-button:hover{background:var(--color-surface-muted)}.oauth-mark{color:#4285f4;font-size:15px;font-weight:700}.auth-switch{color:var(--color-muted);text-align:center;margin-top:24px;font-size:11px}.auth-switch a{color:var(--color-primary);align-items:center;gap:4px;font-weight:600;display:inline-flex}.auth-switch svg{width:13px;height:13px}.auth-centered{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.auth-centered .auth-card{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);border-radius:9px;max-width:410px;padding:38px}.auth-icon{background:var(--color-surface-blue);color:var(--color-primary);border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;margin-bottom:17px;display:inline-flex}.auth-icon--green{background:var(--color-success-bg);color:var(--color-success)}.auth-icon svg{width:19px;height:19px}.code-input{letter-spacing:.18em;text-align:center;font:20px var(--font-mono)!important}.onboarding-topbar{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;height:67px;padding:0 34px;display:flex}.onboarding-topbar>span,.onboarding-topbar>a:last-child{color:var(--color-muted);font-size:11px}.onboarding-topbar>a:last-child{color:var(--color-primary);font-weight:600}.onboarding-main{max-width:570px;margin:0 auto;padding:70px 24px 40px}.onboarding-progress{gap:5px;margin-bottom:46px;display:flex}.onboarding-progress span{background:var(--color-border);border-radius:3px;width:100%;height:4px}.onboarding-progress__active{background:var(--color-primary)!important}.onboarding-heading{margin-bottom:30px}.onboarding-heading h1{letter-spacing:-.03em;margin-top:7px;font-size:30px}.onboarding-heading>p:last-child{color:var(--color-muted);margin-top:9px;font-size:13px;line-height:1.6}.onboarding-form{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);border-radius:8px;padding:21px}.onboarding-tip{background:var(--color-surface-blue);color:var(--color-text-soft);border-radius:5px;align-items:flex-start;gap:8px;margin-top:14px;padding:10px;font-size:11px;line-height:1.5;display:flex}.onboarding-tip svg{color:var(--color-primary);flex:none;width:15px;height:15px}.onboarding-actions{justify-content:flex-end;gap:9px;margin-top:25px;display:flex}.onboarding-checklist{color:var(--color-muted);justify-content:center;gap:18px;margin-top:28px;font-size:10px;display:flex}.onboarding-checklist span{align-items:center;gap:5px;display:inline-flex}.onboarding-checklist svg{width:13px;height:13px}.onboarding-checklist__active{color:var(--color-primary);font-weight:600}@media (width<=760px){.auth-layout{display:block}.auth-aside{display:none}.auth-main{min-height:100vh;padding:25px 20px}.auth-mobile-brand{margin-bottom:52px;display:block}.auth-heading h2{font-size:23px}.auth-centered .auth-card{padding:26px 21px}.onboarding-topbar{padding:0 16px}.onboarding-main{padding:40px 16px 30px}.onboarding-progress{margin-bottom:35px}.onboarding-heading h1{font-size:26px}.onboarding-actions{flex-direction:column-reverse}.onboarding-actions .button{width:100%}.onboarding-checklist{flex-direction:column;align-items:flex-start;gap:9px;margin-left:5px}}.billing-alert{background:var(--color-surface-blue);border-radius:var(--radius-md);border:1px solid #cfe0ff;align-items:center;gap:10px;margin-bottom:29px;padding:13px 15px;display:flex}.billing-alert__icon{color:var(--color-primary);background:#dbeafe;border-radius:5px;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.billing-alert__icon svg{width:14px;height:14px}.billing-alert strong,.billing-alert small{display:block}.billing-alert strong{font-size:11px}.billing-alert small{color:var(--color-text-soft);margin-top:2px;font-size:10px}.billing-alert .text-link{margin-left:auto}.billing-section{margin-bottom:31px}.billing-section__heading{justify-content:space-between;align-items:flex-end;margin-bottom:14px;display:flex}.billing-section__heading h2{font-size:16px}.billing-section__heading p{color:var(--color-muted);margin-top:4px;font-size:11px}.billing-cycle{background:var(--color-surface-muted);border-radius:5px;padding:3px;display:flex}.billing-cycle button{color:var(--color-muted);background:0 0;border:0;border-radius:4px;padding:6px 9px;font-size:10px}.billing-cycle button span{color:var(--color-success);margin-left:3px;font-size:9px}.billing-cycle__active{box-shadow:var(--shadow-sm);font-weight:600;background:var(--color-surface)!important;color:var(--color-text)!important}.plan-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.plan-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:20px;position:relative}.plan-card--active{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary)}.plan-card__badge{background:var(--color-primary);color:#fff;border-radius:0 0 4px 4px;padding:4px 8px;font-size:9px;font-weight:700;position:absolute;top:0;right:13px}.plan-card h3{margin:7px 0 5px;font-size:19px}.plan-card p{color:var(--color-muted);min-height:34px;font-size:11px;line-height:1.5}.plan-price{letter-spacing:-.03em;margin:19px 0 16px;font-size:25px;display:block}.plan-price small{color:var(--color-muted);font-size:10px;font-weight:500}.plan-card .button{width:100%}.plan-card ul{border-top:1px solid var(--color-border);gap:9px;margin:18px 0 0;padding:17px 0 0;list-style:none;display:grid}.plan-card li{color:var(--color-text-soft);align-items:center;gap:7px;font-size:10px;display:flex}.plan-card li svg{color:var(--color-success);width:13px;height:13px}.billing-columns{grid-template-columns:1fr 1fr;gap:18px;display:grid}.payment-card,.invoices-card{min-width:0}.payment-card .button{width:100%;margin-top:18px}.payment-method{border:1px solid var(--color-border);border-radius:6px;align-items:center;gap:10px;margin-top:19px;padding:12px;display:flex}.card-brand{color:#1a56db;letter-spacing:-.06em;font-size:11px;font-weight:800}.payment-method>span:nth-child(2){gap:2px;display:grid}.payment-method strong{font:11px var(--font-mono)}.payment-method small{color:var(--color-muted);font-size:10px}.payment-method .status{margin-left:auto;font-size:9px}.invoice-row{border-top:1px solid var(--color-border);align-items:center;gap:10px;min-height:59px;margin-top:17px;padding-top:10px;display:flex}.invoice-row+.invoice-row{margin-top:0;padding-top:10px}.invoice-row>span{gap:2px;display:grid}.invoice-row span strong{font-size:11px}.invoice-row span small{color:var(--color-muted);font:9px var(--font-mono)}.invoice-row>strong{margin-left:auto;font-size:11px}.invoice-row .icon-button{margin-left:7px}@media (width<=900px){.plan-grid,.billing-columns{grid-template-columns:1fr}}@media (width<=760px){.billing-alert{flex-wrap:wrap;align-items:flex-start}.billing-alert .text-link{margin-left:38px}.billing-section__heading{flex-direction:column;align-items:flex-start;gap:12px}.billing-cycle{align-self:flex-start}}.docs-page{background:var(--color-surface)}.docs-topbar{border-bottom:1px solid var(--color-border);align-items:center;height:68px;padding:0 34px;display:flex}.docs-topnav{gap:24px;margin-left:55px;display:flex}.docs-topnav a{color:var(--color-muted);font-size:12px}.docs-topnav__active{font-weight:600;color:var(--color-text)!important}.docs-topbar__actions{align-items:center;gap:16px;margin-left:auto;display:flex}.docs-signin{color:var(--color-text-soft);font-size:12px;font-weight:600}.docs-layout{grid-template-columns:235px minmax(0,1fr);min-height:calc(100vh - 68px);display:grid}.docs-sidebar{border-right:1px solid var(--color-border);padding:27px 18px}.docs-search{max-width:none;margin-bottom:28px}.docs-nav__label{color:var(--color-faint);letter-spacing:.06em;text-transform:uppercase;margin:22px 9px 7px;font-size:10px;font-weight:700;display:block}.docs-nav__label:first-of-type{margin-top:0}.docs-nav__item{color:var(--color-text-soft);border-radius:5px;margin:2px 0;padding:8px 9px;font-size:11px;display:block}.docs-nav__item:hover{background:var(--color-surface-muted);color:var(--color-text)}.docs-nav__item--active{background:var(--color-surface-blue);color:var(--color-primary);font-weight:600}.docs-nav__item code{color:var(--color-primary);margin-right:6px;font-size:9px}.docs-content{min-width:0;padding:31px 52px 55px}.docs-breadcrumb{color:var(--color-muted);align-items:center;gap:7px;max-width:800px;margin:0 auto 46px;font-size:11px;display:flex}.docs-breadcrumb svg{width:13px;height:13px}.docs-breadcrumb strong{color:var(--color-text)}.docs-article{max-width:800px;margin:0 auto}.docs-article h1{letter-spacing:-.04em;margin-top:7px;font-size:36px}.docs-lead{color:var(--color-muted);max-width:650px;margin-top:14px;font-size:15px;line-height:1.7}.docs-article h2{margin:43px 0 10px;font-size:19px}.docs-article p{color:var(--color-text-soft);font-size:13px;line-height:1.7}.docs-article p a{color:var(--color-primary);font-weight:600}.docs-article p code{background:var(--color-surface-muted);color:var(--color-text-soft);border-radius:3px;padding:2px 4px;font-size:11px}.docs-callout{background:var(--color-surface-blue);color:var(--color-text-soft);border:1px solid #cfe0ff;border-radius:6px;align-items:flex-start;gap:9px;margin-top:24px;padding:12px;font-size:11px;line-height:1.5;display:flex}.docs-callout svg{color:var(--color-primary);flex:none;width:15px;height:15px;margin-top:1px}.docs-code{color:#d0d5dd;font:11px/1.7 var(--font-mono);white-space:pre-wrap;background:#101828;border-radius:6px;margin:17px 0 0;padding:15px;overflow-x:auto}.docs-code__bar{color:#98a2b3;border-bottom:1px solid #344054;justify-content:space-between;align-items:center;margin:-4px -4px 11px;padding:0 4px 8px;font-size:9px;display:flex}.docs-code__bar .icon-button{color:#98a2b3;width:25px;height:25px}.docs-code--large{min-height:226px}.docs-tabs{border-bottom:1px solid var(--color-border);gap:19px;margin-top:22px;display:flex}.docs-tab{color:var(--color-muted);background:0 0;border:0;border-bottom:2px solid #0000;padding:8px 0;font-size:11px}.docs-tab--active{border-color:var(--color-primary);color:var(--color-primary);font-weight:600}.docs-steps{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px;display:grid}.docs-steps>div{border:1px solid var(--color-border);border-radius:5px;padding:13px}.docs-steps span{color:var(--color-primary);font:10px var(--font-mono)}.docs-steps strong{margin-top:9px;font-size:11px;display:block}.docs-steps p{color:var(--color-muted);margin-top:5px;font-size:10px;line-height:1.5}.docs-table{border:1px solid var(--color-border);width:100%;margin-top:18px}.docs-table th{background:var(--color-surface-muted);color:var(--color-muted);text-align:left;padding:10px;font-size:10px}.docs-table td{border-top:1px solid var(--color-border);color:var(--color-text-soft);padding:11px 10px;font-size:11px}.docs-table code{font-size:10px}.docs-footer{color:var(--color-faint);justify-content:space-between;max-width:800px;margin:55px auto 0;font-size:10px;display:flex}.docs-footer strong{color:var(--color-success);font-weight:600}@media (width<=800px){.docs-topbar{padding:0 16px}.docs-topnav{display:none}.docs-topbar__actions{gap:9px}.docs-layout{display:block}.docs-sidebar{border-bottom:1px solid var(--color-border);white-space:nowrap;border-right:0;padding:12px 16px;overflow-x:auto}.docs-search{vertical-align:middle;width:220px;margin:0 10px 0 0;display:inline-flex}.docs-nav__label{display:none}.docs-nav__item{margin-right:4px;display:inline-block}.docs-content{padding:25px 16px 40px}.docs-breadcrumb{margin-bottom:31px}.docs-article h1{font-size:29px}.docs-steps{grid-template-columns:1fr}.docs-footer{flex-direction:column;gap:7px;margin-top:38px}}.states-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.state-example{min-height:270px}.state-example__heading{border-bottom:1px solid var(--color-border);align-items:center;gap:9px;margin:-20px -20px 0;padding:13px 20px;display:flex}.state-example__heading strong{font-size:12px}.state-label{background:var(--color-surface-muted);color:var(--color-muted);font:9px var(--font-mono);border-radius:3px;padding:4px 6px}.state-label--danger{background:var(--color-danger-bg);color:var(--color-danger)}.state-label--success{background:var(--color-success-bg);color:var(--color-success)}.skeleton-table{gap:14px;padding-top:23px;display:grid}.skeleton-row{align-items:center;gap:10px;display:flex}.skeleton{background:var(--color-surface-muted);border-radius:4px;height:10px;animation:1.5s ease-in-out infinite pulse;display:block}.skeleton--icon{border-radius:50%;width:27px;height:27px}.skeleton--long{width:35%}.skeleton--medium{width:25%}.skeleton--short{width:14%;margin-left:auto}.empty-state,.error-state,.success-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:205px;padding-top:17px;display:flex}.empty-state__icon,.error-state__icon,.success-state__icon{background:var(--color-surface-blue);color:var(--color-primary);border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.empty-state__icon svg,.error-state__icon svg,.success-state__icon svg{width:17px;height:17px}.empty-state h2,.error-state h2,.success-state h2{margin-top:13px;font-size:14px}.empty-state p,.error-state p,.success-state p{color:var(--color-muted);max-width:290px;margin:5px auto 14px;font-size:11px;line-height:1.5}.empty-state>div{gap:7px;display:flex}.error-state{text-align:left;flex-direction:row;align-items:flex-start;gap:13px}.error-state__icon{background:var(--color-danger-bg);color:var(--color-danger)}.error-state h2,.success-state h2{margin-top:0}.error-state p,.success-state p{margin-left:0}.success-state{text-align:left;flex-direction:row;align-items:flex-start;gap:13px}.success-state__icon{background:var(--color-success-bg);color:var(--color-success)}.confirmation-demo{justify-content:space-between;align-items:center;margin-top:18px;display:flex}.confirmation-demo h2{margin-top:5px;font-size:15px}.confirmation-demo p{color:var(--color-muted);margin-top:4px;font-size:11px}.confirmation-demo__actions{gap:8px;margin-left:20px;display:flex}.button--danger{background:var(--color-danger);color:#fff;box-shadow:0 1px 2px #b4231833}.button--danger:hover{background:#912018}.notification-drawer{background:var(--color-surface);border-left:1px solid var(--color-border);z-index:45;flex-direction:column;width:350px;height:100vh;transition:transform .2s;display:flex;position:fixed;top:0;right:0;transform:translate(105%);box-shadow:-10px 0 30px #1018281f}.notification-drawer.is-open{transform:translate(0)}.notification-drawer__header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:flex-start;padding:21px 19px;display:flex}.notification-drawer__header h2{margin-top:5px;font-size:16px}.notification-list{display:grid}.notification-list>a{border-bottom:1px solid var(--color-border);align-items:flex-start;gap:10px;padding:15px 19px;display:flex}.notification-list>a:hover{background:var(--color-surface-muted)}.notification-icon{background:var(--color-surface-blue);color:var(--color-primary);border-radius:5px;flex:none;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.notification-icon--success{background:var(--color-success-bg);color:var(--color-success)}.notification-icon--warning{background:var(--color-warning-bg);color:var(--color-warning)}.notification-icon svg{width:14px;height:14px}.notification-list strong,.notification-list small,.notification-list time{display:block}.notification-list strong{font-size:11px}.notification-list small{color:var(--color-muted);margin-top:3px;font-size:10px;line-height:1.4}.notification-list time{color:var(--color-faint);font:9px var(--font-mono);margin-top:6px}.toast{background:var(--color-text);color:#fff;z-index:55;border-radius:7px;align-items:center;gap:10px;min-width:290px;padding:10px 11px;display:flex;position:fixed;bottom:22px;right:24px;box-shadow:0 8px 25px #10182833}.toast[hidden]{display:none}.toast__icon{background:#17b26a;border-radius:50%;justify-content:center;align-items:center;width:23px;height:23px;display:inline-flex}.toast__icon svg{width:13px;height:13px}.toast strong,.toast small{display:block}.toast strong{font-size:11px}.toast small{color:#d0d5dd;margin-top:2px;font-size:10px}.toast .icon-button{color:#98a2b3;margin-left:auto}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}@media (width<=760px){.states-grid{grid-template-columns:1fr}.confirmation-demo{flex-direction:column;align-items:flex-start;gap:15px}.confirmation-demo__actions{margin-left:0}.notification-drawer{width:min(350px,100vw)}.toast{bottom:14px;left:14px;right:14px}}.react-page{min-height:calc(100vh - 68px)}.page-heading__actions{flex-wrap:wrap}.route-placeholder{padding:36px 0}.route-placeholder .panel{max-width:720px}.sidebar__bottom{position:relative}.profile-popover{background:var(--color-surface);border:1px solid var(--color-border);z-index:10;border-radius:8px;min-width:205px;padding:6px;position:absolute;bottom:calc(100% + 10px);right:0;box-shadow:0 14px 34px #10182829}.profile-popover button{color:var(--color-text-soft);text-align:left;background:0 0;border:0;border-radius:5px;align-items:center;gap:9px;width:100%;padding:9px 10px;font-size:11px;display:flex}.profile-popover button:hover{background:var(--color-surface-muted);color:var(--color-text)}.profile-popover button:last-child{border-top:1px solid var(--color-border);color:var(--color-danger);margin-top:4px;padding-top:11px}.profile-link>svg{transition:transform .16s}.profile-link>svg.is-rotated{transform:rotate(180deg)}.table-actions{justify-content:flex-end;gap:8px;display:flex}.filter-button--active{background:var(--color-surface-blue);color:var(--color-primary);border-color:#bfd3fb;font-weight:600}.message-cell--link{cursor:pointer;text-align:left;background:0 0;border:0;padding:0}.template-card{cursor:pointer;text-align:left;border:0}.template-live-preview{background:#f8fafc;min-height:420px;padding:22px}.template-live-preview iframe{border:1px solid var(--color-border);background:#fff;width:100%;height:420px}.password-field{align-items:center;gap:6px;display:flex}.password-field input{flex:1;min-width:0}.password-field button,.auth-text-button,.auth-inline-link{color:var(--color-primary);cursor:pointer;background:0 0;border:0;padding:0;font-size:11px;font-weight:600}.password-field button{color:var(--color-muted);display:inline-flex}.auth-text-button{margin:15px auto 0;display:block}.auth-inline-link{align-items:center;gap:3px;margin-left:auto;display:inline-flex}.onboarding-card{width:min(100%,570px);max-width:570px!important}@media (width<=760px){.profile-popover{right:8px}.mobile-sidebar-backdrop{z-index:20;background:#1018284d;border:0;position:fixed;inset:0}.sidebar{z-index:30}}