:root{--magpye-gradient: linear-gradient(155deg, #e094ff 0%, #6576ff 100%);--magpye-gradient-hover: linear-gradient(155deg, #d084ef 0%, #5566ef 100%);--magpye-primary: #6576ff;--magpye-primary-light: rgba(101, 118, 255, .1);--magpye-primary-border: rgba(101, 118, 255, .2);--magpye-gradient-success: linear-gradient(333deg, #11aa84 0%, #00dca5 100%)}.magpye-primary-action{background:var(--magpye-gradient)!important;border:none!important;color:#fff!important;font-weight:600!important;box-shadow:0 2px 4px #6576ff33!important;transition:all .2s ease!important}.magpye-primary-action:hover{background:var(--magpye-gradient-hover)!important;box-shadow:0 4px 8px #6576ff4d!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:#00a86b!important;font-weight:600!important}.magpye-kpi-trend-down{color:#d72c0d!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:all .2s ease;border-radius:8px!important;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f!important}.magpye-integration-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026,0 2px 4px #0000001a!important}.magpye-integration-connected{border-left:4px solid #00a86b!important;background:linear-gradient(90deg,rgba(0,168,107,.05) 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 #d72c0d!important;background:linear-gradient(90deg,rgba(215,44,13,.05) 0%,transparent 100%)!important}.magpye-status-connected{border-left:4px solid #00a86b}.magpye-status-pending{border-left:4px solid var(--magpye-primary)}.magpye-status-error{border-left:4px solid #d72c0d}.magpye-status-badge-connected{background:#00a86b!important;color:#fff!important}.magpye-status-badge-pending{background:var(--magpye-primary)!important;color:#fff!important}.magpye-status-badge-error{background:#d72c0d!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:#00a86b!important;background:#00a86b0d!important}.magpye-activity-error{border-left-color:#d72c0d!important;background:#d72c0d0d!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)}.magpye-skeleton-card{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%)!important;background-size:200% 100%!important;animation:magpye-shimmer 2s infinite!important;border-radius:4px!important}@keyframes magpye-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@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-card{background:linear-gradient(135deg,#fff,#f8f9ff)!important;border:1px solid var(--magpye-primary-border)!important;border-radius:12px!important;padding:2rem!important;box-shadow:0 2px 4px #0000000a,0 1px 2px #0000000f!important}.magpye-setup-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))!important;gap:1.5rem!important;margin:0!important}.magpye-setup-card-container{background:#fff!important;border-radius:12px!important;padding:2rem!important;box-shadow:0 2px 8px #0000000f,0 1px 3px #0000000a!important;transition:all .2s ease!important;border:1px solid #e3e8ef!important}.magpye-setup-card-container:hover{transform:translateY(-2px)!important;box-shadow:0 8px 20px #0000001f,0 4px 8px #00000014!important}.magpye-setup-completed{background:linear-gradient(135deg,#f0f9ff,#ecfdf5)!important}.magpye-setup-pending{background:linear-gradient(135deg,#fff,#f8f9ff)!important}.magpye-step-icon{display:flex!important;align-items:center!important;justify-content:center!important;width:48px!important;height:48px!important;border-radius:50%!important;transition:all .2s ease!important}.magpye-step-icon-completed{background:#00a86b!important;color:#fff!important}.magpye-step-icon-pending{background:var(--magpye-gradient)!important;color:#fff!important}.magpye-step-icon svg{width:20px!important;height:20px!important}.magpye-step-action{margin-top:auto!important}.magpye-setup-completed .magpye-step-action button:hover{border-color:#00906b!important}.magpye-gradient-button button{background:var(--magpye-gradient)!important;border:none!important;box-shadow:0 2px 4px #6576ff33!important;*/}.magpye-completed-status{background:#00a86b1a!important;border-radius:6px!important;padding:.5rem!important;margin-top:.5rem!important}.magpye-completed-status svg{color:#00a86b!important}@media(max-width:768px){.magpye-setup-grid{grid-template-columns:1fr!important;gap:1rem!important}.magpye-setup-card-container{min-height:240px!important;padding:1.5rem!important}.magpye-card{padding:1.5rem!important}.magpye-step-icon{width:40px!important;height:40px!important}.magpye-step-icon svg{width:16px!important;height:16px!important}}@media(max-width:1024px){.magpye-setup-grid{grid-template-columns:repeat(2,1fr)!important}}.Polaris-Card--bgSurfaceSuccess{border-left:4px solid #00a86b!important;transition:all .2s ease!important}.Polaris-Card--bgSurfaceCritical{border-left:4px solid #d72c0d!important;transition:all .2s ease!important}.Polaris-Card--bgSurface{border-left:4px solid #e5e7eb!important;transition:all .2s ease!important}.Polaris-Card--bgSurface:hover,.Polaris-Card--bgSurfaceSuccess:hover,.Polaris-Card--bgSurfaceCritical:hover{transform:translate(2px)!important;box-shadow:0 2px 8px #0000001a!important}.magpye-integration-card-enhanced{position:relative!important;border-radius:12px!important;overflow:hidden!important;transition:all .2s ease!important}.magpye-integration-card-enhanced:hover{transform:translateY(-2px)!important}.magpye-integration-card-enhanced.magpye-integration-setup-required .Polaris-Card{border-left:4px solid #6576ff!important;box-shadow:0 2px 8px #00000014,0 1px 3px #0000000f!important}.magpye-integration-card-enhanced.magpye-integration-setup-required:hover .Polaris-Card{box-shadow:0 8px 20px #00000026,0 4px 8px #0000001a!important}.magpye-integration-card-enhanced.magpye-integration-configured .Polaris-Card{border-left:4px solid #00a86b!important;box-shadow:0 2px 8px #00000014,0 1px 3px #0000000f!important}.magpye-integration-card-enhanced.magpye-integration-configured:hover .Polaris-Card{box-shadow:0 8px 20px #00000026,0 4px 8px #0000001a!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,#f3e8ff,#faf5ff)!important;border:1px solid #c084fc!important;border-radius:12px!important;padding:1.5rem!important;margin:1rem 0!important;box-shadow:0 2px 4px #c084fc1a!important}.magpye-tip-banner-icon{color:#8b5cf6!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:#6576ff1a!important;border-radius:8px!important;overflow:hidden!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 .Polaris-ProgressBar--toneSuccess .Polaris-ProgressBar__Indicator{background:var(--magpye-gradient-success)!important}.magpye-progress-bar-container .Polaris-ProgressBar__Progress{border-radius:8px!important}