:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#f5f7fb;--foreground:#15171c;--muted:#5c6370;--panel:#fff;--accent:#6548d6;--border:#dfe3ec}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--background);color:var(--foreground);font-family:Arial,Helvetica,sans-serif}main{place-items:center;min-height:100vh;padding:24px;display:grid}.panel{border:1px solid var(--border);background:var(--panel);border-radius:24px;width:min(680px,100%);padding:clamp(28px,6vw,56px);box-shadow:0 24px 80px #1920381a}.eyebrow{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;margin:0 0 12px;font-size:13px;font-weight:700}h1{margin:0;font-size:clamp(38px,9vw,72px);line-height:.95}.summary{color:var(--muted);margin:24px 0 32px;font-size:18px;line-height:1.6}.routes{flex-wrap:wrap;gap:12px;display:flex}.routes a{border:1px solid var(--border);color:var(--foreground);border-radius:999px;padding:10px 16px;text-decoration:none}.routes a:hover{border-color:var(--accent)}.routes .routes__primary{border-color:var(--accent);background:var(--accent);color:#fff}.routes a:focus-visible{border-color:var(--accent);outline:2px solid var(--accent);outline-offset:3px}.button{appearance:none;border:1px solid var(--border);background:var(--panel);color:var(--foreground);cursor:pointer;font:inherit;border-radius:999px;justify-content:center;padding:12px 18px;font-weight:700;text-decoration:none;display:inline-flex}.button--primary{border-color:var(--accent);background:var(--accent);color:#fff}.button:focus-visible,.text-link:focus-visible,.admin-action:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 35%, transparent);outline-offset:3px}.text-link{color:var(--accent);margin-top:24px;display:inline-block}.admin-auth__panel h1,.admin-card h1{font-size:clamp(36px,7vw,64px)}.notice{border:1px solid var(--border);color:var(--muted);background:#f8f7ff;border-radius:14px;margin:0 0 24px;padding:14px 16px;line-height:1.5}.notice--error{color:#8f2020;background:#fff5f5;border-color:#e7b4b4}.notice--success{color:#176537;background:#f2fbf5;border-color:#a8d7ba}.admin-shell{align-items:start;min-height:100vh;padding-block:clamp(24px,7vw,72px)}.admin-card{border:1px solid var(--border);background:var(--panel);border-radius:24px;width:min(760px,100%);padding:clamp(24px,5vw,48px);box-shadow:0 24px 80px #1920381a}.admin-card--wide{width:min(1040px,100%)}.admin-header{justify-content:space-between;align-items:start;gap:24px;display:flex}.identity-grid,.admin-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:32px 0;display:grid}.identity-grid>div,.admin-action{border:1px solid var(--border);border-radius:16px;padding:16px}.identity-grid dt{color:var(--muted);margin-bottom:8px;font-size:13px}.identity-grid dd{overflow-wrap:anywhere;margin:0;font-weight:700}.admin-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-action{color:var(--foreground);gap:8px;min-height:120px;text-decoration:none;display:grid}.admin-action span{color:var(--muted);line-height:1.45}.template-preview-shell{align-items:start;padding-block:clamp(24px,7vw,72px)}.template-preview-card{border:1px solid var(--border);background:var(--panel);border-radius:24px;width:min(1240px,100%);padding:clamp(20px,4vw,44px);box-shadow:0 24px 80px #1920381a}.template-preview-card h1{overflow-wrap:anywhere}.template-preview-card h2{margin:30px 0 12px;font-size:20px}.template-preview-grid{grid-template-columns:minmax(0,1fr) minmax(0,390px);gap:24px;display:grid}.template-preview-frame{border:1px solid var(--border);background:#eef2f5;border-radius:16px;position:relative;overflow:hidden}.template-preview-frame iframe{border:0;width:100%;height:700px;display:block}.template-preview-frame--mobile{width:min(390px,100%)}.template-preview-text{white-space:pre-wrap;overflow-wrap:anywhere;border:1px solid var(--border);background:#f8f9fb;border-radius:16px;max-height:360px;padding:16px;line-height:1.5;overflow:auto}@media (max-width:780px){.template-preview-grid{grid-template-columns:minmax(0,1fr)}}.admin-action--disabled{background:#f8f9fc}.reporting-shell,.reporting-results{gap:32px;display:grid}.reporting-filters{border-block:1px solid var(--border);grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding-block:24px;display:grid}.reporting-filters label{gap:8px;font-weight:700;display:grid}.reporting-filters input{border:1px solid var(--border);color:var(--foreground);font:inherit;border-radius:12px;min-width:0;min-height:48px;padding:10px 12px}.reporting-filter-actions{flex-wrap:wrap;align-items:end;gap:12px;display:flex}.reporting-section-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.reporting-badge{color:var(--accent);background:#f2f0ff;border-radius:999px;padding:7px 11px;font-size:13px;font-weight:700}.reporting-funnel{gap:8px;margin:20px 0 0;padding:0;list-style:none;display:grid}.reporting-funnel li{background:#f8f9fc;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;padding:12px 16px;display:flex}.reporting-funnel strong{font-size:22px}.reporting-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.reporting-metrics>div{border:1px solid var(--border);border-radius:14px;padding:16px}.reporting-metrics dt{color:var(--muted);font-size:13px;line-height:1.4}.reporting-metrics dd{margin:8px 0 0;font-size:28px;font-weight:700}.crm-failure-list{gap:16px;display:grid}.crm-failure{border:1px solid var(--border);border-radius:16px;padding:20px}.crm-failure__header{justify-content:space-between;align-items:start;gap:16px;display:flex}.crm-failure__header h2{margin:10px 0 0;font-size:20px}.crm-failure__header>code,.crm-attempt-list code,.crm-failure__meta code{overflow-wrap:anywhere}.crm-state{border-radius:999px;padding:6px 10px;font-size:13px;font-weight:700;display:inline-block}.crm-state--failed{color:#8f2020;background:#fff0f0}.crm-state--readback_required,.crm-state--retry_scheduled{color:#715400;background:#fff8df}.crm-failure__meta{grid-template-columns:2fr 1fr 2fr;gap:12px;margin:20px 0;display:grid}.crm-failure__meta dt{color:var(--muted);margin-bottom:6px;font-size:13px}.crm-failure__meta dd{overflow-wrap:anywhere;margin:0}.crm-failure summary{cursor:pointer;font-weight:700}.crm-attempt-list{gap:12px;margin:16px 0 0;padding:0;list-style-position:inside;display:grid}.crm-attempt-list li{background:#f8f9fc;border-radius:12px;gap:6px;padding:14px;line-height:1.45;display:grid}.admin-form{gap:18px;display:grid}.admin-form label{gap:8px;font-weight:700;display:grid}.admin-form input,.admin-form select,.admin-form textarea{border:1px solid var(--border);color:var(--foreground);font:inherit;background:#fff;border-radius:12px;min-height:48px;padding:10px 12px}.admin-form textarea{resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;line-height:1.45}.template-editor-grid{grid-template-columns:minmax(0,1fr) minmax(360px,1fr);gap:32px;margin-block:32px;display:grid}.template-editor-actions{flex-wrap:wrap;gap:12px;margin-block:12px;display:flex}.template-version-group{border-top:1px solid var(--border);padding-block:16px}.template-version-row{justify-content:space-between;align-items:center;gap:16px;padding-block:10px;display:flex}.template-version-row code{overflow-wrap:anywhere}@media (max-width:760px){.template-editor-grid{grid-template-columns:minmax(0,1fr)}.admin-header{flex-direction:column;align-items:stretch}.identity-grid,.admin-grid,.crm-failure__meta,.reporting-filters,.reporting-metrics{grid-template-columns:1fr}.reporting-section-heading{flex-direction:column;align-items:start}.crm-failure__header{flex-direction:column;align-items:stretch}.admin-card,.panel{border-radius:18px}}.demo-shell{grid-template-columns:240px minmax(0,1fr);place-items:stretch stretch;min-height:100vh;padding:0;display:grid}.demo-sidebar{color:#f7f5ff;background:#191530;flex-direction:column;gap:36px;min-height:100vh;padding:30px 22px;display:flex}.demo-brand{color:inherit;align-items:center;gap:12px;text-decoration:none;display:flex}.demo-brand>span{background:#826cf2;border-radius:12px;place-items:center;width:38px;height:38px;font-size:13px;font-weight:800;display:grid}.demo-nav{gap:6px;display:grid}.demo-nav a{color:#c9c4e3;border-radius:10px;padding:11px 12px;font-size:14px;font-weight:700;text-decoration:none}.demo-nav a:hover,.demo-nav a[aria-current=page]{color:#fff;background:#ffffff1a}.demo-sidebar__note{background:#ffffff14;border:1px solid #ffffff1f;border-radius:14px;gap:7px;margin-top:auto;padding:14px;display:grid}.demo-sidebar__note span{color:#c9c4e3;font-size:12px;line-height:1.5}.demo-workspace{min-width:0}.demo-topbar{border-bottom:1px solid var(--border);background:#fff;justify-content:space-between;align-items:center;gap:24px;min-height:88px;padding:18px clamp(24px,4vw,56px);display:flex}.demo-topbar .eyebrow{margin-bottom:6px}.demo-topbar__actions{align-items:center;gap:14px;display:flex}.demo-status{color:#176537;font-size:13px;font-weight:700}.demo-status:before{content:"";background:#32a764;border-radius:50%;width:8px;height:8px;margin-right:7px;display:inline-block}.demo-content{max-width:1260px;margin:0 auto;padding:clamp(28px,4vw,56px)}.demo-hero{justify-content:space-between;align-items:end;gap:32px;display:flex}.demo-hero h1{font-size:clamp(36px,5vw,58px);line-height:1.02}.demo-hero p:last-child{color:var(--muted);max-width:740px;margin:18px 0 0;font-size:17px;line-height:1.6}.demo-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:34px 0 18px;display:grid}.demo-metrics>div,.demo-panel{border:1px solid var(--border);background:#fff;border-radius:18px}.demo-metrics>div{gap:7px;padding:20px;display:grid}.demo-metrics dt,.demo-metrics span{color:var(--muted);font-size:13px}.demo-metrics dd{margin:0;font-size:32px;font-weight:800}.demo-columns{grid-template-columns:minmax(0,1.45fr) minmax(320px,.8fr);gap:18px;margin-bottom:18px;display:grid}.demo-panel{padding:24px}.demo-section-heading{justify-content:space-between;align-items:start;gap:20px;margin-bottom:20px;display:flex}.demo-section-heading .eyebrow{margin-bottom:7px}.demo-section-heading h2,.demo-sections h2{margin:0;font-size:23px}.demo-count{color:var(--accent);background:#f0edff;border-radius:999px;padding:7px 11px;font-size:13px;font-weight:800}.demo-tasks{gap:4px;margin:0;padding:0;list-style:none;display:grid}.demo-tasks li{border-top:1px solid #edf0f5;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:13px;padding:15px 0;display:grid}.demo-tasks li:first-child{border-top:0}.demo-tasks li>span{color:var(--accent);background:#f3f1ff;border-radius:9px;place-items:center;height:30px;font-size:12px;font-weight:800;display:grid}.demo-tasks div{gap:5px;display:grid}.demo-tasks small,.demo-tasks b,.demo-meetings span{color:var(--muted);font-size:12px}.demo-tasks b{font-weight:700}.demo-meetings{gap:14px;display:grid}.demo-meetings article{background:#f8f8fc;border-radius:14px;grid-template-columns:62px minmax(0,1fr);align-items:center;gap:14px;padding:16px;display:grid}.demo-meetings time{color:var(--accent);font-size:13px;font-weight:800;line-height:1.4}.demo-meetings div{gap:6px;display:grid}.demo-link-label{color:var(--accent);font-size:13px;font-weight:700}.demo-campaigns{display:grid}.demo-campaign{border-top:1px solid #edf0f5;grid-template-columns:minmax(210px,1.6fr) minmax(150px,.8fr) minmax(130px,.7fr) 90px;align-items:center;gap:16px;padding:16px 0;display:grid}.demo-campaign--header{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:700}.demo-campaign>span,.demo-campaign time{color:var(--muted);font-size:13px}.demo-campaign>span[data-status]{color:#735600;background:#fff7dd;border-radius:999px;justify-self:start;padding:7px 10px}.demo-campaign>span[data-status=done]{color:#176537;background:#eaf8ef}.demo-guide{margin-top:18px}.demo-guide__steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.demo-guide__steps article{background:#f8f8fc;border-radius:16px;padding:20px}.demo-guide__steps span{color:var(--accent);font-size:13px;font-weight:800}.demo-guide__steps h3,.demo-section-grid h3{margin:16px 0 8px;font-size:17px}.demo-guide__steps p,.demo-section-grid p{color:var(--muted);margin:0;font-size:14px;line-height:1.55}.demo-sections{margin:42px 0}.demo-section-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:20px;display:grid}.demo-section-grid article{border:1px solid var(--border);background:#fff;border-radius:16px;align-items:start;gap:12px;padding:17px;display:grid}.demo-section-grid article>span{color:var(--accent);background:#f0edff;border-radius:10px;place-items:center;width:34px;height:34px;font-size:13px;font-weight:800;display:grid}.demo-section-grid h3{margin-top:0}.demo-footer{border-top:1px solid var(--border);color:var(--muted);justify-content:space-between;align-items:center;gap:24px;padding-top:24px;font-size:13px;display:flex}.demo-footer p{max-width:720px;margin:0}.demo-footer a{color:var(--accent);white-space:nowrap;font-weight:700}@media (max-width:1040px){.demo-shell{grid-template-columns:190px minmax(0,1fr)}.demo-columns,.demo-guide__steps{grid-template-columns:1fr}.demo-metrics,.demo-section-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-campaign{grid-template-columns:minmax(180px,1fr) minmax(130px,.8fr)}}@media (max-width:720px){.demo-shell{display:block}.demo-sidebar{min-height:auto;padding:18px}.demo-nav{margin-inline:-4px;padding:0 4px 4px;display:flex;overflow-x:auto}.demo-nav a{flex:none}.demo-sidebar__note{display:none}.demo-topbar,.demo-topbar__actions,.demo-hero,.demo-footer{flex-direction:column;align-items:stretch}.demo-topbar__actions,.demo-hero{display:flex}.demo-content{padding:24px 16px 36px}.demo-metrics,.demo-section-grid{grid-template-columns:1fr}.demo-campaign,.demo-tasks li{grid-template-columns:32px minmax(0,1fr);align-items:start}.demo-campaign{grid-template-columns:1fr 1fr}.demo-campaign strong{grid-column:1/-1}.demo-tasks li>b{grid-column:2}}