:root{--p8-font-family: system-ui, -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", sans-serif;--p8-font-size-xs: .7rem;--p8-font-size-sm: .8rem;--p8-font-size-md: .9rem;--p8-font-size-lg: 1.05rem;--p8-font-size-xl: 1.25rem;--p8-color-bg: #020617;--p8-color-surface: #020617;--p8-color-surface-elevated: rgba(15, 23, 42, .9);--p8-color-border: #1f2937;--p8-color-border-soft: #374151;--p8-color-text-main: #e5e7eb;--p8-color-text-muted: #9ca3af;--p8-color-text-soft: #6b7280;--p8-color-primary: #10cbb3;--p8-color-primary-soft: rgba(16, 203, 179, .12);--p8-color-success: #22c55e;--p8-color-warning: #fbbf24;--p8-color-danger: #f97373;--p8-radius-sm: 6px;--p8-radius-md: 10px;--p8-radius-lg: 12px;--p8-radius-xl: 16px;--p8-radius-pill: 999px;--p8-shadow-soft: 0 0 0 1px rgba(15, 23, 42, .3);--p8-space-xs: 4px;--p8-space-sm: 8px;--p8-space-md: 12px;--p8-space-lg: 16px;--p8-space-xl: 20px;font-family:var(--p8-font-family);line-height:1.5;font-weight:400;color:var(--p8-color-text-main);background-color:var(--p8-color-bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body,#root{margin:0;padding:0;height:100%}body{background-color:var(--p8-color-bg);color:var(--p8-color-text-main);font-family:var(--p8-font-family)}a{font-weight:500;color:var(--p8-color-primary);text-decoration:none}a:hover{text-decoration:underline}.p8-page{display:flex;flex-direction:column;gap:32px;padding-top:24px;padding-left:32px;padding-right:32px;width:100%;max-width:1320px;margin:0 auto;box-sizing:border-box}button{font-family:inherit;font-size:var(--p8-font-size-md);cursor:pointer;background:none;border:none;padding:0}.p8-button,.p8-button-primary,.p8-button-secondary,.p8-btn-primary,.p8-btn-secondary{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--p8-radius-pill);border:1px solid transparent;padding:.4rem 1rem;font-size:var(--p8-font-size-sm);font-weight:600;line-height:1.2;transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease}.p8-button--primary,.p8-button-primary,.p8-btn-primary{background-color:var(--p8-color-primary);border-color:var(--p8-color-primary);color:var(--p8-color-bg);box-shadow:0 0 0 1px #10cbb326}.p8-button--primary:hover,.p8-button-primary:hover,.p8-btn-primary:hover{border-color:#22d3ee;box-shadow:0 0 0 1px #22d3ee40}.p8-button--primary:disabled,.p8-button-primary:disabled,.p8-btn-primary:disabled{opacity:.6;cursor:default}.p8-button--secondary,.p8-button-secondary,.p8-btn-secondary{background-color:var(--p8-color-bg);border-color:var(--p8-color-border-soft);color:var(--p8-color-text-main);padding:.35rem .9rem;font-weight:500}.p8-button--secondary:hover,.p8-button-secondary:hover,.p8-btn-secondary:hover{border-color:#4b5563;box-shadow:0 0 0 1px #4b55634d}.p8-button--ghost{background-color:transparent;border-color:transparent;color:var(--p8-color-text-muted)}.p8-button--ghost:hover{border-color:var(--p8-color-border-soft);background-color:#0f172ab3}.p8-button:focus,.p8-button:focus-visible,.p8-button-primary:focus,.p8-button-primary:focus-visible,.p8-button-secondary:focus,.p8-button-secondary:focus-visible,.p8-btn-primary:focus,.p8-btn-primary:focus-visible,.p8-btn-secondary:focus,.p8-btn-secondary:focus-visible{outline:2px solid #22d3ee;outline-offset:2px}.p8-onboarding-step .p8-btn-primary,.p8-onboarding-step .p8-btn-secondary,.p8-onboarding-step .p8-button-primary,.p8-onboarding-step .p8-button-secondary,.p8-onboarding-step .p8-button--primary,.p8-onboarding-step .p8-button--secondary{width:auto!important;max-width:none!important;align-self:flex-start}.p8-pill,.p8-chip,.p8-status-chip{display:inline-flex;align-items:center;border-radius:var(--p8-radius-pill);border:1px solid var(--p8-color-border);padding:2px 8px;font-size:var(--p8-font-size-xs);font-weight:500;background-color:var(--p8-color-bg);color:var(--p8-color-text-main)}.p8-pill--primary,.p8-chip--accent,.p8-status-chip--done{border-color:var(--p8-color-primary);background-color:var(--p8-color-primary-soft);color:#a5f3fc}.p8-pill--success{border-color:var(--p8-color-success);background-color:#22c55e26;color:#bbf7d0}.p8-pill--warning,.p8-status-chip--warning,.p8-status-chip--inprogress{border-color:var(--p8-color-warning);background-color:#fbbf2414;color:#facc15}.p8-pill--danger,.p8-status-chip--danger,.p8-status-chip--action{border-color:var(--p8-color-danger);background-color:#f871711a;color:#fecaca}.p8-pill--muted,.p8-status-chip--neutral{border-color:var(--p8-color-border-soft)!important;background-color:var(--p8-color-bg)!important;color:var(--p8-color-text-muted)!important}.p8-chip-link{display:inline-flex;align-items:center;gap:6px;border-radius:var(--p8-radius-pill);border:1px solid var(--p8-color-border);padding:4px 10px;font-size:var(--p8-font-size-xs);color:var(--p8-color-text-main);background-color:var(--p8-color-bg)}.p8-chip-dot{width:6px;height:6px;border-radius:var(--p8-radius-pill);background-color:var(--p8-color-primary)}.p8-chip-row{display:flex;flex-wrap:wrap;gap:8px;font-size:var(--p8-font-size-xs)}.p8-chip--soft{border-color:var(--p8-color-border-soft);background-color:var(--p8-color-bg);color:var(--p8-color-text-main)}.p8-chip-outline{border-radius:var(--p8-radius-pill);border:1px solid var(--p8-color-border);padding:2px 8px;background-color:var(--p8-color-bg);color:var(--p8-color-text-main)}.p8-card{border-radius:var(--p8-radius-lg);border:1px solid var(--p8-color-border);background-color:var(--p8-color-surface);padding:var(--p8-space-xl);display:flex;flex-direction:column;gap:var(--p8-space-sm)}.p8-card--compact{padding:var(--p8-space-md)}.p8-card--hero{border-radius:var(--p8-radius-xl)}.p8-card-title-row{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:4px}.p8-card-title{font-size:var(--p8-font-size-sm);font-weight:500;color:var(--p8-color-text-main)}.p8-card-subtitle{font-size:var(--p8-font-size-xs);color:var(--p8-color-text-soft)}.p8-table{width:100%;border-collapse:collapse;font-size:.75rem}.p8-table th,.p8-table td{padding:6px 4px}.p8-table th{text-align:left;font-weight:500;color:var(--p8-color-text-muted);border-bottom:1px solid var(--p8-color-border)}.p8-table td{color:var(--p8-color-text-main)}.p8-table-cell-right{text-align:right}.p8-chart-container{width:100%;height:260px}.p8-chart-footnote{margin-top:6px;font-size:var(--p8-font-size-xs);color:var(--p8-color-text-soft)}.p8-error-banner{border-radius:var(--p8-radius-sm);padding:8px 12px;font-size:var(--p8-font-size-xs);background-color:#7f1d1dcc;color:#fee2e2}.p8-empty-banner{border-radius:var(--p8-radius-sm);padding:10px 12px;font-size:var(--p8-font-size-xs);border:1px dashed var(--p8-color-border-soft);background-color:var(--p8-color-bg);color:var(--p8-color-text-muted)}.p8-empty-hint{font-size:var(--p8-font-size-xs);color:var(--p8-color-text-muted)}.p8-heading-lg{font-size:var(--p8-font-size-xl);font-weight:600;color:var(--p8-color-text-main)}.p8-heading-md{font-size:var(--p8-font-size-lg);font-weight:600;color:var(--p8-color-text-main)}.p8-heading-sm{font-size:var(--p8-font-size-sm);font-weight:500;color:var(--p8-color-text-main)}.p8-text-muted{color:var(--p8-color-text-muted)}.p8-text-soft{color:var(--p8-color-text-soft)}.p8-label{font-size:var(--p8-font-size-xs);color:var(--p8-color-text-muted);text-transform:uppercase;letter-spacing:.08em}.p8-fade-in{animation:p8FadeIn .14s ease}@keyframes p8FadeIn{0%{opacity:0}to{opacity:1}}.p8-dashboard-root{display:flex;flex-direction:column;gap:32px;padding-top:40px}.p8-dashboard-header{display:flex;justify-content:space-between;align-items:flex-end;gap:16px}.p8-dashboard-header-left{display:flex;flex-direction:column;gap:4px}.p8-dashboard-header-right{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.p8-dashboard-header-actions{display:flex;align-items:center;gap:8px}.p8-dashboard-title{font-size:var(--p8-font-size-xl);font-weight:600;color:var(--p8-color-text-main)}.p8-dashboard-subtitle,.p8-dashboard-range{font-size:var(--p8-font-size-sm);color:var(--p8-color-text-muted)}.p8-dashboard-range-dates{color:var(--p8-color-text-main)}.p8-range-toggle{display:inline-flex;align-items:center;border-radius:var(--p8-radius-pill);padding:2px;background-color:var(--p8-color-bg);border:1px solid var(--p8-color-border)}.p8-range-option{border:none;background:transparent;color:var(--p8-color-text-muted);font-size:var(--p8-font-size-xs);padding:4px 8px;border-radius:var(--p8-radius-pill);cursor:pointer}.p8-range-option-active{background-color:#0f172a;color:var(--p8-color-text-main)}.p8-dashboard-body{display:flex;flex-direction:column;gap:16px}.p8-section{margin-top:0;display:flex;flex-direction:column;gap:8px}.p8-section-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.p8-section-col{min-width:0}.p8-section-cols--flex{display:flex;flex-wrap:wrap;gap:16px}.p8-section-cols--flex .p8-section-col{flex:1 1 260px;min-width:0}.p8-section-row{display:flex!important;flex-wrap:wrap!important;gap:16px!important;align-items:flex-start!important}.p8-section-row>.p8-section-col{flex:1 1 260px!important;min-width:0!important}.p8-section-row .p8-card{display:flex!important;flex-direction:column!important;gap:8px!important;padding:12px 16px!important;min-height:0!important}.p8-section-row .p8-experiment-card,.p8-section-row .p8-impact-card{flex:0 0 auto!important;align-self:flex-start!important;min-height:0!important}.p8-hero-card{border-radius:var(--p8-radius-xl);border:1px solid var(--p8-color-border);background:radial-gradient(circle at top left,var(--p8-color-primary-soft),var(--p8-color-bg));padding:20px;display:flex;flex-direction:column;gap:16px}.p8-hero-header-row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px}.p8-hero-text-block{flex:1 1 260px}.p8-hero-title{font-size:1rem;font-weight:600;color:var(--p8-color-text-main)}.p8-hero-subtitle{font-size:var(--p8-font-size-sm);color:var(--p8-color-text-muted);margin-top:2px}.p8-hero-highlight{flex:0 0 180px;display:flex;flex-direction:column;align-items:flex-end;gap:4px}.p8-hero-highlight-label{font-size:var(--p8-font-size-xs);color:var(--p8-color-text-muted)}.p8-hero-highlight-value{font-size:1.5rem;font-weight:600}.p8-hero-highlight-learning,.p8-hero-highlight-warming,.p8-hero-highlight-nodata{color:var(--p8-color-text-main)}.p8-hero-highlight-up{color:#4ade80}.p8-hero-highlight-down{color:var(--p8-color-danger)}.p8-hero-highlight-flat{color:var(--p8-color-text-main)}.p8-hero-kpi-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}.p8-hero-kpi-item{border-radius:var(--p8-radius-md);border:1px solid var(--p8-color-border);background-color:var(--p8-color-surface-elevated);padding:10px 12px;display:flex;flex-direction:column;gap:2px}.p8-hero-kpi-label{font-size:var(--p8-font-size-xs);color:var(--p8-color-text-muted)}.p8-hero-kpi-value{font-size:var(--p8-font-size-sm);font-weight:500;color:var(--p8-color-text-main)}.p8-grid-4{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.p8-kpi-card{display:flex;flex-direction:column;gap:4px;border-radius:var(--p8-radius-lg);border:1px solid var(--p8-color-border);background-color:var(--p8-color-surface-elevated);padding:12px 14px}.p8-kpi-label{font-size:var(--p8-font-size-xs);font-weight:500;color:var(--p8-color-text-muted)}.p8-kpi-value{font-size:1.05rem;font-weight:600;color:var(--p8-color-text-main)}.p8-experiment-card{border-radius:var(--p8-radius-xl);border:1px solid var(--p8-color-border);background:var(--p8-color-bg);display:flex;flex-wrap:nowrap;align-items:flex-start;gap:16px;padding:12px 16px;min-height:0}.p8-experiment-left,.p8-experiment-right{flex:0 0 auto}.p8-experiment-left{flex:1 1 auto}.p8-experiment-right{max-width:260px}.p8-experiment-left{flex:1 1 260px;display:flex;flex-direction:column;gap:6px}.p8-experiment-right{flex:0 0 220px;display:flex;flex-direction:column;gap:6px}.p8-experiment-chips{display:flex;gap:6px;font-size:var(--p8-font-size-xs)}.p8-experiment-title{font-size:.9rem;font-weight:500;color:var(--p8-color-text-main)}.p8-experiment-summary{font-size:.75rem;color:var(--p8-color-text-muted)}.p8-experiment-progress-header{display:flex;justify-content:space-between;font-size:.75rem;color:var(--p8-color-text-muted)}.p8-progress-bar{width:100%;height:6px;border-radius:var(--p8-radius-pill);background-color:var(--p8-color-bg);border:1px solid var(--p8-color-border);overflow:hidden}.p8-progress-bar-fill{height:100%;border-radius:var(--p8-radius-pill)}.p8-experiment-progress-caption{font-size:var(--p8-font-size-xs);color:var(--p8-color-text-muted)}.p8-experiment-strip{border-radius:var(--p8-radius-xl);border:1px solid var(--p8-color-border);background:radial-gradient(circle at top left,var(--p8-color-primary-soft),var(--p8-color-bg));padding:12px 16px;display:flex;flex-wrap:wrap;gap:16px;align-items:flex-start}.p8-experiment-strip-left{flex:1 1 260px;min-width:0;display:flex;flex-direction:column;gap:6px}.p8-experiment-strip-right{flex:0 0 260px;display:flex;flex-direction:column;gap:6px}.p8-experiment-secondary-metrics{margin-top:4px;display:flex;align-items:baseline;gap:4px;font-size:var(--p8-font-size-xs);color:var(--p8-color-text-soft)}.p8-experiment-secondary-value{font-size:var(--p8-font-size-sm);color:var(--p8-color-text-main)}.p8-impact-card{gap:10px}.p8-impact-main{display:flex;align-items:baseline;gap:8px}.p8-impact-uplift{font-size:1.3rem;font-weight:600;color:var(--p8-color-text-main)}.p8-impact-badge{font-size:.65rem;border-radius:var(--p8-radius-pill);padding:2px 8px;border:1px solid var(--p8-color-border)}.p8-impact-badge-neutral{background-color:var(--p8-color-bg);color:#facc15;border-color:#854d0e}.p8-impact-badge-stable{background-color:#22c55e26;color:#4ade80;border-color:#22c55e}.p8-impact-badge-up{background-color:#22c55e26;border:1px solid #22c55e;color:#bbf7d0}.p8-impact-badge-down{background-color:#f8717126;border:1px solid var(--p8-color-danger);color:#fecaca}.p8-impact-badge-flat{background-color:#94a3b826;border:1px solid #9ca3af;color:var(--p8-color-text-main)}.p8-impact-subtext{font-size:var(--p8-font-size-xs);color:var(--p8-color-text-muted)}.p8-impact-samples{margin-top:4px;font-size:var(--p8-font-size-xs);color:var(--p8-color-text-muted);display:flex;gap:12px}.p8-breakdown-card{gap:8px}.p8-breakdown-table-wrapper{max-height:240px;overflow:auto}.p8-onboarding-root{display:flex;flex-direction:column;gap:24px;padding-top:40px;align-items:flex-start}.p8-onboarding-header,.p8-onboarding-live-card,.p8-onboarding-steps{width:100%;max-width:900px;box-sizing:border-box}.p8-onboarding-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.p8-onboarding-header-left{display:flex;flex-direction:column;gap:4px}.p8-onboarding-header-right{display:flex;align-items:center;justify-content:flex-end}.p8-onboarding-title{font-size:1.1rem;font-weight:600;color:var(--p8-color-text-main)}.p8-onboarding-subtitle{font-size:var(--p8-font-size-sm);color:var(--p8-color-text-muted)}.p8-readiness-pill{display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:var(--p8-radius-pill);padding:4px 10px;font-size:.7rem;font-weight:600;border:1px solid var(--p8-color-border);background-color:var(--p8-color-bg);color:var(--p8-color-text-main)}.p8-readiness-pill--ready{border-color:var(--p8-color-primary);background-color:var(--p8-color-primary-soft);color:#67e8f9}.p8-readiness-pill--almost{border-color:var(--p8-color-warning);background-color:#fbbf2414;color:#facc15}.p8-readiness-pill--progress,.p8-readiness-pill--inprogress{border-color:var(--p8-color-border-soft);background-color:var(--p8-color-bg);color:var(--p8-color-text-muted)}.p8-readiness-dot{width:7px;height:7px;border-radius:var(--p8-radius-pill);background-color:#22c55e}.p8-readiness-pill--almost .p8-readiness-dot{background-color:#eab308}.p8-readiness-pill--progress .p8-readiness-dot,.p8-readiness-pill--inprogress .p8-readiness-dot{background-color:#64748b}.p8-readiness-text{white-space:nowrap}.p8-onboarding-loading-card{max-width:640px;margin:80px auto 0;gap:4px}.p8-onboarding-loading-inline{max-width:900px;margin-top:12px}.p8-onboarding-loading-title{font-size:1rem;font-weight:600}.p8-onboarding-loading-text{font-size:var(--p8-font-size-sm);color:var(--p8-color-text-muted)}.p8-onboarding-error-card{max-width:900px;margin-top:12px;border-color:#ff5c5c66;background:linear-gradient(135deg,#ff5c5c29,#050816f5)}.p8-onboarding-error-title{font-size:.85rem;font-weight:600}.p8-onboarding-error-text{font-size:var(--p8-font-size-sm);color:var(--p8-color-text-main)}.p8-onboarding-empty-card{max-width:900px;margin-top:12px}.p8-onboarding-empty-text{font-size:var(--p8-font-size-sm);color:var(--p8-color-text-muted)}.p8-onboarding-banner{display:flex;flex-direction:column;gap:12px;border-radius:14px;background:radial-gradient(circle at top left,rgba(16,203,179,.16),var(--p8-color-bg))}.p8-onboarding-banner-main{display:flex;justify-content:space-between;align-items:center;gap:16px}.p8-onboarding-banner-text{display:flex;flex-direction:column;gap:4px}.p8-onboarding-banner-title{font-size:.95rem;font-weight:600;color:var(--p8-color-text-main)}.p8-onboarding-banner-subtitle{font-size:var(--p8-font-size-sm);color:var(--p8-color-text-muted)}.p8-onboarding-banner-actions{display:flex;align-items:center;justify-content:flex-end}.p8-onboarding-live-card{margin-top:16px}.p8-onboarding-steps{margin-top:20px;display:flex;flex-direction:column;gap:16px;max-width:900px}.p8-onboarding-step-card{padding:16px 18px;gap:10px}.p8-onboarding-step{padding:18px 20px;display:flex;flex-direction:column;gap:12px}.p8-onboarding-step-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:8px}.p8-onboarding-step-header-left{display:flex;flex-direction:column;gap:4px}.p8-onboarding-step-title{font-size:.85rem;color:var(--p8-color-text-main)}.p8-onboarding-step-prefix{font-weight:400}.p8-onboarding-step-name{font-weight:600}.p8-onboarding-step-subtitle{font-size:.75rem;color:var(--p8-color-text-muted);margin-top:2px}.p8-onboarding-step-status{display:flex;align-items:center}.p8-onboarding-step-body{font-size:var(--p8-font-size-sm);color:var(--p8-color-text-main);display:flex;flex-direction:column;gap:8px;margin-top:4px}.p8-onboarding-step-actions{margin-top:10px}.p8-onboarding-step-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:10px}.p8-onboarding-subcard{border-radius:var(--p8-radius-md);border:1px solid var(--p8-color-border);background-color:var(--p8-color-surface-elevated);padding:10px 12px;display:flex;flex-direction:column;gap:4px}.p8-onboarding-subcard-title{font-size:var(--p8-font-size-sm);font-weight:500;color:var(--p8-color-text-main)}.p8-onboarding-subcard-body,.p8-onboarding-subcard-text{font-size:var(--p8-font-size-xs);color:var(--p8-color-text-muted)}.p8-onboarding-experiment-layout{margin-top:12px;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.p8-onboarding-experiment-left{display:flex;flex-direction:column;gap:10px}.p8-onboarding-experiment-right{border-radius:var(--p8-radius-md);border:1px dashed rgba(16,203,179,.7);background:radial-gradient(circle at top,#10cbb32e,#0f172a);padding:8px 10px;display:flex;flex-direction:column;gap:6px}.p8-onboarding-experiment-copy{display:flex;flex-direction:column;gap:4px}.p8-onboarding-experiment-title{font-size:var(--p8-font-size-sm);font-weight:500;color:var(--p8-color-text-main)}.p8-onboarding-experiment-subtitle{font-size:var(--p8-font-size-xs);color:var(--p8-color-text-muted)}.p8-onboarding-experiment-progress{margin-top:6px;display:flex;flex-direction:column;gap:4px}.p8-onboarding-metrics-row{margin-top:8px;display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}.p8-onboarding-metric{border-radius:var(--p8-radius-md);border:1px solid var(--p8-color-border);background-color:var(--p8-color-surface-elevated);padding:8px 10px;display:flex;flex-direction:column;gap:2px}.p8-onboarding-metric-label{font-size:var(--p8-font-size-xs);color:var(--p8-color-text-muted)}.p8-onboarding-metric-value{font-size:var(--p8-font-size-sm);font-weight:500;color:var(--p8-color-text-main)}.p8-onboarding-experiment-strip{margin-top:10px;padding:10px 12px;border-radius:var(--p8-radius-md);border:1px solid var(--p8-color-border);background-color:#0c132ae6;display:flex;flex-direction:column;gap:8px}.p8-onboarding-experiment-metrics{margin-top:6px;display:flex;flex-wrap:wrap;gap:12px}.p8-onboarding-metric-card{min-width:140px;padding:8px 10px;border-radius:var(--p8-radius-md);border:1px solid var(--p8-color-border);background-color:var(--p8-color-surface-elevated)}.p8-progress-bar--onboarding{margin-top:4px}.p8-progress-bar-fill--accent{background:linear-gradient(90deg,var(--p8-color-primary),#35e6c8)}.p8-onboarding-strategy-wrapper{margin-top:12px}.p8-onboarding-strategy-panel{border-radius:var(--p8-radius-lg);border:1px solid rgba(148,163,184,.35);background:linear-gradient(135deg,#10cbb324,#0f172af5);padding:12px 14px;display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:12px}.p8-onboarding-strategy-left{display:flex;flex-direction:column;gap:8px}.p8-onboarding-strategy-label{font-size:var(--p8-font-size-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--p8-color-text-muted)}.p8-onboarding-strategy-heading{display:flex;flex-wrap:wrap;gap:6px}.p8-onboarding-strategy-summary{font-size:var(--p8-font-size-xs);color:var(--p8-color-text-muted)}.p8-onboarding-strategy-metrics{display:flex;flex-wrap:wrap;gap:10px;margin-top:2px}.p8-onboarding-strategy-next{padding:8px 10px;border-radius:var(--p8-radius-md);border:1px solid rgba(16,203,179,.4);background:radial-gradient(circle at top,#10cbb32e,#0f172a);display:flex;flex-direction:column;justify-content:space-between;gap:8px}.p8-onboarding-strategy-next-label{font-size:var(--p8-font-size-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--p8-color-text-muted);margin-bottom:2px}.p8-onboarding-strategy-next-text{font-size:var(--p8-font-size-sm);color:var(--p8-color-text-main);line-height:1.4}.p8-onboarding-strategy-next-cta{display:flex;justify-content:flex-end}.p8-onboarding-step-text{font-size:var(--p8-font-size-sm);color:var(--p8-color-text-main)}.p8-blueprint-header-meta{margin-bottom:4px}.p8-blueprint-add-row{display:flex;align-items:center;gap:var(--p8-space-sm);margin-top:var(--p8-space-sm);margin-bottom:2px}.p8-blueprint-add-select{font-family:var(--p8-font-family);font-size:var(--p8-font-size-xs);padding:4px 10px;border-radius:var(--p8-radius-pill);border:1px solid var(--p8-color-border-soft);background-color:var(--p8-color-surface-elevated);color:var(--p8-color-text-main)}.p8-blueprint-add-select:focus{outline:2px solid #22d3ee;outline-offset:2px}.p8-blueprint-add-hint{font-size:var(--p8-font-size-xs)}.p8-blueprint-list{list-style:none;padding:0;margin:var(--p8-space-md) 0 var(--p8-space-xs);display:flex;flex-direction:column;gap:var(--p8-space-xs)}.p8-blueprint-item{display:flex;justify-content:space-between;align-items:stretch;gap:var(--p8-space-sm);padding:8px 10px;border-radius:var(--p8-radius-md);border:1px solid var(--p8-color-border);background:radial-gradient(circle at top left,var(--p8-color-primary-soft),var(--p8-color-bg))}.p8-blueprint-item-main{display:flex;align-items:center;gap:var(--p8-space-sm);min-width:0;flex:1}.p8-blueprint-position{min-width:26px;height:26px;border-radius:var(--p8-radius-pill);border:1px solid rgba(16,203,179,.8);display:inline-flex;align-items:center;justify-content:center;font-size:var(--p8-font-size-sm);font-weight:600;color:var(--p8-color-primary);background-color:var(--p8-color-bg)}.p8-blueprint-text-block{display:flex;flex-direction:column;min-width:0;gap:2px}.p8-blueprint-meta,.p8-blueprint-new-entry{font-size:var(--p8-font-size-xs)}.p8-blueprint-right{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0}.p8-blueprint-reorder{display:flex;flex-direction:column;gap:4px}.p8-blueprint-reorder-btn{width:22px;height:22px;padding:0;font-size:var(--p8-font-size-xs);border-radius:var(--p8-radius-pill)}.p8-blueprint-remove-btn{padding:0 6px;font-size:var(--p8-font-size-xs)}.p8-blueprint-controls-right{display:flex;align-items:center;gap:6px}.p8-blueprint-enabled-toggle{display:inline-flex;align-items:center;gap:4px;font-size:var(--p8-font-size-xs)}.p8-blueprint-enabled-toggle input{cursor:pointer}.p8-blueprint-targeting-btn{font-size:var(--p8-font-size-xs);padding-inline:10px}.p8-blueprint-remove-btn{font-size:var(--p8-font-size-sm);padding:0 8px}.p8-blueprint-badges{display:flex;align-items:center;gap:6px}.p8-blueprint-save-row{margin-top:var(--p8-space-md);padding-top:var(--p8-space-sm);border-top:1px solid var(--p8-color-border);display:flex;justify-content:space-between;align-items:center;gap:var(--p8-space-md)}.p8-blueprint-save-text{font-size:var(--p8-font-size-xs)}.p8-blueprint-save-btn{min-width:160px;justify-content:center;transition:color .12s ease,background-color .12s ease}.p8-blueprint-gap-list{list-style:none;margin:var(--p8-space-sm) 0 0;padding:0;display:flex;flex-direction:column;gap:4px}.p8-blueprint-gap-item{display:flex;justify-content:space-between;align-items:center;gap:var(--p8-space-sm);padding:6px 8px;border-radius:var(--p8-radius-sm);border:1px solid var(--p8-color-border);background-color:var(--p8-color-surface-elevated);font-size:var(--p8-font-size-sm)}.p8-blueprint-insights-row{margin-top:var(--p8-space-md);display:flex;justify-content:space-between;align-items:center;gap:var(--p8-space-md)}.p8-blueprint-debug-pre{font-size:var(--p8-font-size-xs);color:var(--p8-color-text-main);max-height:220px;overflow:auto;margin:0}.p8-blueprint-debug{margin-top:var(--p8-space-sm);border-style:dashed;opacity:.9}.p8-insights-root .p8-page-header{margin-bottom:1.5rem}.p8-kpi-row--4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.p8-kpi--compact .p8-kpi-label{font-size:.8rem}.p8-kpi--compact .p8-kpi-value{margin:.15rem 0;font-size:1.1rem;font-weight:600}.p8-kpi--compact .p8-kpi-caption{margin-top:.15rem}.p8-section-cols--balanced{align-items:stretch}.p8-section-cols--balanced .p8-section-col{display:flex;flex-direction:column;gap:1rem}.p8-section-cols--balanced .p8-section-col>.p8-card{height:100%}.p8-card-footer--right{display:flex;justify-content:flex-end}.p8-insights-root .p8-card{border-color:#ffffff0f}.p8-kpi-strip{display:grid;gap:.85rem}@media(min-width:1024px){.p8-kpi-strip{grid-template-columns:repeat(4,minmax(0,1fr))}}.p8-kpi{border-radius:.75rem;border:1px solid #111827;background:radial-gradient(circle at top left,#020617,#020617 60%);padding:.7rem .85rem;display:flex;flex-direction:column;gap:.2rem}.p8-kpi-compact{padding:.6rem .75rem}.p8-kpi-header{display:flex;align-items:center;justify-content:space-between;gap:.3rem}.p8-kpi-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:#6b7280}.p8-kpi-value{font-size:1rem;font-weight:600;color:#e5e7eb}.p8-kpi-sublabel{font-size:.75rem;color:#9ca3af}.p8-kpi-success{border-color:#10cbb373;background:radial-gradient(circle at top left,#022c22,#020617 65%)}.p8-kpi-warning{border-color:#facc1566}.p8-kpi-danger{border-color:#f8717180}.p8-tooltip-wrapper{position:relative;display:inline-flex;align-items:center;justify-content:center}.p8-tooltip-icon{color:#6b7280;cursor:default}.p8-kpi-info-dot{width:.5rem;height:.5rem;border-radius:999px;border:1px solid #4b5563;background:#020617}.p8-tooltip-wrapper:hover .p8-tooltip-bubble{opacity:1;transform:translateY(0);pointer-events:auto}.p8-tooltip-bubble{position:absolute;bottom:calc(100% + .4rem);left:0;max-width:260px;padding:.4rem .55rem;border-radius:.45rem;background:#020617;border:1px solid #111827;color:#e5e7eb;font-size:.75rem;line-height:1.3;opacity:0;transform:translateY(2px);transition:opacity .12s ease-out,transform .12s ease-out;pointer-events:none;z-index:30}.p8-tooltip-bubble-right{right:0;left:auto}@keyframes p8-skeleton-pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.p8-skeleton{background:linear-gradient(90deg,#020617,#111827,#020617);background-size:200% 100%;animation:p8-skeleton-pulse 1.3s ease-in-out infinite}.p8-page-tabs{display:flex;gap:.35rem;margin-bottom:.9rem;border-bottom:1px solid #111827}.p8-page-tab{border:1px solid transparent;border-radius:999px;padding:.3rem .9rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:#6b7280;background:transparent;cursor:pointer}.p8-page-tab:hover{color:#e5e7eb;border-color:#111827}.p8-page-tab-active{border-color:#10cbb373;color:#e5e7eb;background:radial-gradient(circle at top left,#10cbb314,#020617)}
