:root{color-scheme:light;--bg: #f3f4f6;--surface: #ffffff;--surface-subtle: #f8fafc;--ink: #111827;--muted: #6b7280;--line: #e5e7eb;--line-strong: #d1d5db;--accent: #1d4ed8;--accent-soft: #eff6ff;--success: #15803d;--warning: #b45309;--danger: #dc2626}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:Inter,Segoe UI,sans-serif;background:radial-gradient(circle at top left,rgba(29,78,216,.045),transparent 28%),linear-gradient(180deg,#f8fafc 0%,var(--bg) 22%,#eef2f7 100%);color:var(--ink)}button,input,select,textarea{font:inherit}button{border:0}input,select,textarea{width:100%;padding:.75rem .875rem;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);outline:none}input:focus,select:focus,textarea:focus{border-color:#93c5fd;box-shadow:0 0 0 3px #2563eb1f}textarea{min-height:160px;resize:vertical}.shell{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:100vh}.toast-stack{position:fixed;top:1rem;right:1rem;z-index:50;display:grid;gap:.75rem;width:min(360px,calc(100vw - 2rem));pointer-events:none}.toast{position:relative;display:grid;gap:.35rem;padding:.95rem 1rem;border:1px solid var(--line);border-radius:12px;background:#fffffff5;box-shadow:0 18px 40px #0f172a14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto}.toast strong{font-size:.88rem;line-height:1.2}.toast span{color:var(--muted);font-size:.88rem;line-height:1.5}.toast.error{border-color:#fecaca}.toast.error strong{color:#991b1b}.toast.success{border-color:#bbf7d0}.toast.success strong{color:#166534}.toast.neutral strong{color:var(--ink)}.toast-close{position:absolute;top:.55rem;right:.65rem;width:1.75rem;height:1.75rem;border-radius:999px;background:transparent;color:var(--muted);cursor:pointer}.toast-close:hover{background:var(--surface-subtle);color:var(--ink)}.page-progress{position:fixed;inset:0 auto auto 0;z-index:45;width:100%;height:3px;overflow:hidden;background:#1d4ed814}.page-progress:after{content:"";display:block;width:38%;height:100%;background:linear-gradient(90deg,rgba(29,78,216,.22) 0%,var(--accent) 48%,rgba(29,78,216,.22) 100%);animation:page-progress-slide 1.05s linear infinite}@keyframes page-progress-slide{0%{transform:translate(-120%)}to{transform:translate(360%)}}.rail{display:flex;flex-direction:column;gap:1.25rem;padding:1.5rem 1rem;border-right:1px solid var(--line);background:#ffffffc7;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{display:grid;gap:.35rem;padding:.25rem .5rem .75rem}.brand-meta{display:grid;gap:.15rem;margin-top:.35rem}.brand-meta strong{font-size:.9rem;line-height:1.3}.brand-meta span{color:var(--muted);font-size:.82rem}.eyebrow{font-size:.75rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.rail h1{margin:0;font-size:1.4rem;font-weight:700;line-height:1.2}.nav{display:grid;gap:.25rem}.nav-item,.ghost,.primary,.mode-chip{border-radius:8px;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.nav-item{padding:.7rem .85rem;background:transparent;color:var(--muted);text-align:left;cursor:pointer}.nav-item:hover{background:#f3f4f6;color:var(--ink)}.nav-item.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.main{padding:2rem}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.page-header h2{margin:0;font-size:1.625rem;line-height:1.2}.page-header p{margin:.35rem 0 0;color:var(--muted);font-size:.95rem}.page-context{display:flex;flex-wrap:wrap;gap:.45rem .75rem;margin-top:.65rem;color:var(--muted);font-size:.84rem}.primary,.ghost{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:.625rem .95rem;cursor:pointer;text-decoration:none}.primary{background:var(--accent);color:#fff}.primary:hover{background:#1d4ed8}.primary:disabled{opacity:.65;cursor:not-allowed}.ghost{border:1px solid var(--line);background:var(--surface);color:var(--ink)}.ghost:hover{background:var(--surface-subtle)}.ghost.danger{color:var(--danger)}.compact{min-height:36px;padding:.5rem .8rem}.template-link{white-space:nowrap}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.875rem;margin-bottom:1.25rem}.kpi{padding:1rem;border:1px solid var(--line);border-radius:12px;background:#ffffffd1;box-shadow:0 10px 24px #0f172a08}.kpi span{display:block;color:var(--muted);font-size:.82rem}.kpi strong{display:block;margin-top:.45rem;font-size:1.75rem;line-height:1.1}.kpi small{display:block;margin-top:.35rem;color:var(--muted)}.kpi.positive{border-color:#bbf7d0}.kpi.warning{border-color:#fde68a}.overview-grid{display:grid;grid-template-columns:1fr;gap:.875rem;align-items:start}.workspace-grid{display:grid;grid-template-columns:minmax(340px,.95fr) minmax(0,1.2fr);gap:.875rem;align-items:start}.single-column{display:grid}.stack{display:grid;gap:.875rem}.panel{padding:1rem 1.1rem;border:1px solid var(--line);border-radius:12px;background:#ffffffe0;box-shadow:0 12px 32px #0f172a09}.panel-span-2{grid-column:1 / -1}.panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-bottom:.9rem}.panel-header h3{margin:0;font-size:1rem;line-height:1.3}.panel-header.compact{margin-bottom:.7rem}.panel-subtitle{margin-top:.2rem;color:var(--muted);font-size:.88rem}.onboarding-panel{margin-bottom:.9rem}.onboarding-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.875rem}.onboarding-step{display:grid;gap:.6rem;padding:.95rem 1rem;border:1px solid var(--line);border-radius:12px;background:#f8fafce0}.onboarding-step.done{background:#f0fdf4e6;border-color:#bbf7d0}.onboarding-step-head{display:flex;justify-content:space-between;align-items:center;gap:.75rem}.onboarding-step-head span{color:var(--muted);font-size:.82rem}.onboarding-step p{margin:0;color:var(--muted);font-size:.9rem;line-height:1.55}.search-input{min-width:220px;max-width:280px;height:2.4rem;padding:0 .8rem;border:1px solid var(--line);border-radius:10px;background:#ffffffe6;color:var(--text)}.pagination-bar{display:flex;justify-content:space-between;align-items:center;gap:.75rem;margin-top:.9rem}.pagination-summary{color:var(--muted);font-size:.85rem}.audit-log-row{display:grid;gap:.35rem}.audit-log-meta{margin:.45rem 0 0;color:var(--muted);font-size:.85rem;line-height:1.5}.section-tabs{display:inline-flex;gap:.35rem;margin-bottom:1rem;padding:.25rem;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.section-tab{min-height:36px;padding:.45rem .85rem;border-radius:8px;background:transparent;color:var(--muted);cursor:pointer}.section-tab.active{background:var(--surface-subtle);color:var(--ink);font-weight:600}.section-tab.compact{min-height:32px;padding:.35rem .7rem}.stepper{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-bottom:1rem}.step-chip{display:grid;justify-items:start;gap:.25rem;padding:.85rem .95rem;border:1px solid var(--line);border-radius:8px;background:var(--surface-subtle);color:var(--muted);text-align:left;cursor:pointer}.step-chip span{display:inline-flex;align-items:center;justify-content:center;width:1.4rem;height:1.4rem;border-radius:999px;background:#11182714;font-size:.76rem;font-weight:700}.step-chip strong{font-size:.92rem}.step-chip.active{border-color:#bfdbfe;background:var(--accent-soft);color:var(--ink)}.step-chip.active span{background:#1d4ed81f;color:var(--accent)}.step-chip:disabled{opacity:.55;cursor:not-allowed}.divider{height:1px;margin:1rem 0;background:var(--line)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}.form-grid label{display:grid;gap:.45rem;font-size:.9rem}.form-grid span{color:var(--muted)}.full{grid-column:1 / -1}.field-hint{margin:-.15rem 0 0;color:var(--muted);font-size:.86rem;line-height:1.5}.field-hint code{padding:.1rem .35rem;border-radius:6px;background:var(--surface-subtle);color:var(--ink)}.selection-summary{display:grid;gap:.3rem;padding:.9rem 1rem;border:1px solid var(--line);border-radius:8px;background:var(--surface-subtle);color:var(--muted)}.selection-summary strong{color:var(--ink);font-size:.92rem}.step-actions{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:.25rem}.editor-loading{min-height:260px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:8px;background:var(--surface-subtle);color:var(--muted)}.panel-skeleton,.table-skeleton,.list-skeleton{display:grid;gap:.8rem}.panel-skeleton.compact{gap:.65rem}.skeleton{border-radius:999px;background:linear-gradient(90deg,#cbd5e19e,#f1f5f9f5,#cbd5e19e);background-size:200% 100%;animation:skeleton-wave 1.3s ease-in-out infinite}@keyframes skeleton-wave{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-title{width:8rem;height:1rem}.skeleton-label{width:4.5rem;height:.8rem}.skeleton-value{width:8rem;height:2rem}.skeleton-line{height:.8rem}.skeleton-line.short{width:36%}.skeleton-line.medium{width:62%}.skeleton-line.long{width:100%}.kpi-skeleton{gap:.6rem}.table-skeleton-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.8rem;align-items:center}.table-skeleton-row.header{margin-bottom:.2rem}.skeleton-cell{height:.8rem}.skeleton-cell.wide:first-child{width:90%}.list-skeleton-row{display:grid;gap:.5rem;padding:.15rem 0}.import-mode-switch{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-bottom:1rem}.mode-chip{min-height:36px;padding:.5rem .85rem;border:1px solid var(--line);background:var(--surface);color:var(--muted);cursor:pointer}.mode-chip.active{border-color:#bfdbfe;background:var(--accent-soft);color:var(--accent)}.templates-grid{grid-template-columns:minmax(0,1.45fr) minmax(320px,.8fr)}.compact-tabs{margin-bottom:0;padding:.2rem}.compact-tabs .section-tab{min-height:32px;padding:.35rem .75rem}.library-tabs{margin-bottom:.9rem}.library-tabs .section-tab{display:inline-flex;align-items:center;gap:.45rem}.tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:1.35rem;min-height:1.35rem;padding:0 .35rem;border-radius:999px;background:#1118270f;color:var(--muted);font-size:.76rem;font-weight:600}.section-tab.active .tab-count{background:#1d4ed81f;color:var(--accent)}.field-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.65rem}.field-header>span{color:var(--muted);font-size:.9rem}.content-switcher{display:grid;gap:.75rem}.content-pane{display:grid;gap:.65rem}.template-row{width:100%;padding:0;background:transparent;text-align:left;cursor:pointer}.template-row strong,.template-row span{display:block}.template-row.active strong{color:var(--accent)}.template-library{list-style:none;margin:0;padding:0;display:grid;gap:.75rem}.template-card{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;width:100%;padding:1rem;border:1px solid var(--line);border-radius:12px;background:#ffffffd6}.template-card:hover,.template-card.active{border-color:#bfdbfe;background:var(--surface-subtle)}.template-card-button{flex:1;padding:0;background:transparent;text-align:left;cursor:pointer}.inline-actions{display:inline-flex;gap:.5rem}.template-card strong,.template-card span{display:block}.template-card>span{margin-top:.45rem;color:var(--muted);font-size:.9rem}.template-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.template-badge{flex-shrink:0;padding:.2rem .5rem;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:.78rem;font-weight:600}.mdx-shell{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--surface)}.mdx-shell .mdxeditor{background:var(--surface)}.mdx-shell .mdxeditor-toolbar{border-bottom:1px solid var(--line);background:var(--surface-subtle)}.mdx-shell .mdxeditor-root-contenteditable{min-height:260px;line-height:1.6}.mdx-shell .mdxeditor-popup-container{z-index:30}.mdx-shell h1,.mdx-shell h2,.mdx-shell h3,.email-preview h1,.email-preview h2,.email-preview h3{margin:0 0 .75rem;line-height:1.3}.mdx-shell p,.mdx-shell ul,.mdx-shell ol,.email-preview p,.email-preview ul,.email-preview ol{margin:0 0 .85rem}.preview-shell{display:grid;gap:.9rem}.preview-meta{display:grid;gap:.2rem}.preview-meta span{color:var(--muted);font-size:.9rem}.preview-sample{color:var(--muted);font-size:.88rem}.preview-summary{padding:.9rem 1rem;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--surface-subtle) 84%,white 16%)}.preview-summary strong{display:block;margin-bottom:.35rem;font-size:.9rem}.preview-summary p{margin:0;color:var(--muted);line-height:1.6}.preview-toggle{justify-self:start}.email-preview{min-height:320px;padding:1.25rem;border:1px solid var(--line);border-radius:12px;background:#fff;line-height:1.65}.compact-preview{min-height:0;max-height:720px;overflow:auto}.email-preview a{color:var(--accent)}.empty-state{padding:1rem;border:1px dashed var(--line-strong);border-radius:12px;color:var(--muted)}.state-view{display:grid;justify-items:start;gap:.85rem;padding:1.15rem 1.1rem;border:1px dashed var(--line-strong);border-radius:12px;background:linear-gradient(180deg,#f8fafceb,#ffffffd1)}.state-view.error{border-style:solid;border-color:#fecaca;background:linear-gradient(180deg,#fef2f2eb,#ffffffe0)}.state-dot{width:.72rem;height:.72rem;border-radius:999px;background:var(--accent);box-shadow:0 0 0 6px #1d4ed814}.state-view.error .state-dot{background:var(--danger);box-shadow:0 0 0 6px #dc262614}.state-copy{display:grid;gap:.35rem}.state-copy strong{font-size:.96rem;line-height:1.3}.state-copy p{margin:0;color:var(--muted);font-size:.9rem;line-height:1.6;max-width:54ch}table{width:100%;border-collapse:collapse}th,td{padding:.8rem 0;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;font-size:.92rem}th{color:var(--muted);font-weight:600}tbody tr:last-child td{border-bottom:0}.simple-list,.contact-list,.status-list{list-style:none;margin:0;padding:0}.simple-list{display:grid;gap:.8rem}.simple-list li{display:grid;gap:.2rem;padding-bottom:.8rem;border-bottom:1px solid var(--line)}.simple-list li:last-child{padding-bottom:0;border-bottom:0}.simple-list strong{font-size:.94rem}.simple-list span{color:var(--muted);font-size:.88rem}.selectable-list li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.75rem;align-items:center;padding-bottom:.8rem}.selectable-list li.selected .list-card-button{border-color:#bfdbfe;background:var(--accent-soft)}.list-card-button{width:100%;padding:.9rem 1rem;border:1px solid var(--line);border-radius:12px;background:#ffffffb8;text-align:left;cursor:pointer}.list-card-button:hover{border-color:#bfdbfe;background:var(--surface-subtle)}.list-row+.list-row{margin-top:.55rem}.list-row>div{display:grid;gap:.2rem}.list-chip{display:inline-flex;align-items:center;justify-content:center;min-height:1.7rem;padding:.15rem .6rem;border-radius:999px;background:#1118270f;color:var(--ink);font-size:.78rem;font-weight:600;white-space:nowrap}.campaign-history-grid{grid-template-columns:minmax(320px,.8fr) minmax(0,1.25fr)}.compact-filter-tabs{display:inline-flex;gap:.25rem;padding:.2rem;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.detail-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin-bottom:1rem}.mini-kpi{display:grid;gap:.25rem;padding:.9rem .95rem;border:1px solid var(--line);border-radius:12px;background:var(--surface-subtle)}.mini-kpi span{color:var(--muted);font-size:.82rem}.mini-kpi strong{font-size:1.15rem;line-height:1.2}.detail-meta-list{margin-bottom:1rem}.detail-section+.detail-section{margin-top:1rem}.recipient-table-wrap{overflow-x:auto}.table-primary{font-weight:600;line-height:1.4}.table-secondary{margin-top:.2rem;color:var(--muted);font-size:.84rem;line-height:1.4}.contact-list{display:grid;gap:.8rem}.contact-list li{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding-bottom:.8rem;border-bottom:1px solid var(--line)}.contact-list li:last-child{padding-bottom:0;border-bottom:0}.contact-list strong{display:block;font-size:.94rem}.contact-list span,.contact-meta span{color:var(--muted);font-size:.88rem}.member-list strong{display:inline-flex;align-items:center;gap:.45rem}.self-badge{display:inline-flex;align-items:center;justify-content:center;min-height:1.4rem;padding:0 .5rem;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:.74rem;font-weight:600}.member-row{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.member-actions{display:inline-flex;align-items:center;gap:.6rem;flex-wrap:wrap}.member-actions select{width:auto;min-width:8.5rem}.member-role{color:var(--muted);font-size:.88rem}.contact-meta{display:grid;justify-items:end;gap:.2rem}.contact-meta em{color:var(--muted);font-style:normal}.inline-action{flex-shrink:0}.list-row{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.action-cell{width:1%;white-space:nowrap}.status-list{display:grid;gap:.8rem}.status-list li{display:flex;justify-content:space-between;gap:1rem;padding-bottom:.8rem;border-bottom:1px solid var(--line)}.status-list li:last-child{padding-bottom:0;border-bottom:0}.status-list strong{display:block;font-size:.94rem}.status-list span,.status-list em{color:var(--muted);font-size:.88rem;font-style:normal}.domain-guide{display:grid;gap:1rem}.domain-guide-banner{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1rem 1.05rem;border:1px solid var(--line);border-radius:14px;background:var(--surface-subtle)}.domain-guide-banner strong{display:block;font-size:.96rem}.domain-guide-banner p{margin:.35rem 0 0;color:var(--muted);font-size:.9rem;line-height:1.55}.domain-guide-banner.healthy{border-color:#22c55e2e;background:#22c55e14}.domain-guide-banner.warning{border-color:#f59e0b33;background:#f59e0b14}.domain-step-list,.domain-record-list{display:grid;gap:.8rem}.domain-step-card,.domain-record-card{display:grid;gap:.8rem;padding:1rem 1.05rem;border:1px solid var(--line);border-radius:14px;background:#ffffffb8}.domain-step-card{grid-template-columns:auto minmax(0,1fr);align-items:flex-start}.domain-step-card.done{border-color:#22c55e2e}.domain-step-index{display:inline-flex;align-items:center;justify-content:center;width:1.9rem;height:1.9rem;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-weight:700;font-size:.85rem}.domain-step-body{display:grid;gap:.35rem}.domain-step-head,.domain-record-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.8rem}.domain-step-head strong,.domain-record-head strong{display:block;font-size:.94rem}.domain-step-head span,.domain-record-head span,.domain-record-card p{color:var(--muted);font-size:.88rem}.domain-step-body p{margin:0;color:var(--muted);font-size:.9rem;line-height:1.55}.domain-record-grid{display:grid;gap:.8rem}.domain-record-grid strong{display:block;margin-bottom:.35rem;font-size:.84rem}.domain-record-grid code{display:block;padding:.75rem .85rem;border-radius:10px;background:#0f172a0a;color:var(--ink);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.8rem;line-height:1.5;word-break:break-all;white-space:pre-wrap}@media(max-width:1120px){.shell{grid-template-columns:1fr}.rail{border-right:0;border-bottom:1px solid var(--line)}.kpi-grid,.overview-grid,.workspace-grid,.templates-grid{grid-template-columns:1fr}}@media(max-width:720px){.main,.rail{padding:1rem}.page-header{flex-direction:column;align-items:stretch}.form-grid{grid-template-columns:1fr}.contact-list li,.status-list li,.member-row,.domain-guide-banner,.domain-step-card,.domain-step-head,.domain-record-head{flex-direction:column}.domain-step-card{grid-template-columns:1fr}.contact-meta{justify-items:start}.kpi-grid{grid-template-columns:1fr}.section-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.field-header{flex-direction:column;align-items:stretch}.toast-stack{top:auto;right:.75rem;bottom:.75rem;width:calc(100vw - 1.5rem)}}