:root{--magpye-gradient: linear-gradient(135deg, #7460a8 0%, #6a68ac 50%, #6270b0 100%);--magpye-gradient-hover: linear-gradient(135deg, #6858a0 0%, #6060a4 50%, #5868a8 100%);--magpye-primary: #6c68aa;--magpye-primary-light: rgba(108, 104, 170, .08);--magpye-primary-border: rgba(108, 104, 170, .15);--magpye-positive: #8cd896;--magpye-critical: #e5484d;--magpye-gradient-success: linear-gradient(155deg, #cae5a4 0%, #b5ecae 30%, #adebb3 55%, #a6e7ba 80%, #a0e4c2 100%);--magpye-motion-quick: .14s;--magpye-motion-normal: .22s;--magpye-motion-slow: .32s;--magpye-motion-ease: cubic-bezier(.22, 1, .36, 1);--magpye-card-radius: 16px;--magpye-card-border: 1px solid #e3e8ef;--magpye-card-bg: var(--p-color-bg-surface, #fff);--magpye-card-padding: 2rem;--magpye-card-shadow: 0 2px 8px rgba(16, 24, 40, .06), 0 1px 3px rgba(16, 24, 40, .04);--magpye-card-shadow-hover: 0 10px 24px rgba(16, 24, 40, .12), 0 2px 6px rgba(16, 24, 40, .06);--magpye-card-transition: box-shadow .2s ease, transform .2s ease;--magpye-analytics-surface: #ffffff;--magpye-analytics-ink: #1a1c1e;--magpye-analytics-muted-ink: #6b7280;--magpye-analytics-neutral: #919eab;--magpye-analytics-border: #d8dee8;--magpye-analytics-grid: #e6eaf0;--magpye-analytics-axis: #626e7c;--magpye-analytics-cursor: #cdd5e0;--magpye-analytics-positive: var(--magpye-positive);--magpye-analytics-critical: var(--magpye-critical);--magpye-analytics-warning: #F8B195;--magpye-analytics-series-primary: #6c68aa;--magpye-analytics-series-neutral: #a098ad;--magpye-analytics-tier-1: #3c3854;--magpye-analytics-tier-2: #504c68;--magpye-analytics-tier-3: #64607c;--magpye-analytics-tier-4: #787490;--magpye-analytics-tier-5: #8c8aa4;--magpye-analytics-tier-6: #a4a2b8;--magpye-analytics-tier-7: #bcbacc;--magpye-analytics-tier-8: #d4d2de;--magpye-analytics-funnel-1: #3c3854;--magpye-analytics-funnel-2: #64607c;--magpye-analytics-funnel-3: #787490;--magpye-analytics-funnel-4: #8c8aa4;--magpye-analytics-funnel-5: #a4a2b8;--magpye-analytics-funnel-6: #bcbacc;--magpye-analytics-value-1: #3c3854;--magpye-analytics-value-2: #64607c;--magpye-analytics-value-3: #787490;--magpye-analytics-value-4: #8c8aa4;--magpye-analytics-value-5: #a4a2b8;--magpye-analytics-value-6: #bcbacc;--magpye-analytics-value-7: #d4d2de;--magpye-analytics-score-1: #d4d2de;--magpye-analytics-score-2: #a4a2b8;--magpye-analytics-score-3: #8c8aa4;--magpye-analytics-score-4: #787490;--magpye-analytics-score-5: #3c3854;--magpye-analytics-hot-1: #C06C84;--magpye-analytics-hot-2: #d26e83;--magpye-analytics-hot-3: #e47081;--magpye-analytics-hot-4: #e5484d;--magpye-analytics-hot-5: #f78a8e;--magpye-analytics-hot-6: #f89c8e;--magpye-analytics-hot-7: #F8B195;--magpye-analytics-hot-8: #f9c4a8;--magpye-analytics-hover-overlay: rgba(30, 27, 75, .07);--magpye-analytics-tooltip-shadow: 0 8px 20px rgba(16, 24, 40, .08);--p-color-text-success: #2c6b3a;--p-color-icon-success: #5a9e66;--p-color-bg-fill-success: #adebb3;--p-color-bg-fill-success-secondary: #d4f2d0;--p-color-bg-fill-success-active: #9ae0a2;--p-color-bg-surface-success: rgba(173, 235, 179, .14);--p-color-bg-surface-success-hover: rgba(173, 235, 179, .22);--p-color-bg-surface-success-active: rgba(173, 235, 179, .3);--p-color-border-success: #adebb3}.magpye-primary-action{background:var(--magpye-gradient)!important;border:none!important;color:#fff!important;font-weight:600!important;box-shadow:0 2px 4px #6c68aa33!important;transition:all .2s ease!important}.magpye-primary-action:hover{background:var(--magpye-gradient-hover)!important;box-shadow:0 4px 8px #6c68aa4d!important;transform:translateY(-1px)!important}.magpye-premium-card{box-shadow:0 4px 6px #0000000d,0 1px 3px #0000001a!important;border-radius:8px!important;border:1px solid var(--magpye-primary-border)!important;transition:all .2s ease}.magpye-premium-card:hover{box-shadow:0 8px 25px #0000001a,0 4px 10px #0000000d!important;transform:translateY(-2px)}.magpye-welcome-card{background:linear-gradient(135deg,#fff,#f9fafb)!important;border-left:4px solid var(--magpye-primary)!important;box-shadow:0 4px 6px #0000000d,0 1px 3px #0000001a!important}.magpye-kpi-card{background:linear-gradient(135deg,#fff,#f9fafb)!important;border-left:3px solid var(--magpye-primary)!important;box-shadow:0 2px 4px #0000000a,0 1px 2px #0000000f!important;border-radius:6px!important;transition:all .2s ease}.magpye-kpi-card:hover{box-shadow:0 4px 8px #00000014,0 2px 4px #0000000f!important;transform:translateY(-1px)}.magpye-kpi-number{font-size:2rem!important;font-weight:700!important;color:var(--magpye-primary)!important;line-height:1.2!important}.magpye-kpi-trend-up{color:var(--magpye-positive)!important;font-weight:600!important}.magpye-kpi-trend-down{color:var(--magpye-critical)!important;font-weight:600!important}.magpye-kpi-trend-neutral{color:#616161!important;font-weight:500!important}.magpye-progress-container{background:linear-gradient(135deg,#fff,#f8f9ff)!important;border:1px solid var(--magpye-primary-border)!important;border-radius:8px!important;padding:1.5rem!important}.magpye-gradient-progress{background:var(--magpye-gradient)!important;border-radius:8px!important;height:8px!important}.magpye-progress-bar{background:#e8eaed!important;border-radius:8px!important;overflow:hidden!important}.magpye-progress-percentage{background:var(--magpye-gradient)!important;color:#fff!important;padding:.25rem .75rem!important;border-radius:12px!important;font-size:.875rem!important;font-weight:600!important;display:inline-block!important}.magpye-icon-badge{background:var(--magpye-gradient)!important;color:#fff!important;padding:.75rem!important;border-radius:12px!important;font-size:.875rem!important;font-weight:600!important;display:inline-block!important}.magpye-integration-card{transition:var(--magpye-card-transition);border-radius:var(--magpye-card-radius)!important;box-shadow:var(--magpye-card-shadow)!important}.magpye-integration-card:hover{transform:translateY(-1px);box-shadow:var(--magpye-card-shadow-hover)!important}.magpye-integration-connected{border-left:4px solid var(--magpye-positive)!important;background:linear-gradient(90deg,rgba(173,235,179,.08) 0%,transparent 100%)!important}.magpye-integration-pending{border-left:4px solid var(--magpye-primary)!important;background:linear-gradient(90deg,var(--magpye-primary-light) 0%,transparent 100%)!important}.magpye-integration-error{border-left:4px solid var(--magpye-critical)!important;background:linear-gradient(90deg,rgba(229,72,77,.05) 0%,transparent 100%)!important}.magpye-status-connected{border-left:4px solid var(--magpye-positive)}.magpye-status-pending{border-left:4px solid var(--magpye-primary)}.magpye-status-error{border-left:4px solid var(--magpye-critical)}.magpye-status-badge-connected{background:var(--magpye-positive)!important;color:#fff!important}.magpye-status-badge-pending{background:var(--magpye-primary)!important;color:#fff!important}.magpye-status-badge-error{background:var(--magpye-critical)!important;color:#fff!important}.magpye-active-nav{border-left:3px solid var(--magpye-primary);background:var(--magpye-primary-light)}.magpye-support-card{background:linear-gradient(135deg,#fff7e6,#fef3e2)!important;border:1px solid #fbbf24!important;border-radius:8px!important;box-shadow:0 2px 4px #fbbf241a!important}.magpye-button-secondary button{background:#f59e0b!important;color:#fff!important;border:none!important;font-weight:600!important;box-shadow:0 2px 4px #f59e0b33!important;transition:all .2s ease!important}.magpye-button-secondary button:hover{background:#d97706!important;box-shadow:0 4px 8px #f59e0b4d!important;transform:translateY(-1px)!important}.magpye-activity-item{padding:.75rem!important;border-radius:6px!important;border-left:3px solid #e5e7eb!important;background:#f9fafb!important;margin-bottom:.5rem!important;transition:all .2s ease}.magpye-activity-item:hover{border-left-color:var(--magpye-primary)!important;background:#f3f4f6!important}.magpye-activity-success{border-left-color:var(--magpye-positive)!important;background:#adebb314!important}.magpye-activity-error{border-left-color:var(--magpye-critical)!important;background:#e5484d0d!important}.magpye-masked-field{position:relative}.magpye-show-button{background:transparent!important;border:none!important;color:var(--magpye-primary)!important;font-size:.875rem!important;font-weight:500!important;padding:.25rem .5rem!important}.magpye-show-button:hover{background:var(--magpye-primary-light)!important}.magpye-loading{color:var(--magpye-primary)}@keyframes magpye-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.magpye-routeTransitionBar{position:sticky;top:0;z-index:30;height:2px;width:100%;background:transparent}.magpye-routeTransitionBar__indicator{height:100%;width:40%;border-radius:999px;background:var(--magpye-gradient);animation:magpye-route-progress .9s ease-in-out infinite;transform-origin:left;opacity:.9}@keyframes magpye-route-progress{0%{transform:translate(-60%) scaleX(.7);opacity:.55}50%{transform:translate(60%) scaleX(1);opacity:.9}to{transform:translate(160%) scaleX(.7);opacity:.55}}@media(prefers-reduced-motion:reduce){.magpye-routeTransitionBar__indicator{animation:none!important;width:100%;transform:none;opacity:.6}}@media(max-width:768px){.magpye-integration-card{margin-bottom:1rem}.magpye-primary-action,.magpye-gradient-button{width:100%;margin-bottom:.5rem}.magpye-kpi-number{font-size:1.5rem!important}.magpye-premium-card{margin-bottom:1rem}}.magpye-primary-action:focus,.magpye-gradient-button:focus{outline:2px solid var(--magpye-primary)!important;outline-offset:2px!important}.magpye-kpi-card:focus-within{outline:2px solid var(--magpye-primary)!important;outline-offset:2px!important}.magpye-dashboard-card .Polaris-Card{border-radius:14px;transition:box-shadow .16s ease}.magpye-dashboard-bannerTrigger{border-radius:12px;cursor:pointer;outline:none}.magpye-dashboard-banner:hover .Polaris-Card{box-shadow:0 10px 26px #10182814,0 2px 6px #1018280f}.magpye-dashboard-banner:focus-within .Polaris-Card{box-shadow:0 0 0 2px #6c68aa73,0 10px 26px #10182814}.magpye-dashboard-bannerButton{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;padding:0;margin:0;text-align:left;cursor:pointer;display:block;width:100%}.magpye-dashboard-bannerButton:focus{outline:none}.magpye-checklist-row,.magpye-dashboard-stepRow{transition:background-color .16s ease;text-align:left}.magpye-checklist-row:hover,.magpye-dashboard-stepRow:hover{background-color:var(--p-color-bg-surface-secondary)}.magpye-checklist-row:focus-within{outline:none;box-shadow:inset 0 0 0 2px #6c68aa40}.magpye-checklist-leadingBadge{transition:background-color .16s ease,border-color .16s ease}.magpye-checklist-row:hover .magpye-checklist-leadingBadge{background:var(--p-color-bg-surface);border-color:var(--p-color-border-secondary)}.magpye-checklist-row ul{margin:6px 0 0;padding-left:18px}.magpye-checklist-row li{margin:4px 0}.magpye-checklist-row li::marker{color:var(--p-color-text-subdued)}.magpye-dashboard-stepStatusIcon{display:inline-flex;align-items:center;justify-content:center;opacity:.9}.magpye-dashboard-stepLeadingIcon{color:var(--p-color-text-subdued);stroke:currentColor;stroke-width:1.8px;fill:none}.magpye-dashboard-editPill .Polaris-Button{padding:4px 8px}.magpye-dashboard-kpi{width:100%;min-width:0;max-width:none}.magpye-dashboard-kpiPanel{height:100%;transition:box-shadow .16s ease}.magpye-dashboard-kpiPanel--skeleton{height:140px;border-radius:12px;background:linear-gradient(90deg,#f0f0f0 25%,#e6e6e6,#f0f0f0 75%);background-size:200% 100%;animation:magpye-shimmer 2s infinite}.magpye-analytics-shell{max-width:1480px}.magpye-analytics-panel .Polaris-Card{border-radius:14px;transition:box-shadow var(--magpye-motion-normal) var(--magpye-motion-ease),transform var(--magpye-motion-normal) var(--magpye-motion-ease)}.magpye-analytics-panel:hover .Polaris-Card{box-shadow:0 8px 20px #1018280f,0 1px 4px #1018280d;transform:translateY(-1px)}.magpye-analytics-panelAction{flex-shrink:0}.magpye-analytics-rangeSelector .Polaris-Button{transition:transform var(--magpye-motion-quick) var(--magpye-motion-ease),box-shadow var(--magpye-motion-quick) var(--magpye-motion-ease)}.magpye-analytics-rangeSelector .Polaris-Button:hover{transform:translateY(-1px)}.magpye-analytics-statCard>.Polaris-Box{border-radius:14px;min-height:212px;transition:box-shadow var(--magpye-motion-normal) var(--magpye-motion-ease),transform var(--magpye-motion-normal) var(--magpye-motion-ease)}.magpye-analytics-statCard:hover>.Polaris-Box{box-shadow:0 8px 20px #1018280f,0 1px 4px #1018280d;transform:translateY(-1px)}.magpye-analytics-statCard--compact>.Polaris-Box{border-radius:12px;min-height:auto}.magpye-analytics-statTooltip,.magpye-analytics-miniMetricTooltip{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;padding:0;margin:0;cursor:help;display:inline-flex;align-items:center;justify-content:center;opacity:.75;border-radius:6px}.magpye-analytics-statTooltip:hover,.magpye-analytics-miniMetricTooltip:hover{opacity:1}.magpye-analytics-statTooltip:focus-visible,.magpye-analytics-miniMetricTooltip:focus-visible{outline:2px solid rgba(108,104,170,.5);outline-offset:2px}.magpye-analytics-chipMetric{border:1px solid var(--p-color-border-secondary);border-radius:10px;background:var(--p-color-bg-surface);padding:10px 12px}.magpye-analytics-miniMetric{border-radius:10px;transition:transform var(--magpye-motion-normal) var(--magpye-motion-ease),box-shadow var(--magpye-motion-normal) var(--magpye-motion-ease)}.magpye-analytics-miniMetric:hover{transform:translateY(-1px)}.magpye-analytics-miniMetricLabel{text-transform:uppercase;letter-spacing:.05em;font-size:11px;line-height:16px;font-weight:500;color:var(--p-color-text-subdued)}.magpye-analytics-numeric{font-variant-numeric:tabular-nums;letter-spacing:-.01em}.magpye-analytics-freshness{display:inline-flex;align-items:center;gap:5px;font-size:12px;line-height:16px;color:var(--p-color-text-subdued)}.magpye-analytics-statusDot{display:inline-block;width:6px;height:6px;border-radius:999px;background:var(--magpye-analytics-positive);box-shadow:0 0 0 2px #adebb333}.magpye-analytics-statusDot--loading{background:var(--magpye-analytics-series-primary);box-shadow:0 0 0 3px #5c6ac424;animation:magpye-status-pulse 1.4s var(--magpye-motion-ease) infinite}@keyframes magpye-status-pulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.15);opacity:1}}.magpye-analytics-contentGrid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(320px,1fr);gap:16px;align-items:start}.magpye-analytics-mainColumn,.magpye-analytics-sideColumn{display:grid;gap:16px;align-content:start}.magpye-analytics-emptyChart .Polaris-Box{min-height:86px;display:flex;align-items:center;background:linear-gradient(180deg,#6c68aa0a,#6c68aa03)}.magpye-analytics-chartBoundary .Polaris-Box{border-radius:12px}.magpye-analytics-chartReveal{animation:magpye-chart-fade-in var(--magpye-motion-slow) var(--magpye-motion-ease) both}@keyframes magpye-chart-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.magpye-analytics-tabContent{animation:magpye-tab-crossfade var(--magpye-motion-normal) var(--magpye-motion-ease) both}@keyframes magpye-tab-crossfade{0%{opacity:0}to{opacity:1}}.magpye-analytics-panelLoading{position:relative}.magpye-analytics-panelLoading:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:14px;background:#fff9;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);z-index:2;animation:magpye-panel-shimmer 1.2s var(--magpye-motion-ease) infinite}.magpye-analytics-panelLoadingLabel{margin:0 0 8px;color:var(--p-color-text-subdued);font-size:12px;line-height:16px}@keyframes magpye-panel-shimmer{0%,to{opacity:.5}50%{opacity:.8}}@media(prefers-color-scheme:dark){.magpye-analytics-panelLoading:after{background:#1e1e1e99}.magpye-dashboard-bannerTrigger:hover .Polaris-Card{box-shadow:0 12px 28px #00000073,0 2px 8px #00000059}.magpye-dashboard-kpiPanel--skeleton{background:linear-gradient(90deg,#222 25%,#2d2d2d,#222 75%)}.magpye-analytics-panel:hover .Polaris-Card{box-shadow:0 8px 24px #00000059,0 2px 8px #00000047}}@media(max-width:1199px){.magpye-analytics-contentGrid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.magpye-dashboard-card .Polaris-Card,.magpye-dashboard-stepRow,.magpye-dashboard-kpiPanel,.magpye-dashboard-kpiPanel--skeleton{transition:none!important;animation:none!important}.magpye-analytics-chartReveal,.magpye-analytics-tabContent,.magpye-analytics-panelLoading:after,.magpye-analytics-statusDot--loading{animation:none!important;transition:none!important;opacity:1!important;transform:none!important}}.magpye-card{background:var(--magpye-card-bg)!important;border:var(--magpye-card-border)!important;border-radius:var(--magpye-card-radius)!important;padding:var(--magpye-card-padding)!important;box-shadow:var(--magpye-card-shadow)!important}.magpye-setup-card-container{background:var(--magpye-card-bg)!important;border-radius:var(--magpye-card-radius)!important;padding:var(--magpye-card-padding)!important;box-shadow:var(--magpye-card-shadow)!important;transition:var(--magpye-card-transition)!important;border:var(--magpye-card-border)!important}.magpye-setup-card-container:hover{transform:translateY(-1px)!important;box-shadow:var(--magpye-card-shadow-hover)!important}.magpye-gradient-button button{background:var(--magpye-gradient)!important;border:none!important;box-shadow:0 1px 2px #10182814,0 1px 1px #1018280f!important}@media(max-width:768px){.magpye-setup-card-container{min-height:240px!important;padding:1.5rem!important}.magpye-card{padding:1.5rem!important}}.magpye-integration-card-enhanced{position:relative!important;border-radius:var(--magpye-card-radius)!important;overflow:hidden!important;transition:var(--magpye-card-transition)!important}.magpye-integration-card-enhanced:hover{transform:translateY(-1px)!important}.magpye-integration-card-enhanced.magpye-integration-setup-required .Polaris-Card{border-left:4px solid var(--magpye-primary)!important;box-shadow:var(--magpye-card-shadow)!important}.magpye-integration-card-enhanced.magpye-integration-setup-required:hover .Polaris-Card{box-shadow:var(--magpye-card-shadow-hover)!important}.magpye-integration-card-enhanced.magpye-integration-configured .Polaris-Card{border-left:4px solid var(--magpye-positive)!important;box-shadow:var(--magpye-card-shadow)!important}.magpye-integration-card-enhanced.magpye-integration-configured:hover .Polaris-Card{box-shadow:var(--magpye-card-shadow-hover)!important}.magpye-card .Polaris-ProgressBar__Indicator{background:var(--magpye-gradient)!important;border-radius:6px!important}.magpye-card .Polaris-ProgressBar--toneSuccess .Polaris-ProgressBar__Indicator{background:var(--magpye-gradient-success)!important}.magpye-tip-banner{background:linear-gradient(135deg,#f0eef8,#f7f6fb)!important;border:1px solid var(--magpye-primary-border)!important;border-radius:12px!important;padding:1.5rem!important;margin:1rem 0!important;box-shadow:0 2px 4px #6c68aa14!important}.magpye-tip-banner-icon{color:var(--magpye-primary)!important;font-size:1.25rem!important}@media(max-width:768px){.magpye-integration-card-enhanced{padding:1rem!important}.magpye-card{padding:1.5rem!important;margin-bottom:1.5rem!important}.magpye-tip-banner{padding:1rem!important}}@media(prefers-contrast:high){.magpye-premium-card{border:2px solid var(--magpye-primary)!important}.magpye-kpi-card{border-left-width:4px!important}.magpye-setup-step-card{border-left-width:6px!important}.magpye-step-icon{border:2px solid currentColor!important}.magpye-task-completed,.magpye-task-pending,.magpye-task-error{border-left-width:6px!important}.magpye-integration-card-enhanced{border-width:2px!important}}.magpye-progress-bar-container{position:relative;border-radius:12px}.magpye-progress-bar-container .Polaris-ProgressBar{background-color:#1018280f!important;border-radius:8px!important;overflow:hidden!important}.magpye-progress-bar-container .Polaris-ProgressBar--toneSuccess{background-color:#adebb329!important}.magpye-progress-bar-container .Polaris-ProgressBar__Indicator{transform:scaleX(var(--pc-progress-bar-percent))!important;background:var(--magpye-gradient)!important;border-radius:8px!important;transition:transform .5s ease-in-out!important}.magpye-progress-bar-container.magpye-progress-bar-container--success .Polaris-ProgressBar__Indicator,.magpye-progress-bar-container .Polaris-ProgressBar--toneSuccess .Polaris-ProgressBar__Indicator{background:var(--magpye-gradient-success)!important}.magpye-progress-bar-container .Polaris-ProgressBar__Progress{border-radius:8px!important}.Polaris-Badge--toneSuccess{background:linear-gradient(135deg,#daf0cc,#cef0d4 45%,#c8eedc)!important;border:1px solid #adebb3!important;box-shadow:0 1px 2px #8cd89629,inset 0 .5px #ffffffb3!important}.Polaris-Badge--toneSuccess .Polaris-Text--root{color:#2c6b3a!important}.Polaris-Box[style*="--pc-box-background: var(--p-color-bg-fill-success-secondary)"],.Polaris-Box[style*="--pc-box-background:var(--p-color-bg-fill-success-secondary)"]{background:linear-gradient(135deg,#daf0cc,#cef0d4 45%,#c8eedc)!important;border-color:#adebb3!important;box-shadow:0 1px 2px #8cd89629,inset 0 .5px #ffffffb3!important}
