:root{--color-ink:#0f172a;--color-ink-soft:#334155;--color-bg:#f7f4ef;--color-surface:#fff;--color-surface-muted:#f8fafc;--color-border:#d8dee8;--color-border-soft:#e6ebf2;--color-primary:#0f172a;--color-primary-hover:#1e293b;--color-accent:#c46a1a;--color-accent-soft:#fff3e6;--color-success:#0f766e;--color-success-soft:#e6f5f2;--color-info:#2563eb;--color-info-soft:#eff6ff;--color-danger:#b42318;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:var(--portal-font-family,"Avenir Next", "Segoe UI", sans-serif);color:var(--color-ink);background:var(--color-bg)}*{box-sizing:border-box}body{min-height:100vh;margin:0}button,input,textarea{font:inherit}#app-root{--portal-accent:var(--color-primary);--portal-accent-secondary:var(--color-accent);--portal-font-family:"Avenir Next", "Segoe UI", sans-serif}.portal-shell{width:min(1280px,100% - 2rem);margin:0 auto;padding:2rem 0 4rem}.portal-hero{gap:1rem;max-width:46rem;margin-bottom:1.25rem;display:grid}.portal-hero__copy{gap:1rem;display:grid}.portal-hero__copy h1{letter-spacing:0;margin:0;font-size:clamp(2.2rem,4vw,3.5rem);line-height:1.06}.portal-hero__meta{flex-wrap:wrap;justify-content:flex-end;gap:.65rem;display:flex}.eyebrow,.card-label,.metric-label{letter-spacing:.08em;text-transform:uppercase;color:var(--color-ink-soft);margin:0;font-size:.75rem;font-weight:700}.hero-copy,.surface-copy,.portal-loading-copy,.empty-state__copy,.lead-subtitle,.feature-item p{color:var(--color-ink-soft);margin:0;font-size:1rem;line-height:1.65}.hero-pill,.surface-meta{background:var(--color-surface-muted);color:var(--color-ink-soft);border-radius:999px;margin:0;padding:.55rem .8rem;font-size:.88rem}.surface-meta--compact{text-align:center;max-width:12rem}.portal-surface,.dashboard-shell{grid-template-columns:minmax(0,.95fr) minmax(20rem,1.05fr);align-items:start;gap:1.5rem;display:grid}.surface-card{border:1px solid var(--color-border);background:var(--color-surface);border-radius:12px;gap:1.25rem;padding:1.5rem;display:grid;box-shadow:0 10px 28px #1118270d}.surface-header,.settings-panel__header,.settings-history__header,.lead-card__row{justify-content:space-between;align-items:start;gap:1rem;display:flex}.surface-header h2{letter-spacing:0;margin:0;font-size:clamp(1.4rem,2vw,2rem);line-height:1.12}.portal-form,.portal-loading,.empty-state,.feature-list,.lead-list,.settings-panel,.demo-access-list{gap:1rem;display:grid}.auth-mode-switch{background:var(--color-surface-muted);border-radius:999px;gap:.5rem;padding:.25rem;display:inline-flex}.auth-mode-button{appearance:none;color:var(--color-ink-soft);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:.65rem 1rem;font-weight:700;text-decoration:none;transition:background .18s,color .18s,transform .18s}.auth-mode-button:hover{transform:translateY(-1px)}.auth-mode-button.is-active{color:var(--color-ink);background:#fff;box-shadow:0 1px 4px #1118271f}.demo-access-card{border:1px solid var(--color-border);background:var(--color-surface-muted);border-radius:10px;gap:.75rem;padding:.9rem;display:grid}.demo-access-card__header,.portal-dialog__actions{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.demo-access-card__header h3,.portal-dialog h2{color:var(--color-ink);margin:0;line-height:1.12}.demo-access-card__copy{font-size:.88rem;line-height:1.5}.demo-access-card__action{white-space:nowrap}.demo-access-list{gap:.5rem}.demo-access-item{border:1px solid var(--color-border-soft);background:#fff;border-radius:8px;grid-template-columns:minmax(6.5rem,auto) minmax(0,1fr) auto;align-items:center;gap:.6rem;padding:.6rem .65rem;display:grid}.demo-access-item__label{letter-spacing:.04em;text-transform:uppercase;color:var(--color-ink-soft);font-size:.8rem;font-weight:700}.demo-access-item__value{background:var(--color-surface-muted);border:1px solid var(--color-border-soft);white-space:nowrap;color:var(--color-ink);border-radius:6px;margin:0;padding:.45rem .55rem;font-family:Cascadia Code,Fira Code,Consolas,monospace;font-size:.95rem;overflow-x:auto}.demo-access-item__copy{min-width:4.8rem;padding-inline:.95rem}.feature-item{background:var(--color-surface-muted);border:1px solid var(--color-border-soft);border-radius:10px;gap:.45rem;padding:.95rem 1rem;display:grid}.feature-item h3,.portal-loading-title,.empty-state__title,.lead-title,.metric-value,.lead-total{color:var(--color-ink);margin:0}.activity-preview-list{gap:.65rem;display:grid}.activity-preview-row{border:1px solid var(--color-border-soft);background:var(--color-surface-muted);border-radius:10px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:.85rem;padding:.85rem;display:grid}.activity-preview-row h3{color:var(--color-ink);margin:0;font-size:1rem}.activity-preview-row p{color:var(--color-ink-soft);margin:.2rem 0 0;font-size:.92rem}.activity-preview-row strong{color:var(--color-accent);font-size:1rem}.status-pill{white-space:nowrap;border-radius:999px;padding:.35rem .55rem;font-size:.78rem;font-weight:800}.status-pill--new{background:var(--color-success-soft);color:var(--color-success)}.status-pill--info{background:var(--color-info-soft);color:var(--color-info)}.status-pill--follow-up{background:var(--color-accent-soft);color:var(--color-accent)}.settings-preview{border:1px solid var(--color-border);background:var(--color-surface);border-radius:10px;gap:.8rem;padding:1rem;display:grid}.settings-preview dl{gap:.55rem;margin:0;display:grid}.settings-preview div{justify-content:space-between;gap:1rem;display:flex}.settings-preview dt{color:var(--color-ink-soft)}.settings-preview dd{color:var(--color-accent);margin:0;font-weight:800}.field{gap:.45rem;display:grid}.password-toggle{width:fit-content;color:var(--color-ink-soft);cursor:pointer;align-items:center;gap:.55rem;font-size:.92rem;display:inline-flex}.password-toggle input{margin:0}.field-label{color:var(--color-ink);font-size:.92rem;font-weight:600}.field-input{border:1px solid var(--color-border);color:#0f172a;background:#fff;border-radius:8px;width:100%;padding:.95rem 1rem}.field-input:focus,.field-input--multiline:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #1118271f}.field-input--multiline{resize:vertical;min-height:15rem}.field-hint{color:var(--color-ink-soft);font-size:.9rem;line-height:1.5}.primary-button,.secondary-button{appearance:none;cursor:pointer;border:0;border-radius:8px;padding:.9rem 1.15rem;font-weight:700;text-decoration:none;transition:transform .15s,box-shadow .15s}.primary-button{background:var(--color-primary);color:#fff;box-shadow:0 12px 24px #11182724}.secondary-button{background:var(--color-surface-muted);color:var(--color-ink);border:1px solid var(--color-border-soft)}.primary-button:hover{background:var(--color-primary-hover)}.secondary-button--danger{color:var(--color-danger);background:#7f1d1d14}.secondary-button--danger-solid{background:var(--color-danger);color:#fff}.primary-button:hover,.secondary-button:hover{transform:translateY(-1px)}.primary-button:disabled,.secondary-button:disabled{cursor:progress;opacity:.72;transform:none}.portal-loading-bar{background:var(--color-primary);background-size:200% 100%;border-radius:999px;height:.45rem;animation:1.1s linear infinite portal-slide}.portal-feedback{border-radius:8px;margin:0;padding:.8rem 1rem;font-size:.95rem}.portal-feedback--error{color:var(--color-danger);background:#fee2e2e6}.portal-feedback--success{background:var(--color-success-soft);color:var(--color-success)}.portal-dialog-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:20;background:#0f172a6b;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.portal-dialog{border:1px solid var(--color-border);background:var(--color-surface);border-radius:12px;gap:1rem;width:min(100%,32rem);padding:1.4rem;display:grid;box-shadow:0 24px 60px #11182738}.portal-actions{flex-wrap:wrap;justify-content:flex-end;gap:.65rem;display:flex}.portal-app-layout{grid-template-columns:17rem minmax(0,1fr);align-items:start;gap:1.5rem;display:grid}.portal-nav{border:1px solid var(--color-border);background:var(--color-surface);border-radius:12px;gap:1.1rem;padding:1.1rem;display:grid;position:sticky;top:1rem;box-shadow:0 10px 28px #1118270d}.portal-nav__brand{gap:.35rem;display:grid}.portal-nav__brand h2,.portal-nav__brand p{margin:0}.portal-nav__brand h2{font-size:1.05rem;line-height:1.2}.portal-nav__brand p:not(.card-label){color:var(--color-ink-soft);overflow-wrap:anywhere;font-size:.9rem}.portal-nav__links{gap:.45rem;display:grid}.portal-nav__link{color:var(--color-ink-soft);border-radius:8px;padding:.7rem .8rem;font-weight:700;text-decoration:none}.portal-nav__link:hover,.portal-nav__link.is-active{background:var(--color-surface-muted);color:var(--color-ink)}.portal-nav__signout{width:100%}.portal-main,.dashboard-screen,.leads-screen,.settings-screen{gap:1.5rem;display:grid}.dashboard-screen{grid-template-columns:minmax(0,1.05fr) minmax(20rem,.95fr);align-items:start}.metric-grid,.settings-grid,.billing-summary-grid{gap:.9rem;display:grid}.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.settings-grid,.billing-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-card,.billing-summary-card,.settings-version-card,.lead-card{border:1px solid var(--color-border-soft);background:var(--color-surface-muted);border-radius:1.25rem}.metric-card,.billing-summary-card,.lead-card{padding:1rem 1.1rem}.settings-panel{border:1px solid var(--color-border);background:var(--color-surface);border-radius:12px;padding:1.1rem}.billing-panel{border:1px solid var(--color-border);background:var(--color-surface);border-radius:12px;gap:1rem;padding:1.1rem;display:grid}.access-status-card{border:1px solid var(--color-border-soft);background:var(--color-surface-muted);border-radius:10px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.65rem 1rem;padding:1rem;display:grid}.access-status-card h3,.access-status-card p{margin:0}.access-status-card .surface-copy,.access-status-card__note{grid-column:1/-1;font-size:.92rem}.access-status-card__note{color:var(--color-ink-soft)}.settings-version-card{padding:1rem}.metric-value,.billing-summary-card__value,.settings-version-card__value{margin-top:.35rem;font-size:1.3rem;line-height:1.1}.settings-version-card__meta{color:var(--color-ink-soft);margin:.35rem 0 0;font-size:.92rem}.settings-history{gap:.8rem;display:grid}.billing-entitlement-list{gap:.7rem;display:grid}.billing-entitlement{background:var(--color-surface-muted);border:1px solid var(--color-border-soft);border-radius:10px;justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem .95rem;display:flex}.billing-entitlement__label{color:var(--color-ink);font-weight:600}.billing-entitlement__badge{border-radius:999px;padding:.3rem .65rem;font-size:.82rem;font-weight:700}.billing-entitlement__badge.is-allowed{color:var(--color-success);background:#14b8a61f}.billing-entitlement__badge.is-limited{color:var(--color-accent);background:#b453091f}.history-list{gap:.7rem;margin:0;padding:0;list-style:none;display:grid}.history-item{background:var(--color-surface-muted);border:1px solid var(--color-border-soft);border-radius:10px;flex-wrap:wrap;align-items:center;gap:.65rem;padding:.85rem .95rem;display:flex}.history-item__version{color:var(--color-ink);font-weight:700}.history-item__meta{color:var(--color-ink-soft);font-size:.92rem}.history-item__active{color:var(--color-success);background:#14b8a61f;border-radius:999px;margin-left:auto;padding:.3rem .6rem;font-size:.82rem;font-weight:700}.lead-title{font-size:1rem;font-weight:700}.lead-subtitle{margin-top:.25rem;font-size:.94rem}.lead-total{color:var(--color-accent);white-space:nowrap;font-size:1.15rem;font-weight:800}.lead-badges{flex-wrap:wrap;gap:.55rem;display:flex}.lead-badge{background:var(--color-info-soft);color:var(--color-info);border-radius:999px;padding:.45rem .65rem;font-size:.86rem}@keyframes portal-slide{0%{background-position:200% 0}to{background-position:-200% 0}}@media (width<=1080px){.portal-hero,.portal-surface,.dashboard-shell,.portal-app-layout,.dashboard-screen{grid-template-columns:1fr}.portal-nav{position:static}.portal-nav__links{grid-template-columns:repeat(3,minmax(0,1fr))}.portal-hero__meta{justify-content:start}}@media (width<=720px){.portal-shell{width:min(100% - 1rem,1280px);padding-top:2rem}.surface-header,.settings-panel__header,.settings-history__header,.lead-card__row,.demo-access-card__header,.portal-dialog__actions{grid-template-columns:1fr;display:grid}.metric-grid,.settings-grid,.billing-summary-grid{grid-template-columns:1fr}.portal-actions{justify-content:start}.portal-nav__links{grid-template-columns:1fr}.demo-access-item{grid-template-columns:1fr;align-items:start}.demo-access-item__copy{justify-self:start}.billing-entitlement{grid-template-columns:1fr;justify-items:start;display:grid}}