:root,app-root{color-scheme:light;--page-bg: #f4f6f8;--sidebar-bg: #f8fafc;--surface: #ffffff;--surface-soft: #f4f6f9;--surface-strong: #ffffff;--border: #e4e8ee;--border-strong: #d3dae3;--text-primary: #1f2937;--text-secondary: #384454;--text-muted: #6b7280;--accent: #5d85d8;--badge-text: #0f1f10;--skeleton-base: color-mix(in srgb, var(--border) 64%, var(--surface) 36%);--skeleton-highlight: color-mix(in srgb, #ffffff 72%, transparent);--skeleton-border: color-mix(in srgb, var(--border) 74%, transparent);--skeleton-shimmer-duration: 1.15s;--skeleton-line-height-sm: 8px;--skeleton-line-height-md: 12px;--skeleton-line-height-lg: 18px;--skeleton-line-height-xl: 26px;--skeleton-line-radius: 999px;--skeleton-kpi-min-width: 3.4rem;--skeleton-kpi-max-width: 9.6rem;--skeleton-kpi-height: 1.2em;--skeleton-stack-gap: 10px;--skeleton-track-height: 12px;--skeleton-chart-height: 190px;--skeleton-sparkline-height: 40px;--tooltip-bg: #0f172a;--tooltip-text: #ffffff;--nav-active: #f1f3f6;--shadow-soft: 0 6px 14px rgba(15, 23, 42, .035);--shadow-card: 0 1px 2px rgba(15, 23, 42, .04), 0 14px 30px rgba(15, 23, 42, .075);--elevation-surface-1: 0 1px 2px rgba(15, 23, 42, .04);--elevation-surface-2: 0 10px 24px rgba(15, 23, 42, .07);--elevation-surface-3: 0 18px 34px rgba(15, 23, 42, .11);--surface-card-bg: radial-gradient(circle at 96% -18%, color-mix(in srgb, var(--accent) 1.2%, transparent), transparent 44%), linear-gradient( 160deg, color-mix(in srgb, var(--surface) 96%, var(--surface-soft)) 0%, color-mix(in srgb, var(--surface) 92%, var(--surface-soft)) 100% );--surface-card-border: var(--border);--surface-card-border-hover: color-mix(in srgb, var(--accent) 13%, var(--border-strong));--surface-card-shadow: var(--shadow-card);--surface-card-shadow-hover: 0 4px 14px rgba(15, 23, 42, .085), 0 22px 40px rgba(15, 23, 42, .11);--surface-card-lift-y: -1.5px;--surface-card-hover-lift-y: -3px;--surface-card-hover-scale: 1;--table-row-hover-bg: color-mix(in srgb, var(--accent) 2%, var(--surface));--table-row-hover-shadow: inset 2px 0 0 color-mix(in srgb, var(--accent) 18%, transparent);--table-value-primary: color-mix(in srgb, var(--text-primary) 96%, #ffffff 4%);--table-value-secondary: color-mix(in srgb, var(--text-secondary) 88%, var(--text-primary) 12%);--table-value-link: color-mix(in srgb, var(--bar-main-color) 36%, var(--text-primary));--table-value-link-hover: color-mix(in srgb, var(--bar-main-color) 52%, var(--text-primary));--table-value-emphasis: color-mix(in srgb, var(--text-primary) 86%, var(--bar-main-color) 14%);--table-rhythm-column-gap: 10px;--table-rhythm-head-font-size: .74rem;--table-rhythm-head-letter-spacing: .05em;--table-rhythm-head-padding-y: 10px;--table-rhythm-head-padding-x: 12px;--table-rhythm-head-min-height: 40px;--table-rhythm-row-font-size: .85rem;--table-rhythm-row-padding-y: 11px;--table-rhythm-row-padding-x: 12px;--table-rhythm-row-radius: 12px;--focus-ring-color: color-mix(in srgb, var(--accent) 42%, transparent);--focus-ring-soft-color: color-mix(in srgb, var(--accent) 10%, transparent);--motion-duration-xfast: .12s;--motion-duration-fast: .16s;--motion-duration-base: .22s;--motion-duration-medium: .3s;--motion-duration-card: .34s;--motion-duration-card-shadow: .42s;--motion-duration-slow: .42s;--motion-duration-enter: .48s;--motion-ease-standard: cubic-bezier(.4, 0, .2, 1);--motion-ease-emphasized: cubic-bezier(.22, 1, .36, 1);--motion-ease-spring: cubic-bezier(.16, 1, .3, 1);--motion-ease-swift: cubic-bezier(.2, .8, .2, 1);--motion-ease-card: cubic-bezier(.16, 1, .3, 1);--motion-stagger-step: 42ms;--type-size-display: clamp(1.54rem, 1.18rem + 1.02vw, 2.22rem);--type-size-title: clamp(1.28rem, 1.06rem + .68vw, 1.68rem);--type-size-heading: clamp(1.02rem, .95rem + .3vw, 1.16rem);--type-size-caption: .78rem;--type-line-tight: 1.14;--type-line-normal: 1.5;--type-tracking-tight: -.024em;--type-tracking-heading: -.012em;--type-tracking-caps: .08em;--interactive-press-scale: .985;--primary-bg: #111827;--primary-text: #ffffff;--primary-shadow: 0 10px 18px rgba(15, 23, 42, .18);--lime-card: #eefaa5;--lime-border: #d7ed8a;--lime-dot: #d3e970;--lime-text: #1d2b1e;--lime-subtext: #50684d;--lime-accent: #2f7a39;--wallet-available-color: #33c26b;--wallet-cancelable-color: #61c88b;--wallet-non-cancelable-color: #95d9b0;--wallet-pending-color: #98a3b6;--action-border: #dde7c4;--outline-bg: #f7f8fa;--outline-border: #d7dce3;--outline-hover: #eef1f5;--trend-up: #2fbf67;--trend-down: #ef4444;--bar-main-color: #84d84f;--bar-sub-color: #3f4857;--chart-green-1: #86e14f;--chart-green-2: #5fc72e;--chart-green-3: #3ea41f;--chart-green-4: #374151;--chart-green-5: #4b5563;--sandbox-bg: #ffe2c4;--sandbox-icon-bg: #ff6a00;--sandbox-icon-text: #ffffff;--sandbox-text: #8a2f06}:root[data-theme=dark],:root.theme-dark,body[data-theme=dark],body.theme-dark,app-root[data-theme=dark],app-root.theme-dark{color-scheme:dark;--page-bg: #0c0e12;--sidebar-bg: #0c0f13;--surface: #111317;--surface-soft: #171a21;--surface-strong: #111317;--border: #232832;--border-strong: #313845;--text-primary: #f7f9fc;--text-secondary: #c5cedd;--text-muted: #909bad;--accent: #b0b6c2;--badge-text: #0c1b0a;--skeleton-base: color-mix(in srgb, var(--border) 82%, var(--surface) 18%);--skeleton-highlight: color-mix(in srgb, #ffffff 26%, transparent);--skeleton-border: color-mix(in srgb, var(--border) 88%, transparent);--tooltip-bg: #080c12;--tooltip-text: #f8fafc;--nav-active: #222730;--shadow-soft: 0 8px 18px rgba(0, 0, 0, .42);--shadow-card: 0 10px 24px rgba(0, 0, 0, .46);--elevation-surface-1: 0 2px 6px rgba(0, 0, 0, .36);--elevation-surface-2: 0 12px 28px rgba(0, 0, 0, .45);--elevation-surface-3: 0 20px 40px rgba(0, 0, 0, .56);--surface-card-bg: linear-gradient( 164deg, color-mix(in srgb, var(--surface) 98%, var(--surface-soft)) 0%, color-mix(in srgb, var(--surface) 93%, var(--surface-soft)) 100% );--surface-card-border: color-mix(in srgb, var(--border) 92%, var(--accent) 8%);--surface-card-border-hover: color-mix(in srgb, var(--accent) 22%, var(--border-strong));--surface-card-shadow: var(--shadow-card);--surface-card-shadow-hover: 0 10px 22px rgba(0, 0, 0, .52), 0 24px 40px rgba(0, 0, 0, .58);--surface-card-lift-y: -1.5px;--surface-card-hover-lift-y: -3px;--surface-card-hover-scale: 1;--table-row-hover-bg: color-mix(in srgb, var(--accent) 3%, var(--surface));--table-row-hover-shadow: inset 2px 0 0 color-mix(in srgb, var(--accent) 22%, transparent);--table-value-primary: color-mix(in srgb, var(--text-primary) 94%, #ffffff 6%);--table-value-secondary: color-mix(in srgb, var(--text-secondary) 84%, var(--text-primary) 16%);--table-value-link: color-mix(in srgb, var(--bar-main-color) 42%, var(--text-primary));--table-value-link-hover: color-mix(in srgb, var(--bar-main-color) 58%, #ffffff);--table-value-emphasis: color-mix(in srgb, var(--text-primary) 82%, var(--bar-main-color) 18%);--focus-ring-color: color-mix(in srgb, var(--accent) 40%, transparent);--focus-ring-soft-color: color-mix(in srgb, var(--accent) 12%, transparent);--primary-bg: #0b0f16;--primary-text: #f8fafc;--primary-shadow: 0 10px 20px rgba(0, 0, 0, .35);--lime-card: #23360b;--lime-border: #355a1a;--lime-dot: #66a82b;--lime-text: #ebf8d5;--lime-subtext: #c1dca2;--lime-accent: #7bcf29;--wallet-available-color: #7ddd38;--wallet-cancelable-color: #63b94b;--wallet-non-cancelable-color: #456a35;--wallet-pending-color: #4d586e;--action-border: #2d3a1d;--outline-bg: #1b1f26;--outline-border: #2a2f38;--outline-hover: #242a33;--trend-up: #6fdc52;--trend-down: #f87171;--bar-main-color: #87df39;--bar-sub-color: #49515d;--chart-green-1: #9ce546;--chart-green-2: #77c83a;--chart-green-3: #539e36;--chart-green-4: #4a525f;--chart-green-5: #5e6776;--sandbox-bg: #5b2300;--sandbox-icon-bg: #ff7a00;--sandbox-icon-text: #ffffff;--sandbox-text: #ffd48f}*{box-sizing:border-box}body{margin:0;font-family:Manrope,Sora,sans-serif;background:var(--page-bg);color:var(--text-primary)}img{max-width:100%;display:block}a{color:inherit}button{font-family:inherit}:focus-visible{outline:2px solid var(--focus-ring-color);outline-offset:2px;box-shadow:0 0 0 3px var(--focus-ring-soft-color)}.primary-button{border:none;background:var(--primary-bg);color:var(--primary-text);padding:var(--primary-button-padding, 10px 18px);border-radius:10px;font-weight:600;font-size:var(--primary-button-font-size, .9rem);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;transition:transform var(--motion-duration-fast) var(--motion-ease-swift),box-shadow var(--motion-duration-fast) var(--motion-ease-swift),border-color var(--motion-duration-fast) var(--motion-ease-swift);box-shadow:var(--primary-shadow)}.primary-button:hover:not(:disabled){transform:translateY(var(--surface-card-lift-y));box-shadow:var(--surface-card-shadow-hover)}.primary-button:disabled{cursor:not-allowed;opacity:.56;box-shadow:none;transform:none;background:color-mix(in srgb,var(--primary-bg) 35%,var(--surface-soft));color:color-mix(in srgb,var(--primary-text) 65%,var(--text-muted))}.outline-button{border:1px solid var(--outline-border);background:var(--outline-bg);color:var(--text-primary);padding:var(--outline-button-padding, 10px 18px);border-radius:10px;font-weight:600;font-size:var(--outline-button-font-size, .9rem);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:var(--outline-button-gap, 0);text-decoration:none;transition:transform var(--motion-duration-fast) var(--motion-ease-swift),box-shadow var(--motion-duration-fast) var(--motion-ease-swift),border-color var(--motion-duration-fast) var(--motion-ease-swift),background-color var(--motion-duration-fast) var(--motion-ease-swift),color var(--motion-duration-fast) var(--motion-ease-swift)}.outline-button:hover{transform:translateY(var(--surface-card-lift-y));border-color:var(--surface-card-border-hover);box-shadow:var(--surface-card-shadow-hover)}.ghost-button{border:var(--ghost-button-border, 1px solid var(--border));background:var(--ghost-button-bg, var(--surface));color:var(--ghost-button-color, var(--text-secondary));padding:var(--ghost-button-padding, 8px 14px);border-radius:10px;font-size:var(--ghost-button-font-size, .8rem);font-weight:600;display:inline-flex;align-items:center;gap:var(--ghost-button-gap, 8px);cursor:pointer;text-decoration:none;transition:transform var(--motion-duration-fast) var(--motion-ease-swift),border-color var(--motion-duration-fast) var(--motion-ease-swift),background-color var(--motion-duration-fast) var(--motion-ease-swift),color var(--motion-duration-fast) var(--motion-ease-swift),box-shadow var(--motion-duration-fast) var(--motion-ease-swift)}.outline-button:disabled{cursor:default;opacity:.6;box-shadow:none}.ghost-button:hover:not(:disabled){transform:translateY(var(--surface-card-lift-y));border-color:var(--border-strong);color:var(--text-primary);box-shadow:var(--surface-card-shadow-hover)}.ghost-button:disabled{opacity:.6;cursor:not-allowed}.value-primary{color:var(--table-value-primary);font-weight:620;letter-spacing:-.01em}.value-secondary{color:var(--table-value-secondary);font-weight:500}.value-link.value-primary{color:var(--table-value-link);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--table-value-link) 50%,transparent);text-decoration-thickness:1px;text-underline-offset:2px;transition:color var(--motion-duration-fast) var(--motion-ease-swift),text-decoration-color var(--motion-duration-fast) var(--motion-ease-swift)}.value-link.value-primary:hover{color:var(--table-value-link-hover);text-decoration-color:color-mix(in srgb,var(--table-value-link-hover) 66%,transparent)}.value-amount{color:var(--table-value-emphasis);font-weight:640;letter-spacing:-.012em}.swype-select{appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;padding-right:38px!important;background-image:linear-gradient(45deg,transparent 50%,var(--text-muted) 50%),linear-gradient(135deg,var(--text-muted) 50%,transparent 50%)!important;background-position:calc(100% - 17px) calc(50% + 1px),calc(100% - 11px) calc(50% + 1px)!important;background-size:6px 6px,6px 6px!important;background-repeat:no-repeat!important}.swype-select::-ms-expand{display:none}.caret,.user-caret{width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;color:var(--text-muted);transition:transform var(--motion-duration-fast) var(--motion-ease-swift)}.caret svg,.user-caret svg{width:100%;height:100%;display:block}.panel{background:var(--surface-card-bg);border:1px solid var(--surface-card-border);border-radius:18px;padding:20px;box-shadow:var(--surface-card-shadow);display:flex;flex-direction:column;gap:16px}.panel h2{margin:0;font-size:1.2rem}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.panel-actions{display:inline-flex;gap:12px}.panel-header p{margin:6px 0 0;color:var(--text-muted)}.panel-subtitle{margin:0;color:var(--text-muted)}.panel-footnote{font-size:.82rem;color:var(--text-muted);margin:0}:where(.main-content h1,.auth-card h1,.state-card h1){letter-spacing:var(--type-tracking-tight);line-height:var(--type-line-tight);text-wrap:balance}:where(.dashboard-header h1,.cards-hero h1,.transactions-hero h1,.orders-hero h1,.disputes-hero h1,.holders-hero h1,.wallet-header h1,.developer-hero h1,.verify-card h1,.success-card h1,.placeholder-title,.top-card h2,.page-header h1,.details-hero h1,.programs-shell-intro h2,.brands-page-intro h2){font-size:var(--type-size-title);letter-spacing:var(--type-tracking-tight);line-height:var(--type-line-tight)}:where(.main-content h2,.main-content h3){letter-spacing:var(--type-tracking-heading);text-wrap:balance}:where(.main-content p,.panel-subtitle,.surface-head p,.hero-content p,.cards-hero p,.transactions-hero p,.orders-hero p,.disputes-hero p,.holders-hero p,.programs-shell-intro p,.brands-page-intro p){line-height:var(--type-line-normal)}:where(.eyebrow,.hero-kicker,.programs-overline,.brands-overline,.placeholder-badge,.verify-badge,.kpi-label,.program-search span,.program-sort,.brands-search span,.brands-sort span){letter-spacing:var(--type-tracking-caps)}:where(.kpi-value,.metric-value,.wallet-value,.brand-dashboard-preview-card-value,.chart-value-row strong,.programs-kpi-card strong,.brands-summary-card strong){font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}:where(.programs-kpi-card,.brands-summary-card,.quickstart-step,.webhook-card,.key-card,.key-skeleton-card,.tool-card,.sdk-card,.wallet-trend-card,.wallet-health-metric){border-color:var(--surface-card-border);box-shadow:var(--elevation-surface-1);transition:transform var(--motion-duration-fast) var(--motion-ease-swift),border-color var(--motion-duration-fast) var(--motion-ease-swift),box-shadow var(--motion-duration-fast) var(--motion-ease-swift),background-color var(--motion-duration-fast) var(--motion-ease-swift)}:where(.programs-kpi-card,.brands-summary-card,.quickstart-step,.webhook-card,.key-card,.tool-card,.sdk-card,.wallet-trend-card,.wallet-health-metric):hover{transform:translateY(calc(var(--surface-card-lift-y) * .75));border-color:var(--surface-card-border-hover);box-shadow:var(--surface-card-shadow-hover)}:where(.filter-chip,.status-chip,.period-pill,.segment-button,.sort-chip,.tab-pill,.drawer-tab,.brand-live-preview-tab,.type-filter-trigger,.sort-button,.table-sort,.row-edit-button,.row-action-trigger,.row-action-item,.menu-link,.icon-button,.text-button){transition:transform var(--motion-duration-fast) var(--motion-ease-swift),border-color var(--motion-duration-fast) var(--motion-ease-swift),background-color var(--motion-duration-fast) var(--motion-ease-swift),color var(--motion-duration-fast) var(--motion-ease-swift),box-shadow var(--motion-duration-fast) var(--motion-ease-swift);will-change:transform}:where(.filter-chip,.status-chip,.period-pill,.segment-button,.sort-chip,.tab-pill,.drawer-tab,.brand-live-preview-tab,.type-filter-trigger,.sort-button,.table-sort,.row-edit-button,.row-action-trigger,.row-action-item,.menu-link,.icon-button,.text-button):hover:not(:disabled):not([aria-disabled=true]){transform:translateY(calc(var(--surface-card-lift-y) * .6))}:where(.filter-chip,.status-chip,.period-pill,.segment-button,.sort-chip,.tab-pill,.drawer-tab,.brand-live-preview-tab,.type-filter-trigger,.sort-button,.table-sort,.row-edit-button,.row-action-trigger,.row-action-item,.menu-link,.icon-button,.text-button):active:not(:disabled):not([aria-disabled=true]){transform:scale(var(--interactive-press-scale))}:where(app-dashboard-page,app-wallet-page,app-programs-page,app-program-brands-page,app-program-brand-setup-page,app-account-holders-page,app-account-holder-details-page,app-card-report-page,app-orders-page,app-transactions-page,app-disputes-page,app-developer-hub-page,app-account-settings-page,app-get-started-page){position:relative;isolation:isolate}:where(app-dashboard-page,app-wallet-page,app-programs-page,app-program-brands-page,app-program-brand-setup-page,app-account-holders-page,app-account-holder-details-page,app-card-report-page,app-orders-page,app-transactions-page,app-disputes-page,app-developer-hub-page,app-account-settings-page,app-get-started-page):before{content:"";position:absolute;inset:-24px -16px auto;height:clamp(140px,22vw,230px);pointer-events:none;z-index:-1;background:radial-gradient(circle at 7% 8%,color-mix(in srgb,var(--accent) 3.5%,transparent),transparent 62%),radial-gradient(circle at 93% 8%,color-mix(in srgb,var(--lime-accent) 2%,transparent),transparent 64%),linear-gradient(180deg,color-mix(in srgb,var(--surface-soft) 5%,transparent) 0%,transparent 82%);filter:blur(2px);-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 68%,transparent 100%);mask-image:linear-gradient(180deg,#000 0%,#000 68%,transparent 100%);opacity:.11}:where(app-dashboard-page):before{inset:-16px 0 auto;background:linear-gradient(180deg,color-mix(in srgb,var(--surface-soft) 5%,transparent) 0%,transparent 86%),radial-gradient(circle at 50% 6%,color-mix(in srgb,var(--surface-soft) 6%,transparent),transparent 66%);opacity:.08}:where(app-wallet-page,app-programs-page,app-program-brands-page,app-program-brand-setup-page,app-account-holders-page,app-account-holder-details-page,app-card-report-page,app-orders-page,app-transactions-page,app-disputes-page,app-developer-hub-page,app-account-settings-page,app-get-started-page,app-onboarding-page,app-verify-email-page,app-verify-email-success-page,app-business-info-page,app-bank-connect-page) :where(.panel,.cards-hero,.transactions-hero,.orders-hero,.disputes-hero,.holders-hero,.wallet-header,.programs-shell-head,.brands-page-head,.brand-setup-header,.page-header,.details-hero,.cards-surface,.transactions-surface,.orders-surface,.disputes-surface,.holders-surface,.wallet-card,.wallet-trend-card,.wallet-activity-panel,.wallet-health-metric,.kpi-card,.programs-kpi-card,.programs-list-panel,.brands-summary-card,.brands-list-panel,.settings-card,.sessions-card,.security-card,.developer-hero,.tool-card,.sdk-card,.key-card,.key-skeleton-card,.webhook-card,.support-card,.verify-card,.success-card,.blocked-card,.form-card,.top-card,.get-started-card,.placeholder-card,.details-state,.profile-card,.stat-card,.brand-surface,.illustration-card,.table-surface,.cards-table-surface,.orders-table-wrap,.disputes-table-wrap,.holders-table-wrap,.pipeline-card,.action-card,.attention-card,.attention-item,.mobile-card,.program-card,.program-brand-summary-item,.program-flow-asset-card,.brand-login-preview-card,.brand-dashboard-preview-card,.drawer-card,.detail-panel,.allowlist-modal-card){animation:premium-surface-in var(--motion-duration-enter) var(--motion-ease-spring) both;animation-delay:var(--surface-enter-delay, 0ms)}:where(app-wallet-page,app-programs-page,app-program-brands-page,app-program-brand-setup-page,app-account-holders-page,app-account-holder-details-page,app-card-report-page,app-orders-page,app-transactions-page,app-disputes-page,app-developer-hub-page,app-account-settings-page,app-get-started-page,app-onboarding-page,app-verify-email-page,app-verify-email-success-page,app-business-info-page,app-bank-connect-page) :where(.kpi-card,.programs-kpi-card,.brands-summary-card,.wallet-health-metric,.stat-card,.program-brand-summary-item,.hero-stats .stat-card,.pipeline-card,.program-card,.mobile-card,.program-flow-asset-card,.brand-dashboard-preview-card,.drawer-card,.action-card):nth-child(2){--surface-enter-delay: var(--motion-stagger-step)}:where(app-wallet-page,app-programs-page,app-program-brands-page,app-program-brand-setup-page,app-account-holders-page,app-account-holder-details-page,app-card-report-page,app-orders-page,app-transactions-page,app-disputes-page,app-developer-hub-page,app-account-settings-page,app-get-started-page,app-onboarding-page,app-verify-email-page,app-verify-email-success-page,app-business-info-page,app-bank-connect-page) :where(.kpi-card,.programs-kpi-card,.brands-summary-card,.wallet-health-metric,.stat-card,.program-brand-summary-item,.hero-stats .stat-card,.pipeline-card,.program-card,.mobile-card,.program-flow-asset-card,.brand-dashboard-preview-card,.drawer-card,.action-card):nth-child(3){--surface-enter-delay: calc(var(--motion-stagger-step) * 2)}:where(app-wallet-page,app-programs-page,app-program-brands-page,app-program-brand-setup-page,app-account-holders-page,app-account-holder-details-page,app-card-report-page,app-orders-page,app-transactions-page,app-disputes-page,app-developer-hub-page,app-account-settings-page,app-get-started-page,app-onboarding-page,app-verify-email-page,app-verify-email-success-page,app-business-info-page,app-bank-connect-page) :where(.kpi-card,.programs-kpi-card,.brands-summary-card,.wallet-health-metric,.stat-card,.program-brand-summary-item,.hero-stats .stat-card,.pipeline-card,.program-card,.mobile-card,.program-flow-asset-card,.brand-dashboard-preview-card,.drawer-card,.action-card):nth-child(4){--surface-enter-delay: calc(var(--motion-stagger-step) * 3)}@keyframes premium-surface-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}:where(app-wallet-page,app-programs-page,app-program-brands-page,app-program-brand-setup-page,app-account-holders-page,app-account-holder-details-page,app-card-report-page,app-orders-page,app-transactions-page,app-disputes-page,app-developer-hub-page,app-account-settings-page,app-get-started-page,app-onboarding-page,app-verify-email-page,app-verify-email-success-page,app-business-info-page,app-bank-connect-page)>:where(section,article,div,aside,header,main):not(.kpi-grid,.metrics-grid,.chart-grid,.wallet-summary,.pipeline-strip,.status-strip,.workspace-grid,.programs-kpis,.brands-summary,.hero-stats,.stats-grid,.cards-workspace,.mobile-cards,.program-brand-summary){animation:premium-route-section-in var(--motion-duration-enter) var(--motion-ease-spring) both;animation-delay:var(--route-section-delay, 0ms)}:where(app-wallet-page,app-programs-page,app-program-brands-page,app-program-brand-setup-page,app-account-holders-page,app-account-holder-details-page,app-card-report-page,app-orders-page,app-transactions-page,app-disputes-page,app-developer-hub-page,app-account-settings-page,app-get-started-page,app-onboarding-page,app-verify-email-page,app-verify-email-success-page,app-business-info-page,app-bank-connect-page)>:where(section,article,div,aside,header,main):not(.kpi-grid,.metrics-grid,.chart-grid,.wallet-summary,.pipeline-strip,.status-strip,.workspace-grid,.programs-kpis,.brands-summary,.hero-stats,.stats-grid,.cards-workspace,.mobile-cards,.program-brand-summary):nth-child(2){--route-section-delay: var(--motion-stagger-step)}:where(app-wallet-page,app-programs-page,app-program-brands-page,app-program-brand-setup-page,app-account-holders-page,app-account-holder-details-page,app-card-report-page,app-orders-page,app-transactions-page,app-disputes-page,app-developer-hub-page,app-account-settings-page,app-get-started-page,app-onboarding-page,app-verify-email-page,app-verify-email-success-page,app-business-info-page,app-bank-connect-page)>:where(section,article,div,aside,header,main):not(.kpi-grid,.metrics-grid,.chart-grid,.wallet-summary,.pipeline-strip,.status-strip,.workspace-grid,.programs-kpis,.brands-summary,.hero-stats,.stats-grid,.cards-workspace,.mobile-cards,.program-brand-summary):nth-child(3){--route-section-delay: calc(var(--motion-stagger-step) * 2)}:where(app-wallet-page,app-programs-page,app-program-brands-page,app-program-brand-setup-page,app-account-holders-page,app-account-holder-details-page,app-card-report-page,app-orders-page,app-transactions-page,app-disputes-page,app-developer-hub-page,app-account-settings-page,app-get-started-page,app-onboarding-page,app-verify-email-page,app-verify-email-success-page,app-business-info-page,app-bank-connect-page)>:where(section,article,div,aside,header,main):not(.kpi-grid,.metrics-grid,.chart-grid,.wallet-summary,.pipeline-strip,.status-strip,.workspace-grid,.programs-kpis,.brands-summary,.hero-stats,.stats-grid,.cards-workspace,.mobile-cards,.program-brand-summary):nth-child(4){--route-section-delay: calc(var(--motion-stagger-step) * 3)}@keyframes premium-route-section-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}:where(app-account-holders-page,app-card-report-page,app-orders-page,app-transactions-page,app-disputes-page) .kpi-card{animation:premium-kpi-card-in var(--motion-duration-enter) var(--motion-ease-spring) both;animation-delay:var(--kpi-enter-delay, 0ms);transform-origin:top left}:where(app-account-holders-page,app-card-report-page,app-orders-page,app-transactions-page,app-disputes-page) .kpi-card:nth-child(2){--kpi-enter-delay: var(--motion-stagger-step)}:where(app-account-holders-page,app-card-report-page,app-orders-page,app-transactions-page,app-disputes-page) .kpi-card:nth-child(3){--kpi-enter-delay: calc(var(--motion-stagger-step) * 2)}:where(app-account-holders-page,app-card-report-page,app-orders-page,app-transactions-page,app-disputes-page) .kpi-card:nth-child(4){--kpi-enter-delay: calc(var(--motion-stagger-step) * 3)}:where(app-account-holders-page,app-card-report-page,app-orders-page,app-transactions-page,app-disputes-page) .kpi-card:nth-child(5){--kpi-enter-delay: calc(var(--motion-stagger-step) * 4)}:where(app-account-holders-page,app-card-report-page,app-orders-page,app-transactions-page,app-disputes-page) .kpi-card:nth-child(6){--kpi-enter-delay: calc(var(--motion-stagger-step) * 5)}:where(app-wallet-page,app-programs-page,app-program-brands-page,app-program-brand-setup-page,app-account-holder-details-page,app-account-settings-page,app-developer-hub-page) :where(.programs-kpis,.brands-summary,.hero-stats,.stats-grid,.wallet-health-metrics,.wallet-summary,.program-brand-summary,.brand-dashboard-preview-cards)>:where(.programs-kpi-card,.brands-summary-card,.stat-card,.wallet-health-metric,.wallet-summary-card,.program-brand-summary-item,.brand-dashboard-preview-card){animation:premium-kpi-card-in var(--motion-duration-enter) var(--motion-ease-spring) both;animation-delay:var(--summary-enter-delay, 0ms);transform-origin:top left}:where(app-wallet-page,app-programs-page,app-program-brands-page,app-program-brand-setup-page,app-account-holder-details-page,app-account-settings-page,app-developer-hub-page) :where(.programs-kpis,.brands-summary,.hero-stats,.stats-grid,.wallet-health-metrics,.wallet-summary,.program-brand-summary,.brand-dashboard-preview-cards)>:where(article,div):nth-child(2){--summary-enter-delay: var(--motion-stagger-step)}:where(app-wallet-page,app-programs-page,app-program-brands-page,app-program-brand-setup-page,app-account-holder-details-page,app-account-settings-page,app-developer-hub-page) :where(.programs-kpis,.brands-summary,.hero-stats,.stats-grid,.wallet-health-metrics,.wallet-summary,.program-brand-summary,.brand-dashboard-preview-cards)>:where(article,div):nth-child(3){--summary-enter-delay: calc(var(--motion-stagger-step) * 2)}:where(app-wallet-page,app-programs-page,app-program-brands-page,app-program-brand-setup-page,app-account-holder-details-page,app-account-settings-page,app-developer-hub-page) :where(.programs-kpis,.brands-summary,.hero-stats,.stats-grid,.wallet-health-metrics,.wallet-summary,.program-brand-summary,.brand-dashboard-preview-cards)>:where(article,div):nth-child(4){--summary-enter-delay: calc(var(--motion-stagger-step) * 3)}:where(app-wallet-page,app-programs-page,app-program-brands-page,app-program-brand-setup-page,app-account-holder-details-page,app-account-settings-page,app-developer-hub-page) :where(.programs-kpis,.brands-summary,.hero-stats,.stats-grid,.wallet-health-metrics,.wallet-summary,.program-brand-summary,.brand-dashboard-preview-cards)>:where(article,div):nth-child(5){--summary-enter-delay: calc(var(--motion-stagger-step) * 4)}:where(app-wallet-page,app-programs-page,app-program-brands-page,app-program-brand-setup-page,app-account-holder-details-page,app-account-settings-page,app-developer-hub-page) :where(.programs-kpis,.brands-summary,.hero-stats,.stats-grid,.wallet-health-metrics,.wallet-summary,.program-brand-summary,.brand-dashboard-preview-cards)>:where(article,div):nth-child(6){--summary-enter-delay: calc(var(--motion-stagger-step) * 5)}:where(app-dashboard-page,app-wallet-page,app-programs-page,app-program-brands-page,app-program-brand-setup-page,app-account-holder-details-page,app-account-settings-page,app-account-holders-page,app-card-report-page,app-orders-page,app-transactions-page,app-disputes-page,app-developer-hub-page) :where(.kpi-value,.metric-value,.wallet-value,.wallet-amount,.chart-value,.stat-value,.security-value,.detail-amount,.donut-value,.pipeline-count,.pipeline-amount,.status-toggle strong,.programs-kpi-card strong,.brands-summary-card strong,.program-brand-summary-item strong,.brand-dashboard-preview-card-value,.wallet-health-metric strong,.wallet-pending strong,.stat-card strong,.legend-value){will-change:transform,opacity,filter;transform-origin:left center;backface-visibility:hidden;animation:premium-kpi-value-in .64s var(--motion-ease-emphasized) both!important;animation-delay:calc(var(--kpi-enter-delay, var(--metric-enter-delay, 0ms)) + .11s)!important}:where(app-card-report-page,app-orders-page,app-disputes-page) .pipeline-card{animation:premium-kpi-card-in var(--motion-duration-enter) var(--motion-ease-spring) both;animation-delay:var(--pipeline-enter-delay, 0ms)}:where(app-card-report-page,app-orders-page,app-disputes-page) .pipeline-card:nth-child(2){--pipeline-enter-delay: var(--motion-stagger-step)}:where(app-card-report-page,app-orders-page,app-disputes-page) .pipeline-card:nth-child(3){--pipeline-enter-delay: calc(var(--motion-stagger-step) * 2)}:where(app-card-report-page,app-orders-page,app-disputes-page) .pipeline-card:nth-child(4){--pipeline-enter-delay: calc(var(--motion-stagger-step) * 3)}@keyframes premium-kpi-card-in{0%{opacity:0;transform:translateY(8px) scale(.992)}70%{opacity:1;transform:translateY(-.5px) scale(1.001)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes premium-kpi-value-in{0%{opacity:0;transform:translateY(8px) scale(.97);filter:blur(.65px)}68%{opacity:1;transform:translateY(-.5px) scale(1.01);filter:blur(0)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}:where(.panel,.cards-hero,.transactions-hero,.orders-hero,.disputes-hero,.holders-hero,.wallet-header,.programs-shell-head,.brands-page-head,.brand-setup-header,.cards-surface,.transactions-surface,.orders-surface,.disputes-surface,.holders-surface,.wallet-card,.wallet-activity-panel,.programs-list-panel,.brands-list-panel,.settings-card,.sessions-card,.security-card,.developer-hero,.tool-card,.sdk-card,.key-card,.webhook-card,.support-card,.programs-kpi-card,.wallet-trend-card,.brand-dashboard-preview-card,.brand-login-preview-card,.verify-card,.success-card,.blocked-card,.form-card,.top-card,.get-started-card,.placeholder-card,.details-state,.profile-card,.brands-summary-card,.program-card,.brand-surface,.illustration-card,.table-surface,.cards-table-surface,.orders-table-wrap,.disputes-table-wrap,.holders-table-wrap){border-color:var(--surface-card-border);box-shadow:var(--surface-card-shadow);transition:transform var(--motion-duration-fast) var(--motion-ease-swift),border-color var(--motion-duration-fast) var(--motion-ease-swift),box-shadow var(--motion-duration-fast) var(--motion-ease-swift)}:where(.panel,.cards-hero,.transactions-hero,.orders-hero,.disputes-hero,.holders-hero,.wallet-header,.programs-shell-head,.brands-page-head,.brand-setup-header,.cards-surface,.transactions-surface,.orders-surface,.disputes-surface,.holders-surface,.wallet-card,.wallet-activity-panel,.programs-list-panel,.brands-list-panel,.settings-card,.sessions-card,.security-card,.developer-hero,.tool-card,.sdk-card,.key-card,.webhook-card,.support-card,.programs-kpi-card,.wallet-trend-card,.brand-dashboard-preview-card,.brand-login-preview-card,.verify-card,.success-card,.blocked-card,.form-card,.top-card,.get-started-card,.placeholder-card,.details-state,.profile-card,.brands-summary-card,.program-card,.brand-surface,.illustration-card,.table-surface,.cards-table-surface):hover{transform:none;border-color:var(--surface-card-border-hover);box-shadow:var(--surface-card-shadow-hover)}:where(.panel,.cards-surface,.transactions-surface,.orders-surface,.disputes-surface,.holders-surface,.wallet-header,.programs-shell-head,.brands-page-head,.brand-setup-header,.wallet-card,.wallet-activity-panel,.programs-list-panel,.brands-list-panel,.settings-card,.sessions-card,.security-card,.tool-card,.sdk-card,.key-card,.webhook-card,.support-card,.programs-kpi-card,.wallet-trend-card,.brand-dashboard-preview-card,.brand-login-preview-card,.verify-card,.success-card,.blocked-card,.form-card,.top-card,.get-started-card,.placeholder-card,.details-state,.profile-card,.brands-summary-card,.program-card,.brand-surface,.illustration-card,.table-surface,.cards-table-surface):focus-within{border-color:var(--surface-card-border-hover);box-shadow:0 0 0 3px var(--focus-ring-soft-color),var(--surface-card-shadow-hover)}:where(.kpi-card,.pipeline-card,.metric-card,.chart-card,.wallet-summary-card,.wallet-card,.wallet-trend-card,.wallet-health-metric,.programs-kpi-card,.brands-summary-card,.program-card,.stat-card,.key-card,.tool-card,.sdk-card,.webhook-card,.support-card,.security-card,.settings-card,.sessions-card,.profile-card,.brand-dashboard-preview-card,.brand-login-preview-card,.drawer-card,.detail-panel,.action-card,.attention-card,.allowlist-modal-card){transform:translateZ(0) scale(1);transform-origin:center top;backface-visibility:hidden;will-change:auto;transition:transform var(--motion-duration-card) var(--motion-ease-card),border-color var(--motion-duration-base) var(--motion-ease-standard),box-shadow var(--motion-duration-card-shadow) var(--motion-ease-emphasized),background-color var(--motion-duration-base) var(--motion-ease-standard)!important}:where(.kpi-card,.pipeline-card,.metric-card,.chart-card,.wallet-summary-card,.wallet-card,.wallet-trend-card,.wallet-health-metric,.programs-kpi-card,.brands-summary-card,.program-card,.stat-card,.key-card,.tool-card,.sdk-card,.webhook-card,.support-card,.security-card,.settings-card,.sessions-card,.profile-card,.brand-dashboard-preview-card,.brand-login-preview-card,.drawer-card,.detail-panel,.action-card,.attention-card,.allowlist-modal-card):hover{will-change:transform,box-shadow;transform:translate3d(0,var(--surface-card-hover-lift-y),0) scale(var(--surface-card-hover-scale))!important;border-color:var(--surface-card-border-hover)!important;box-shadow:var(--surface-card-shadow-hover)!important}:where(app-wallet-page,app-programs-page,app-program-brands-page,app-program-brand-setup-page,app-account-holder-details-page,app-account-settings-page,app-account-holders-page,app-card-report-page,app-orders-page,app-transactions-page,app-disputes-page,app-developer-hub-page) :where(.kpi-card,.pipeline-card,.wallet-card,.wallet-trend-card,.wallet-health-metric,.wallet-activity-panel,.programs-kpi-card,.brands-summary-card,.program-card,.brand-row,.stat-card,.profile-card,.key-card,.tool-card,.sdk-card,.webhook-card,.support-card,.security-card,.settings-card,.sessions-card,.drawer-card,.detail-panel,.action-card,.attention-card,.allowlist-modal-card){border-color:color-mix(in srgb,var(--surface-card-border) 84%,var(--bar-main-color) 16%);background:radial-gradient(circle at 90% -16%,color-mix(in srgb,var(--bar-main-color) 7%,transparent),transparent 42%),linear-gradient(160deg,color-mix(in srgb,var(--surface) 97%,var(--surface-soft)),color-mix(in srgb,var(--surface) 90%,var(--surface-soft)));box-shadow:0 1px color-mix(in srgb,var(--text-primary) 7%,transparent) inset,var(--surface-card-shadow)}:where(app-wallet-page,app-programs-page,app-program-brands-page,app-program-brand-setup-page,app-account-holder-details-page,app-account-settings-page,app-account-holders-page,app-card-report-page,app-orders-page,app-transactions-page,app-disputes-page,app-developer-hub-page) :where(.kpi-card,.pipeline-card,.wallet-card,.wallet-trend-card,.wallet-health-metric,.wallet-activity-panel,.programs-kpi-card,.brands-summary-card,.program-card,.brand-row,.stat-card,.profile-card,.key-card,.tool-card,.sdk-card,.webhook-card,.support-card,.security-card,.settings-card,.sessions-card,.drawer-card,.detail-panel,.action-card,.attention-card,.allowlist-modal-card):hover{background:radial-gradient(circle at 88% -18%,color-mix(in srgb,var(--bar-main-color) 11%,transparent),transparent 46%),linear-gradient(160deg,color-mix(in srgb,var(--surface) 98%,var(--surface-soft)),color-mix(in srgb,var(--surface) 89%,var(--surface-soft)))}:where(.wallet-header,.programs-shell-head,.brands-page-head,.brand-setup-header){position:relative;overflow:hidden;border:1px solid var(--surface-card-border);border-radius:18px;padding:clamp(14px,1.4vw,20px);background:radial-gradient(circle at 88% 12%,color-mix(in srgb,var(--accent) 2%,transparent),transparent 64%),radial-gradient(circle at 6% 118%,color-mix(in srgb,var(--lime-accent) 1%,transparent),transparent 60%),linear-gradient(108deg,color-mix(in srgb,var(--surface-soft) 4%,transparent) 0%,transparent 68%),var(--surface-card-bg);box-shadow:var(--surface-card-shadow)}:where(app-wallet-page,app-programs-page,app-program-brands-page,app-program-brand-setup-page,app-account-holder-details-page,app-account-holders-page,app-card-report-page,app-orders-page,app-transactions-page,app-disputes-page,app-developer-hub-page,app-account-settings-page) :where(.cards-hero,.transactions-hero,.orders-hero,.disputes-hero,.holders-hero,.wallet-header,.programs-shell-head,.brands-page-head,.brand-setup-header,.developer-hero,.details-header,.page-header){background:radial-gradient(circle at 92% -10%,color-mix(in srgb,var(--bar-main-color) 9%,transparent),transparent 44%),radial-gradient(circle at 4% 118%,color-mix(in srgb,var(--accent) 5%,transparent),transparent 56%),linear-gradient(132deg,color-mix(in srgb,var(--surface) 97%,var(--surface-soft)) 3%,color-mix(in srgb,var(--surface) 92%,var(--surface-soft)) 70%,color-mix(in srgb,var(--surface-soft) 40%,var(--surface)))}:where(.panel,.cards-hero,.transactions-hero,.orders-hero,.disputes-hero,.holders-hero,.wallet-header,.programs-shell-head,.brands-page-head,.brand-setup-header,.developer-hero,.page-header,.details-hero,.cards-surface,.transactions-surface,.orders-surface,.disputes-surface,.holders-surface,.table-surface,.cards-table-surface,.wallet-activity-panel,.programs-list-panel,.brands-list-panel,.settings-card,.sessions-card,.security-card,.tool-card,.sdk-card,.key-card,.webhook-card,.support-card,.profile-card,.details-state){border-color:color-mix(in srgb,var(--surface-card-border) 88%,var(--bar-main-color) 12%);box-shadow:var(--surface-card-shadow),inset 0 1px color-mix(in srgb,var(--text-primary) 9%,transparent);transition:transform var(--motion-duration-card) var(--motion-ease-card),border-color var(--motion-duration-base) var(--motion-ease-standard),box-shadow var(--motion-duration-card-shadow) var(--motion-ease-emphasized)}:where(.panel,.cards-hero,.transactions-hero,.orders-hero,.disputes-hero,.holders-hero,.wallet-header,.programs-shell-head,.brands-page-head,.brand-setup-header,.developer-hero,.page-header,.details-hero,.cards-surface,.transactions-surface,.orders-surface,.disputes-surface,.holders-surface,.table-surface,.cards-table-surface,.wallet-activity-panel,.programs-list-panel,.brands-list-panel,.settings-card,.sessions-card,.security-card,.tool-card,.sdk-card,.key-card,.webhook-card,.support-card,.profile-card,.details-state):hover{transform:translateY(calc(var(--surface-card-lift-y) * .65));border-color:var(--surface-card-border-hover);box-shadow:var(--surface-card-shadow-hover),inset 0 1px color-mix(in srgb,var(--text-primary) 12%,transparent)}:where(.panel,.cards-hero,.transactions-hero,.orders-hero,.disputes-hero,.holders-hero,.wallet-header,.programs-shell-head,.brands-page-head,.brand-setup-header,.developer-hero,.page-header,.details-hero,.cards-surface,.transactions-surface,.orders-surface,.disputes-surface,.holders-surface,.table-surface,.cards-table-surface,.wallet-activity-panel,.programs-list-panel,.brands-list-panel,.settings-card,.sessions-card,.security-card,.tool-card,.sdk-card,.key-card,.webhook-card,.support-card,.profile-card,.details-state):focus-within{border-color:var(--surface-card-border-hover);box-shadow:0 0 0 3px var(--focus-ring-soft-color),var(--surface-card-shadow-hover),inset 0 1px color-mix(in srgb,var(--text-primary) 12%,transparent)}:where(.kpi-grid,.metrics-grid,.pipeline-strip,.hero-stats,.stats-grid,.programs-kpis,.brands-summary,.wallet-summary,.workspace-grid,.cards-workspace,.chart-grid){overflow:visible}:where(.kpi-card,.pipeline-card,.action-card,.attention-item,.mobile-card,.brand-row,.tool-row,.program-card-row,.settings-row,.session-row,.allowlist-row,.transactions-row,.orders-row,.disputes-row,.holders-row,.cards-row,.table-row){transition:transform var(--motion-duration-fast) var(--motion-ease-swift),border-color var(--motion-duration-fast) var(--motion-ease-swift),background-color var(--motion-duration-fast) var(--motion-ease-swift),box-shadow var(--motion-duration-fast) var(--motion-ease-swift),color var(--motion-duration-fast) var(--motion-ease-swift)}:where(.attention-item,.mobile-card,.brand-row,.tool-row,.program-card-row,.settings-row,.session-row,.allowlist-row:not(.header),.transactions-row,.orders-row,.disputes-row,.holders-row,.cards-row,.table-row):where(:hover,:focus-within){transform:translate(2px);border-color:color-mix(in srgb,var(--bar-main-color) 26%,var(--border));background:linear-gradient(94deg,color-mix(in srgb,var(--bar-main-color) 4%,var(--table-row-hover-bg)) 0%,var(--table-row-hover-bg) 68%,color-mix(in srgb,var(--accent) 5%,var(--table-row-hover-bg)) 100%);box-shadow:inset 2px 0 color-mix(in srgb,var(--bar-main-color) 34%,transparent),inset 0 1px color-mix(in srgb,var(--text-primary) 10%,transparent)}:where(.transactions-row,.orders-row,.disputes-row,.holders-row,.cards-row,.table-row):nth-child(2n){background:color-mix(in srgb,var(--surface-soft) 58%,var(--surface))}:where(.cards-head,.transactions-head,.orders-head,.disputes-head,.holders-head,.table-head,.allowlist-row.header){position:sticky;top:0;z-index:2;background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 96%,transparent),color-mix(in srgb,var(--surface-soft) 74%,transparent));-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}app-developer-hub-page{--developer-glow: color-mix(in srgb, var(--bar-main-color) 52%, var(--accent));--developer-glow-soft: color-mix(in srgb, var(--bar-main-color) 26%, var(--accent))}app-developer-hub-page .panel,app-developer-hub-page .tool-card,app-developer-hub-page .sdk-card,app-developer-hub-page .key-card,app-developer-hub-page .webhook-card,app-developer-hub-page .security-card,app-developer-hub-page .support-card,app-developer-hub-page .quickstart-step,app-developer-hub-page .key-skeleton,app-developer-hub-page .key-skeleton-card,app-developer-hub-page .allowlist-row,app-developer-hub-page .tool-row,app-developer-hub-page .sdk-install,app-developer-hub-page .icon-button,app-developer-hub-page .tab-switch{border-color:color-mix(in srgb,var(--developer-glow) 22%,var(--surface-card-border));background:radial-gradient(circle at 90% -18%,color-mix(in srgb,var(--developer-glow) 10%,transparent),transparent 46%),radial-gradient(circle at 8% 116%,color-mix(in srgb,var(--bar-main-color) 8%,transparent),transparent 56%),linear-gradient(156deg,color-mix(in srgb,var(--surface) 97%,var(--surface-soft)),color-mix(in srgb,var(--surface) 91%,var(--surface-soft)));box-shadow:0 1px color-mix(in srgb,var(--text-primary) 9%,transparent) inset,var(--surface-card-shadow)}app-developer-hub-page .panel:hover,app-developer-hub-page .tool-card:hover,app-developer-hub-page .sdk-card:hover,app-developer-hub-page .key-card:hover,app-developer-hub-page .webhook-card:hover,app-developer-hub-page .security-card:hover,app-developer-hub-page .support-card:hover,app-developer-hub-page .quickstart-step:hover{border-color:color-mix(in srgb,var(--developer-glow) 40%,var(--surface-card-border-hover));box-shadow:0 1px color-mix(in srgb,var(--text-primary) 10%,transparent) inset,var(--surface-card-shadow-hover)}app-developer-hub-page .hero-kicker{color:color-mix(in srgb,var(--developer-glow) 64%,var(--text-secondary))}app-developer-hub-page .status-dot.is-live{--status-color: color-mix(in srgb, var(--bar-main-color) 58%, var(--accent))}.status-dot{--status-color: var(--accent);--status-size: 10px;width:var(--status-size);height:var(--status-size);border-radius:999px;background:var(--status-color);box-shadow:0 0 0 4px color-mix(in srgb,var(--status-color) 15%,transparent);position:relative;display:inline-flex;align-items:center;justify-content:center;font-size:.55rem;font-weight:700;color:#fff}.status-dot.is-live{--status-color: var(--trend-up);animation:status-pulse 2.4s ease-in-out infinite}.status-dot.success{background:var(--trend-up);box-shadow:0 0 0 4px color-mix(in srgb,var(--trend-up) 18%,transparent)}@keyframes status-pulse{0%,to{box-shadow:0 0 0 2px color-mix(in srgb,var(--status-color) 10%,transparent);transform:scale(1)}50%{box-shadow:0 0 0 6px color-mix(in srgb,var(--status-color) 20%,transparent);transform:scale(1.05)}}.status-pill{padding:4px 10px;border-radius:999px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;background:color-mix(in srgb,var(--accent) 15%,transparent);color:var(--accent)}.status-pill.active{background:color-mix(in srgb,var(--trend-up) 20%,transparent);color:var(--trend-up)}.status-pill.warn{background:color-mix(in srgb,#f59e0b 20%,transparent);color:#f59e0b}.status-pill.muted{background:color-mix(in srgb,var(--text-muted) 15%,transparent);color:var(--text-muted)}.status-pill.soon{background:color-mix(in srgb,var(--text-muted) 12%,transparent);color:var(--text-muted)}.meta-item{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.82rem;color:var(--text-secondary)}.meta-item strong{color:var(--text-primary);font-weight:600;text-align:right}.key-value{display:grid;gap:8px;font-family:Sora,Manrope,sans-serif}.key-value code{font-size:.85rem}.key-value-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:flex-start;gap:12px;background:var(--surface);border-radius:12px;padding:10px 12px;border:1px dashed color-mix(in srgb,var(--border) 70%,transparent)}.key-value-main{display:flex;flex-direction:column;gap:4px;min-width:0}.key-value-main code,.key-secret-mask{font-size:.85rem}.key-value-main code{display:block;max-width:100%;overflow-wrap:anywhere;word-break:break-word}.key-line-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-weight:600}.key-value-actions{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;justify-self:end}.key-secret-mask{color:var(--text-muted)}.key-visibility{font-size:.72rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.key-alert{border:1px solid color-mix(in srgb,var(--accent) 30%,var(--border));background:color-mix(in srgb,var(--accent) 12%,var(--surface));border-radius:14px;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--text-secondary)}.key-alert strong{display:block;color:var(--text-primary);font-weight:700}.key-alert span{font-size:.82rem}.key-alert span br+*{color:var(--text-muted)}.key-alert .outline-button{white-space:nowrap}.key-grid.is-fresh,.key-alert.is-fresh{animation:key-fade .22s ease-out,key-pulse 2s ease-in-out 3}@keyframes key-fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes key-pulse{0%,to{box-shadow:0 0 color-mix(in srgb,var(--accent) 35%,transparent)}50%{box-shadow:0 0 0 8px color-mix(in srgb,var(--accent) 12%,transparent)}}@keyframes skeleton-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.value-animate{display:inline-block;animation:value-settle .6s ease}@keyframes value-settle{0%{opacity:.6;transform:translateY(6px) scale(.98)}60%{opacity:1;transform:translateY(-2px) scale(1.02)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes draw-line{to{stroke-dashoffset:0}}@keyframes fade-in{to{opacity:.12}}@media(max-width:700px){.panel{padding:16px}.meta-item{flex-direction:column;align-items:flex-start}.meta-item strong{text-align:left}}@media(prefers-reduced-motion:reduce){.key-skeleton .skeleton-line,.secret-skeleton .skeleton-line,.allowlist-row.skeleton .skeleton-line{animation:none;background-position:50% 0}.creation-indicator .ring-progress,.key-grid.is-fresh,.key-alert.is-fresh,.status-dot.is-live,.allowlist-loading-overlay .loading-dot,.sparkline-path,.sparkline-area,.line-path,.line-area,.bar-segment,.compare-segment,.value-animate,.wallet-summary-actions .primary-button.urgent{animation:none}}.tooltip-wrap{position:relative;display:inline-flex;align-items:center;cursor:not-allowed}.tooltip-info{cursor:help}.tooltip-wrap:after{content:attr(data-tooltip);position:absolute;left:50%;bottom:calc(100% + 10px);transform:translate(-50%) translateY(4px);background:var(--tooltip-bg);color:var(--tooltip-text);padding:8px 10px;border-radius:8px;font-size:.72rem;font-weight:600;text-align:left;line-height:1.35;min-width:180px;max-width:240px;box-shadow:var(--elevation-surface-1);opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--motion-duration-fast) var(--motion-ease-swift),transform var(--motion-duration-fast) var(--motion-ease-swift);z-index:20}.tooltip-wrap:before{content:"";position:absolute;left:50%;bottom:calc(100% + 4px);transform:translate(-50%);border:6px solid transparent;border-top-color:var(--tooltip-bg);opacity:0;visibility:hidden;transition:opacity var(--motion-duration-fast) var(--motion-ease-swift)}.tooltip-wrap.tooltip-bottom:after{top:calc(100% + 10px);bottom:auto;transform:translate(-50%) translateY(-4px)}.tooltip-wrap.tooltip-bottom:before{top:calc(100% + 4px);bottom:auto;border-top-color:var(--tooltip-bg);border-bottom-color:transparent}.tooltip-wrap:hover:after,.tooltip-wrap:hover:before,.tooltip-wrap:focus-within:after,.tooltip-wrap:focus-within:before{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.is-disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.skeleton-block{display:block;position:relative;border-radius:inherit;overflow:hidden;pointer-events:none;background-color:var(--skeleton-base);background:linear-gradient(90deg,var(--skeleton-base) 0%,var(--skeleton-base) 42%,var(--skeleton-highlight) 50%,var(--skeleton-base) 58%,var(--skeleton-base) 100%);background-size:200% 100%;background-repeat:repeat-x;background-position:100% 0;box-shadow:inset 0 0 0 1px var(--skeleton-border);animation:skeleton-shimmer var(--skeleton-shimmer-duration) linear infinite;will-change:background-position;contain:paint}.skeleton-line{height:10px;border-radius:var(--skeleton-line-radius);width:100%}.skeleton-line.sm{height:var(--skeleton-line-height-sm)}.skeleton-line.md{height:var(--skeleton-line-height-md)}.skeleton-line.lg{height:var(--skeleton-line-height-lg)}.skeleton-line.xl{height:var(--skeleton-line-height-xl)}.skeleton-line.w-30{width:30%}.skeleton-line.w-40{width:40%}.skeleton-line.w-50{width:50%}.skeleton-line.w-60{width:60%}.skeleton-line.w-80{width:80%}.kpi-value-skeleton{min-width:var(--skeleton-kpi-min-width);max-width:var(--skeleton-kpi-max-width);height:var(--skeleton-kpi-height);border-radius:10px}.skeleton-stack{display:flex;flex-direction:column;gap:var(--skeleton-stack-gap)}.skeleton-circle{width:48px;height:48px;border-radius:50%}.skeleton-circle.sm{width:20px;height:20px}.skeleton-circle.lg{width:160px;height:160px}.skeleton-sparkline{height:var(--skeleton-sparkline-height);border-radius:12px}.skeleton-chart{height:var(--skeleton-chart-height);border-radius:14px}.skeleton-track{height:var(--skeleton-track-height);border-radius:999px}.loading-empty-state{align-items:stretch;justify-items:stretch;gap:12px}.loading-empty-state h3,.loading-empty-state p{text-align:center}.table-loading-scroll-region{width:100%;overflow:auto;border:1px solid color-mix(in srgb,var(--border) 82%,transparent);border-radius:12px;background:color-mix(in srgb,var(--surface-soft) 52%,transparent)}.table-loading-preview{--table-loading-columns: 6;--table-loading-columns-mobile: 2;--table-loading-template: repeat(var(--table-loading-columns), minmax(0, 1fr));--table-loading-template-mobile: repeat(var(--table-loading-columns-mobile), minmax(0, 1fr));--table-loading-min-width: 0px;display:grid;gap:8px;width:max(100%,var(--table-loading-min-width));margin-inline:0;padding:8px}.table-loading-head,.table-loading-row{display:grid;grid-template-columns:var(--table-loading-template);align-items:center;gap:var(--table-rhythm-column-gap)}.table-loading-head{padding:var(--table-rhythm-head-padding-y) var(--table-rhythm-head-padding-x);border-radius:var(--table-rhythm-row-radius);border:1px solid color-mix(in srgb,var(--border) 86%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 95%,transparent),color-mix(in srgb,var(--surface-soft) 70%,transparent))}.table-loading-head>*{min-width:0;display:inline-flex;align-items:center;font-size:var(--table-rhythm-head-font-size);color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:var(--table-rhythm-head-letter-spacing)}.table-loading-row{padding:var(--table-rhythm-row-padding-y) var(--table-rhythm-row-padding-x);border-radius:var(--table-rhythm-row-radius);border:1px solid color-mix(in srgb,var(--border) 72%,transparent);background:linear-gradient(145deg,color-mix(in srgb,var(--surface-soft) 86%,transparent),color-mix(in srgb,var(--surface) 80%,transparent))}.table-loading-head .skeleton-line{height:7px;width:72%;justify-self:start}.table-loading-row .skeleton-line{width:88%;min-width:24px;justify-self:start}.table-loading-row>:nth-child(2n){width:68%}.table-loading-row>:nth-child(3n){width:54%}@media(max-width:860px){.table-loading-head,.table-loading-row{grid-template-columns:var(--table-loading-template-mobile)}}:where(.cards-row,.orders-row,.transactions-row,.disputes-row,.holders-row).skeleton-row{cursor:default;pointer-events:none;background:var(--surface);border-style:dashed;border-color:color-mix(in srgb,var(--border) 78%,transparent);transform:none}:where(.cards-row,.orders-row,.transactions-row,.disputes-row,.holders-row).skeleton-row:hover,:where(.cards-row,.orders-row,.transactions-row,.disputes-row,.holders-row).skeleton-row:focus-within{transform:none;background:var(--surface);box-shadow:none;border-color:color-mix(in srgb,var(--border) 78%,transparent)}.cards-row.skeleton-row{border-bottom-style:dashed}:where(.cards-row,.orders-row,.transactions-row,.disputes-row,.holders-row).skeleton-row .skeleton-block{width:100%}.table-shell{--table-shell-min-height: min(500px, 64vh);min-height:var(--table-shell-min-height);align-content:start}.table-shell-enter{animation:table-shell-reveal .22s cubic-bezier(.22,.61,.36,1) both;will-change:opacity,transform}@keyframes table-shell-reveal{0%{opacity:0;transform:translateY(6px) scale(.998)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:860px){.table-shell{--table-shell-min-height: min(360px, 56vh)}}.chart-fade{position:relative;display:flow-root}.chart-fade:before{content:"";position:absolute;inset:0;border-radius:var(--chart-placeholder-radius, 12px);background:var( --chart-placeholder-bg, linear-gradient( 135deg, color-mix(in srgb, var(--surface-soft) 70%, var(--border)) 0%, color-mix(in srgb, var(--surface) 85%, var(--border)) 52%, color-mix(in srgb, var(--surface-soft) 70%, var(--border)) 100% ) );opacity:1;transition:opacity var(--motion-duration-base) var(--motion-ease-standard);pointer-events:none}.chart-fade-content{position:relative;opacity:0;transition:opacity var(--motion-duration-medium) var(--motion-ease-standard) 50ms}.chart-fade.is-ready:before{opacity:0}.chart-fade.is-ready .chart-fade-content{opacity:1}.chart-fade:not(.is-ready) .chart-fade-content{pointer-events:none}app-root .sidebar-mobile-close,app-root .mobile-nav-backdrop,app-root .mobile-shell-header{display:none}app-root .sidebar-mobile-close{width:34px;height:34px;border-radius:10px;border:1px solid var(--border);background:var(--surface-soft);color:var(--text-secondary);align-items:center;justify-content:center;cursor:pointer}app-root .sidebar-mobile-close svg{width:16px;height:16px}app-root .mobile-nav-trigger{border:1px solid var(--surface-card-border);background:var(--surface-card-bg);color:var(--text-primary);border-radius:12px;padding:9px 12px;display:inline-flex;align-items:center;gap:8px;font-size:.82rem;font-weight:600;cursor:pointer}app-root .mobile-nav-trigger:focus-visible{outline:none;box-shadow:0 0 0 3px var(--focus-ring-soft-color)}app-root .mobile-nav-trigger-icon{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center}app-root .mobile-nav-trigger-icon svg{width:18px;height:18px}app-root .mobile-shell-program{flex:1;min-width:0;color:var(--text-secondary);font-size:.78rem;font-weight:600;padding:0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:900px){app-root .mobile-shell-header{display:flex;align-items:center;gap:10px;position:sticky;top:0;z-index:40;padding:8px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}app-root .mobile-nav-backdrop{display:block;position:fixed;inset:0;z-index:125;border:none;padding:0;margin:0;background:color-mix(in srgb,var(--page-bg) 78%,transparent)}app-root .app-shell .sidebar{position:fixed;inset:0 auto 0 0;width:min(304px,calc(100vw - 48px));z-index:130;border-right:1px solid var(--border);border-bottom:none;transform:translate(calc(-100% - 14px));opacity:0;pointer-events:none;transition:transform var(--motion-duration-slow) var(--motion-ease-swift);height:100dvh;max-height:100dvh;padding:18px 14px 16px}app-root .app-shell .sidebar.mobile-open{transform:translate(0);opacity:1;pointer-events:auto;box-shadow:16px 0 24px color-mix(in srgb,var(--text-primary) 16%,transparent)}app-root .app-shell .sidebar-nav{overflow-y:auto;overflow-x:hidden;padding-right:4px;scrollbar-gutter:stable}app-root .sidebar-mobile-close{display:inline-flex}app-root .app-shell .main-content{padding:14px 16px max(20px,env(safe-area-inset-bottom));gap:14px}}@media(prefers-reduced-motion:reduce){.skeleton-block{animation:none;background-position:50% 0}.table-shell-enter{animation:none!important}:where(.panel,.cards-hero,.transactions-hero,.orders-hero,.disputes-hero,.holders-hero,.wallet-header,.programs-shell-head,.brands-page-head,.brand-setup-header,.cards-surface,.transactions-surface,.orders-surface,.disputes-surface,.holders-surface,.wallet-card,.wallet-activity-panel,.programs-list-panel,.brands-list-panel,.settings-card,.sessions-card,.security-card,.developer-hero,.tool-card,.sdk-card,.verify-card,.success-card,.blocked-card,.form-card,.top-card,.get-started-card,.placeholder-card,.details-state,.profile-card,.brands-summary-card,.program-card,.brand-surface,.illustration-card,.table-surface,.cards-table-surface,.programs-kpi-card,.quickstart-step,.webhook-card,.key-card,.key-skeleton-card,.support-card,.wallet-trend-card,.wallet-health-metric,.brand-dashboard-preview-card,.brand-login-preview-card,.kpi-card,.pipeline-card,.action-card,.attention-item,.mobile-card,.brand-row,.tool-row,.program-card-row,.developer-row,.settings-row,.session-row,.allowlist-row,.filter-chip,.status-chip,.period-pill,.segment-button,.sort-chip,.tab-pill,.drawer-tab,.brand-live-preview-tab,.type-filter-trigger,.sort-button,.table-sort,.row-edit-button,.row-action-trigger,.row-action-item,.menu-link,.icon-button,.sidebar,.sidebar-mobile-close,.mobile-nav-trigger,.text-button,.transactions-row,.orders-row,.disputes-row,.holders-row,.cards-row,.table-row){transition:none!important}:where(app-wallet-page,app-programs-page,app-program-brands-page,app-program-brand-setup-page,app-account-holders-page,app-account-holder-details-page,app-card-report-page,app-orders-page,app-transactions-page,app-disputes-page,app-developer-hub-page,app-account-settings-page,app-get-started-page,app-onboarding-page,app-verify-email-page,app-verify-email-success-page,app-business-info-page,app-bank-connect-page) :where(.panel,.cards-hero,.transactions-hero,.orders-hero,.disputes-hero,.holders-hero,.wallet-header,.programs-shell-head,.brands-page-head,.brand-setup-header,.page-header,.details-hero,.cards-surface,.transactions-surface,.orders-surface,.disputes-surface,.holders-surface,.wallet-card,.wallet-trend-card,.wallet-activity-panel,.wallet-health-metric,.kpi-card,.programs-kpi-card,.programs-list-panel,.brands-summary-card,.brands-list-panel,.settings-card,.sessions-card,.security-card,.developer-hero,.tool-card,.sdk-card,.key-card,.key-skeleton-card,.webhook-card,.support-card,.verify-card,.success-card,.blocked-card,.form-card,.top-card,.get-started-card,.placeholder-card,.details-state,.profile-card,.stat-card,.brand-surface,.illustration-card,.table-surface,.cards-table-surface,.orders-table-wrap,.disputes-table-wrap,.holders-table-wrap,.pipeline-card,.action-card,.attention-card,.attention-item,.mobile-card,.program-card,.program-brand-summary-item,.program-flow-asset-card,.brand-login-preview-card,.brand-dashboard-preview-card,.drawer-card,.detail-panel,.allowlist-modal-card){animation:none!important}:where(app-wallet-page,app-programs-page,app-program-brands-page,app-program-brand-setup-page,app-account-holders-page,app-account-holder-details-page,app-card-report-page,app-orders-page,app-transactions-page,app-disputes-page,app-developer-hub-page,app-account-settings-page,app-get-started-page,app-onboarding-page,app-verify-email-page,app-verify-email-success-page,app-business-info-page,app-bank-connect-page)>:where(section,article,div,aside,header,main):not(.kpi-grid,.metrics-grid,.chart-grid,.wallet-summary,.pipeline-strip,.status-strip,.workspace-grid,.programs-kpis,.brands-summary,.hero-stats,.stats-grid,.cards-workspace,.mobile-cards,.program-brand-summary){animation:none!important}:where(app-dashboard-page,app-wallet-page,app-programs-page,app-program-brands-page,app-program-brand-setup-page,app-account-holder-details-page,app-account-settings-page,app-account-holders-page,app-card-report-page,app-orders-page,app-transactions-page,app-disputes-page,app-developer-hub-page) :where(.kpi-card,.kpi-value,.metric-value,.wallet-value,.wallet-amount,.chart-value,.stat-value,.security-value,.detail-amount,.donut-value,.pipeline-card,.pipeline-count,.pipeline-amount,.status-toggle strong,.programs-kpi-card strong,.brands-summary-card strong,.program-brand-summary-item strong,.brand-dashboard-preview-card-value,.wallet-health-metric strong,.legend-value){animation:none!important}.chart-fade:before,.chart-fade-content{transition:none}}@media(forced-colors:active){.skeleton-block{animation:none!important;background:CanvasText!important;background-image:none!important;box-shadow:inset 0 0 0 1px CanvasText!important;opacity:.18;forced-color-adjust:none}:where(.cards-row,.orders-row,.transactions-row,.disputes-row,.holders-row,.table-row).skeleton-row{border-style:solid}}