:root {
  --catback-font-family: "Montserrat", "Segoe UI", Arial, sans-serif;
  --catback-navy: #031e45;
  --catback-navy-light: #053664;
  --catback-blue-teal: #075b81;
  --catback-teal: #068e94;
  --catback-teal-light: #2eb9be;
  --catback-gold: #f8b722;
  --catback-gold-light: #fae078;
  --catback-white: #fcfcfd;
  --catback-soft: #e8f1f3;
  --catback-muted: #57606c;
  --ink: var(--catback-navy);
  --muted: var(--catback-muted);
  --paper: #f8fafb;
  --line: #d9e5e8;
  --lime: var(--catback-teal-light);
  --lime-dark: var(--catback-teal);
  --orange: var(--catback-gold);
  --surface-border: #dce7e9;
  --surface-border-strong: #c7dadd;
  --surface-shadow-sm: 0 6px 18px rgba(3, 30, 69, .06);
  --surface-shadow: 0 16px 38px rgba(3, 30, 69, .09);
  --catback-control-border: #cadde0;
  --catback-control-radius: 17px;
  --catback-card-radius: 26px;
  --catback-control-shadow: inset 0 1px 2px rgba(3, 30, 69, .035), 0 5px 14px rgba(3, 30, 69, .045);
  --catback-card-shadow: inset 0 1px 0 rgba(255, 255, 255, .96), 0 14px 34px rgba(3, 30, 69, .085), 0 3px 9px rgba(3, 30, 69, .035);
}

html { background: #f8fafb; }
body { background: #f8fafb; color: var(--catback-navy); font-family: var(--catback-font-family); }
button,
input,
select,
textarea { font-family: var(--catback-font-family); }

.button-primary,
.payout-save-button,
.dashboard-create-button { background: var(--catback-teal); color: var(--catback-white); box-shadow: 0 9px 20px rgba(6, 142, 148, .22); }
.button-primary:hover,
.payout-save-button:hover,
.dashboard-create-button:hover { background: #057d83; box-shadow: 0 12px 26px rgba(6, 142, 148, .28); }

.site-header {
  width: 100%; max-width: none; min-height: 82px;
  padding-right: max(24px, calc((100vw - 1080px) / 2));
  padding-left: max(24px, calc((100vw - 1080px) / 2));
  border: 0; border-radius: 0; background: var(--catback-navy); box-shadow: none;
}
.site-header .brand { color: var(--catback-white); }
.site-header .brand-mark { width: 52px; height: 52px; border: 0; border-radius: 16px; background: transparent; box-shadow: none; }
.site-header .brand-mark img { transform: scale(1.15); filter: drop-shadow(0 5px 8px rgba(0, 0, 0, .2)); }
.site-header .site-navigation > .site-nav-link { color: rgba(252, 252, 253, .78); }
.site-header .site-navigation > .site-nav-link:hover,
.site-header .site-navigation > .site-nav-link.is-active { border-color: rgba(46, 185, 190, .55); background: rgba(46, 185, 190, .16); color: var(--catback-white); }
.header-avatar { border-color: rgba(252, 252, 253, .88); background: var(--catback-teal); box-shadow: 0 5px 14px rgba(0, 0, 0, .2); }
.header-avatar:hover,
.header-avatar.is-active { box-shadow: 0 8px 20px rgba(0, 0, 0, .26); }
.login-button { border-color: rgba(252, 252, 253, .5); background: rgba(252, 252, 253, .1); color: var(--catback-white); }
.login-button:hover { background: rgba(252, 252, 253, .18); }
.mobile-bottom-navigation { border-top-color: #dce7e9; background: rgba(255, 255, 255, .98); box-shadow: 0 -8px 24px rgba(3, 30, 69, .1); }
.mobile-bottom-navigation a { color: var(--catback-muted); }
.mobile-bottom-navigation a.is-active { color: var(--catback-teal); }

.customer-dashboard { --dashboard-blue: var(--catback-teal); --dashboard-blue-dark: var(--catback-blue-teal); --dashboard-ink: var(--catback-navy); --dashboard-muted: var(--catback-muted); max-width: 1080px; }
.dashboard-hero { padding: 28px; border: 0; border-radius: 30px; background: linear-gradient(140deg, var(--catback-navy) 0%, var(--catback-navy-light) 68%, var(--catback-blue-teal) 100%); box-shadow: 0 20px 44px rgba(3, 30, 69, .18); }
.dashboard-hero::before { width: 290px; height: 290px; top: -185px; left: 36%; background: rgba(46, 185, 190, .14); }
.dashboard-hero::after { width: 240px; height: 240px; right: -120px; bottom: -135px; background: rgba(248, 183, 34, .12); }
.dashboard-hero-copy { color: var(--catback-white); }
.dashboard-hero-mascot { object-fit: contain; filter: drop-shadow(0 14px 15px rgba(0, 0, 0, .28)); }
.dashboard-hero-copy h1 { max-width: 430px; color: var(--catback-white); font-size: clamp(25px, 2.55vw, 36px); font-weight: 800; line-height: 1.12; letter-spacing: -.035em; text-transform: uppercase; }
.dashboard-trust-badge { border-color: rgba(252, 252, 253, .72); background: var(--catback-white); box-shadow: 0 8px 20px rgba(0, 0, 0, .18); color: var(--catback-teal); }
.dashboard-trust-badge svg { width: 21px; height: 21px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.8; }

.dashboard-cashback-note { position: relative; z-index: 2; display: grid; min-height: 150px; place-items: center; padding: clamp(20px, 3vw, 34px); overflow: hidden; border: 1px solid rgba(250, 224, 120, .72); border-radius: 24px; background: linear-gradient(125deg, rgba(5, 54, 100, .96), rgba(6, 142, 148, .9) 62%, rgba(46, 185, 190, .88)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .28), inset 0 0 34px rgba(46, 185, 190, .16), 0 20px 42px rgba(0, 0, 0, .28), 0 0 24px rgba(46, 185, 190, .2); color: var(--catback-white); text-align: center; animation: cashback-note-float 4s ease-in-out infinite; }
.dashboard-cashback-note::before { position: absolute; width: 190px; height: 190px; top: -105px; right: -40px; border-radius: 50%; background: radial-gradient(circle, rgba(250, 224, 120, .42), rgba(248, 183, 34, .08) 46%, transparent 70%); content: ""; animation: cashback-note-orbit 5s ease-in-out infinite alternate; }
.dashboard-cashback-note::after { position: absolute; width: 42%; height: 180%; top: -42%; left: -55%; transform: rotate(18deg); background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .2), transparent); content: ""; animation: cashback-note-shimmer 4.8s ease-in-out infinite; }
.dashboard-cashback-note p { position: relative; z-index: 2; width: 100%; margin: 0; }
.dashboard-cashback-heading { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 7px; font-size: clamp(15px, 1.7vw, 20px); font-weight: 800; line-height: 1.35; }
.dashboard-highlight-rate { display: inline-flex; min-width: 92px; justify-content: center; padding: 5px 14px 6px; border-radius: 999px; background: linear-gradient(110deg, var(--catback-gold-light), var(--catback-gold), #ffd95d); color: var(--catback-navy); box-shadow: 0 0 0 1px rgba(255, 255, 255, .38), 0 9px 22px rgba(248, 183, 34, .38); font-size: clamp(24px, 3.2vw, 38px); font-weight: 900; line-height: 1; letter-spacing: -.04em; animation: cashback-rate-glow 2.2s ease-in-out infinite; }
.dashboard-highlight-rate.is-text { font-size: clamp(15px, 1.8vw, 20px); letter-spacing: 0; }
.dashboard-cashback-subtitle { display: block; margin-top: 12px; color: #dff7f6; font-size: clamp(11px, 1.2vw, 14px); font-weight: 600; line-height: 1.5; }
.dashboard-cashback-note .dashboard-install-button:not([hidden]) { position: relative; z-index: 2; width: min(100%, 440px); min-height: 58px; display: inline-flex; align-items: center; justify-content: center; margin: 20px auto 0; padding: 13px 26px; overflow: hidden; border: 1px solid rgba(255, 255, 255, .72); border-radius: 999px; background: linear-gradient(110deg, var(--catback-gold), var(--catback-gold-light), var(--catback-gold)); background-size: 200% 100%; color: var(--catback-navy); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .72), 0 12px 26px rgba(248, 183, 34, .34); font-family: inherit; font-size: clamp(17px, 2vw, 22px); font-weight: 900; line-height: 1.2; cursor: pointer; animation: dashboard-install-pulse 2.6s ease-in-out infinite; }
.dashboard-cashback-note .dashboard-install-button:not([hidden])::before { position: absolute; inset: 0; content: ""; background: linear-gradient(105deg, transparent 28%, rgba(255, 255, 255, .72) 50%, transparent 72%); transform: translateX(-130%); animation: dashboard-install-shimmer 3s ease-in-out infinite; }
.dashboard-cashback-note .dashboard-install-button:not([hidden]):hover { background-position: 100% 0; transform: translateY(-2px); }
.dashboard-cashback-note .dashboard-install-button:not([hidden]):focus-visible { outline: 3px solid rgba(252, 252, 253, .92); outline-offset: 3px; }

@keyframes dashboard-install-pulse {
  0%, 100% { box-shadow: inset 0 1px 0 rgba(255, 255, 255, .72), 0 12px 26px rgba(248, 183, 34, .34); transform: translateY(0); }
  50% { box-shadow: inset 0 1px 0 rgba(255, 255, 255, .8), 0 16px 34px rgba(248, 183, 34, .52); transform: translateY(-2px); }
}

@keyframes dashboard-install-shimmer {
  0%, 30% { transform: translateX(-130%); }
  68%, 100% { transform: translateX(130%); }
}

@keyframes cashback-rate-glow {
  0%, 100% { transform: scale(1); box-shadow: 0 0 0 1px rgba(255, 255, 255, .38), 0 9px 22px rgba(248, 183, 34, .32); }
  50% { transform: scale(1.06); box-shadow: 0 0 0 4px rgba(250, 224, 120, .18), 0 12px 30px rgba(248, 183, 34, .58); }
}

@keyframes cashback-note-float {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-3px); }
}

@keyframes cashback-note-orbit {
  from { transform: translate3d(0, 0, 0) scale(.92); opacity: .68; }
  to { transform: translate3d(-32px, 26px, 0) scale(1.14); opacity: 1; }
}

@keyframes cashback-note-shimmer {
  0%, 54% { left: -55%; opacity: 0; }
  62% { opacity: 1; }
  82%, 100% { left: 118%; opacity: 0; }
}

.dashboard-promo-card { --promo-pad-x: clamp(12px, 1.7vw, 20px); --promo-radius: clamp(23px, 2.6vw, 27px); container-type: inline-size; isolation: isolate; padding: clamp(13px, 1.7vw, 20px) var(--promo-pad-x) 0; border: 1px solid rgba(252, 252, 253, .82); border-radius: var(--promo-radius); background: linear-gradient(135deg, var(--catback-navy) 0%, var(--catback-blue-teal) 54%, var(--catback-teal) 100%); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .26), 0 18px 34px rgba(0, 0, 0, .26); }
.dashboard-promo-card::before { position: absolute; z-index: 1; inset: 8px; background: radial-gradient(circle at 5% 11%, #f8b722 0 3px, transparent 4px), radial-gradient(circle at 94% 9%, #f8b722 0 4px, transparent 5px), radial-gradient(circle at 87% 17%, #fae078 0 2px, transparent 3px), radial-gradient(circle at 16% 20%, #f8b722 0 2px, transparent 3px), radial-gradient(circle at 72% 7%, #f8b722 0 2px, transparent 3px); content: ""; pointer-events: none; }
.dashboard-promo-card::after { width: 210px; height: 210px; top: -105px; right: -60px; border: 32px solid rgba(46, 185, 190, .18); background: transparent; }
.dashboard-promo-label { z-index: 10; display: table; max-width: calc(100% - 18px); margin: 0 auto 6px; margin: 0 auto clamp(4px, 1cqw, 8px); padding: 8px 14px; padding: clamp(7px, 1.8cqw, 8px) clamp(12px, 3.5cqw, 15px); overflow: visible; background: linear-gradient(100deg, var(--catback-gold-light), #fff3ae); color: var(--catback-navy); box-shadow: 0 7px 16px rgba(0, 0, 0, .18); font-size: 11px; font-size: clamp(10.5px, 2.4cqw, 12px); font-style: italic; font-weight: 800; line-height: 1.2; text-align: center; white-space: nowrap; }
.dashboard-promo-visual { position: relative; display: block; height: 134px; height: clamp(128px, 30.5cqw, 151px); overflow: visible; }
.dashboard-promo-visual strong { position: absolute; z-index: 3; left: 5%; top: -6%; color: var(--catback-white); font-family: var(--catback-font-family); font-size: 132px; font-size: clamp(112px, 33cqw, 146px); font-weight: 900; line-height: .92; letter-spacing: -.09em; text-shadow: 0 5px 0 #d7eef0, 0 9px 0 #075b81, 0 13px 18px rgba(0, 0, 0, .42); -webkit-text-stroke: 1px rgba(252, 252, 253, .9); }
.dashboard-promo-rate { display: flex; align-items: flex-end; white-space: nowrap; }
.dashboard-promo-rate small { margin: 0 0 .08em .04em; font-size: .58em; font-weight: 900; line-height: 1; letter-spacing: -.08em; }
.dashboard-promo-visual strong.is-text { color: var(--catback-white); font-size: 27px; }
.dashboard-promo-art { position: absolute; z-index: 2; width: 100%; height: 120%; top: -12.5%; right: -21%; bottom: auto; object-fit: contain; pointer-events: none; filter: drop-shadow(0 12px 15px rgba(0, 0, 0, .2)); }
.dashboard-promo-benefits { z-index: 6; gap: 5px; gap: clamp(5px, 1.3cqw, 7px); margin-top: 0; }
.dashboard-promo-benefits span { display: flex; min-height: 38px; min-height: clamp(34px, 8cqw, 42px); align-items: center; justify-content: center; gap: 5px; padding: 6px 4px; padding: clamp(5px, 1.4cqw, 7px) clamp(3px, 1.2cqw, 6px); border: 0; background: rgba(252, 252, 253, .96); color: var(--catback-navy); font-size: 9px; font-size: clamp(8px, 2cqw, 10px); font-weight: 800; line-height: 1.2; text-transform: none; }
.dashboard-promo-benefits b { display: inline-grid; width: 18px; width: clamp(17px, 4cqw, 20px); height: 18px; height: clamp(17px, 4cqw, 20px); flex: 0 0 18px; flex-basis: clamp(17px, 4cqw, 20px); place-items: center; border-radius: 50%; background: var(--catback-gold); color: var(--catback-navy); font-size: 10px; font-size: clamp(9px, 2.2cqw, 11px); }
.dashboard-promo-card > p { z-index: 5; min-height: 72px; min-height: clamp(68px, 16cqw, 78px); margin: 5px calc(0px - var(--promo-pad-x)) 0; margin-top: clamp(4px, 1cqw, 5px); padding: 16px 16px 11px; padding: clamp(14px, 3.5cqw, 18px) clamp(14px, 4cqw, 20px) 11px; overflow: hidden; border-radius: 50% 50% var(--promo-radius) var(--promo-radius) / 15px 15px var(--promo-radius) var(--promo-radius); border-radius: 50% 50% var(--promo-radius) var(--promo-radius) / clamp(12px, 3cqw, 18px) clamp(12px, 3cqw, 18px) var(--promo-radius) var(--promo-radius); background: rgba(245, 252, 252, .97); color: var(--catback-navy); font-size: 11px; font-size: clamp(10.5px, 2.2cqw, 12px); font-weight: 700; line-height: 1.45; }
.dashboard-promo-card > p b { color: var(--catback-gold); font-size: 16px; }
.dashboard-promo-card > p span { color: var(--catback-teal); }

.dashboard-create-card { padding: 24px 22px 22px; border-color: #dce6e8; border-radius: 27px; background: #fff; box-shadow: inset 0 1px 0 #fff, 0 15px 34px rgba(3, 30, 69, .08); }
.dashboard-create-heading h2 { color: var(--catback-navy); font-size: 21px; font-weight: 800; }
.dashboard-create-heading h2 span { color: var(--catback-gold); }
.dashboard-create-heading p { color: var(--catback-muted); }
.dashboard-create-icon { border-radius: 50%; background: linear-gradient(135deg, var(--catback-teal-light), var(--catback-teal)); color: var(--catback-white); box-shadow: 0 7px 16px rgba(6, 142, 148, .2); }
.dashboard-input-shell { border-color: #d7e2e5; background: #fff; }
.dashboard-input-shell:focus-within { border-color: var(--catback-teal); box-shadow: 0 0 0 4px rgba(6, 142, 148, .12); }
.dashboard-input-shell > span { color: var(--catback-blue-teal); }
.dashboard-create-card input::placeholder { color: #9aa4ac; }
.dashboard-link-benefits span { display: flex; align-items: center; justify-content: center; gap: 7px; color: var(--catback-navy); line-height: 1.4; }
.dashboard-link-benefits b { display: grid; width: 26px; height: 26px; flex: 0 0 26px; place-items: center; border-radius: 9px; background: #e5f7f6; color: var(--catback-teal); font-size: 12px; }
.dashboard-create-button { min-height: 54px; background: var(--catback-teal); font-size: 15px; font-weight: 700; }

.dashboard-section-heading h2 { color: var(--catback-navy); }
.dashboard-section-heading a,
.dashboard-text-link,
.affiliate-copy-button { color: var(--catback-teal); }
.affiliate-link-card { border-color: #e0e8ea; border-left-color: var(--catback-teal); border-radius: 22px; background: #fff; box-shadow: inset 0 1px 0 #fff, 0 9px 22px rgba(3, 30, 69, .07); }
.affiliate-link-card:nth-child(3n + 2),
.affiliate-link-card:nth-child(3n) { border-left-color: var(--catback-teal-light); }
.affiliate-link-card:hover { border-color: #bbd4d7; box-shadow: inset 0 1px 0 #fff, 0 13px 28px rgba(3, 30, 69, .11); }
.affiliate-link-card.is-new { border-color: var(--catback-teal); box-shadow: 0 0 0 3px rgba(6, 142, 148, .12), 0 11px 25px rgba(3, 30, 69, .1); }
.affiliate-product-image { border-color: #dbe8e9; background: #f1f7f8; color: var(--catback-teal); }
.affiliate-store { color: var(--catback-muted); }
.affiliate-estimate { color: var(--catback-teal); }
.affiliate-buy-button { background: var(--catback-gold); color: var(--catback-navy); box-shadow: 0 8px 18px rgba(248, 183, 34, .28); }
.affiliate-buy-button:hover { background: #f5aa08; color: var(--catback-navy); box-shadow: 0 11px 23px rgba(248, 183, 34, .34); }
.affiliate-link-card footer { border-top-color: #e9eff0; }
.dashboard-empty { border-color: #bcd7d9; background: #fff; }

.cashback-summary { border-color: #8dced1; background: linear-gradient(135deg, #d9f3f2 0%, #b6e3e4 58%, #eef9f9 100%); box-shadow: inset 0 1px 0 #fff, 0 13px 29px rgba(3, 30, 69, .1); }
.cashback-summary > span { color: var(--catback-blue-teal); }
.cashback-summary > strong { color: var(--catback-navy); }
.cashback-summary > div { color: var(--catback-muted); }
.cashback-summary b { color: #b77b00; }
.affiliate-guide { border-color: #dce7e9; background: #fff; box-shadow: inset 0 1px 0 #fff, 0 11px 25px rgba(3, 30, 69, .07); }
.affiliate-guide h2 { color: var(--catback-navy); }
.affiliate-guide li > span { background: #def3f3; color: var(--catback-teal); }
.affiliate-guide li p { color: var(--catback-muted); }
.affiliate-guide-note { border-top-color: #e2ebed; color: var(--catback-blue-teal); }
.site-footer { border-color: #dce7e9; }

.auth-switch a,
.field-heading a,
.check-legal a,
.profile-heading .eyebrow,
.profile-text-link { color: var(--catback-teal); }
.field input:focus,
.form-stack > input:focus,
.profile-field input:focus,
.profile-field select:focus { border-color: var(--catback-teal); box-shadow: 0 0 0 4px rgba(6, 142, 148, .12); }
.auth-aside { background: var(--catback-navy); }
.auth-aside::before { background: var(--catback-teal-light); }
.status-info { border-color: #b7d9db; background: #edf8f8; color: var(--catback-blue-teal); }
.profile-heading h1,
.profile-card h2 { color: var(--catback-navy); }
.profile-heading p,
.profile-card p { color: var(--catback-muted); }
.profile-avatar-image,
.profile-avatar-fallback,
.profile-card-icon { background: linear-gradient(135deg, var(--catback-teal-light), var(--catback-teal)); box-shadow: 0 8px 20px rgba(6, 142, 148, .2); }
.profile-card { border-color: #dce7e9; background: #fff; box-shadow: inset 0 1px 0 #fff, 0 13px 31px rgba(3, 30, 69, .08); }
.profile-details div { border-bottom-color: #e2ebed; }
.profile-details dt { color: var(--catback-muted); }
.profile-details dd { color: var(--catback-navy); }
.profile-field label { color: var(--catback-navy); }
.profile-field input,
.profile-field select { border-color: #d4e1e3; background-color: #fff; color: var(--catback-navy); }
.profile-field select,
.filter-bar select { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23068e94' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E"); }
.profile-highlight-card { border-color: #afd5d7; background: linear-gradient(135deg, #e7f6f6, #fff); }
.profile-logout-card { border-color: #dce7e9; }
.profile-logout-button { border-color: #9fcdd0; color: var(--catback-blue-teal); }
.profile-logout-button:hover { border-color: var(--catback-teal); background: #f0f9f9; }

@supports (appearance: base-select) {
  .profile-field select,
  .filter-bar select { background-image: none; }
  .profile-field select::picker-icon { color: var(--catback-teal); }
  .profile-field select option:hover,
  .profile-field select option:checked,
  .filter-bar select option:hover,
  .filter-bar select option:checked { background: #e5f6f6; }
}

.field input,
.form-stack > input:not([type="hidden"]),
.profile-field input,
.profile-field select,
.link-input-row input,
.copy-row input,
.filter-bar select {
  border: 1px solid var(--catback-control-border);
  border-radius: var(--catback-control-radius);
  background-color: #fff;
  box-shadow: var(--catback-control-shadow);
  transition: border-color .2s ease, box-shadow .2s ease, background-color .2s ease;
}

.field input:hover,
.form-stack > input:not([type="hidden"]):hover,
.profile-field input:hover,
.profile-field select:hover,
.link-input-row input:hover,
.copy-row input:hover,
.filter-bar select:hover {
  border-color: #9fc5c9;
  background-color: #fdfefe;
  box-shadow: inset 0 1px 2px rgba(3, 30, 69, .03), 0 8px 19px rgba(3, 30, 69, .065);
}

.field input:focus,
.form-stack > input:not([type="hidden"]):focus,
.profile-field input:focus,
.profile-field select:focus,
.link-input-row input:focus,
.copy-row input:focus,
.filter-bar select:focus {
  border-color: var(--catback-teal);
  background-color: #fff;
  box-shadow: 0 0 0 4px rgba(6, 142, 148, .13), 0 11px 24px rgba(3, 30, 69, .09);
  outline: none;
}

.dashboard-input-shell,
.commission-rate-input {
  border: 1px solid var(--catback-control-border);
  border-radius: var(--catback-control-radius);
  background: linear-gradient(180deg, #fff, #fcfefe);
  box-shadow: var(--catback-control-shadow);
  transition: border-color .2s ease, box-shadow .2s ease;
}

.dashboard-input-shell:hover,
.commission-rate-input:hover {
  border-color: #9fc5c9;
  box-shadow: inset 0 1px 2px rgba(3, 30, 69, .03), 0 9px 21px rgba(3, 30, 69, .07);
}

.dashboard-input-shell:focus-within,
.commission-rate-input:focus-within {
  border-color: var(--catback-teal);
  box-shadow: 0 0 0 4px rgba(6, 142, 148, .13), 0 12px 25px rgba(3, 30, 69, .09);
}

.dashboard-create-card,
.affiliate-link-card,
.cashback-summary,
.affiliate-guide,
.dashboard-empty,
.profile-card,
.auth-card,
.panel,
.order-card,
.link-card,
.pwa-install-card {
  border-color: rgba(180, 207, 211, .78);
  border-radius: var(--catback-card-radius);
  box-shadow: var(--catback-card-shadow);
}

.dashboard-create-card,
.affiliate-link-card,
.affiliate-guide,
.dashboard-empty,
.profile-card,
.auth-card,
.panel,
.order-card,
.link-card,
.pwa-install-card {
  background-image: linear-gradient(145deg, #fff 0%, #fff 72%, #f8fcfc 100%);
}

.affiliate-link-card:hover,
.order-card:hover {
  border-color: #9fc7ca;
  box-shadow: inset 0 1px 0 #fff, 0 18px 39px rgba(3, 30, 69, .12), 0 4px 11px rgba(3, 30, 69, .05);
  transform: translateY(-2px);
}

@keyframes shortcut-teal-pulse {
  0%, 100% { box-shadow: 0 0 0 0 rgba(46, 185, 190, .28), 0 7px 18px rgba(0, 0, 0, .18); transform: translateY(0); }
  50% { box-shadow: 0 0 0 7px rgba(46, 185, 190, 0), 0 10px 22px rgba(0, 0, 0, .24); transform: translateY(-1px); }
}

@media (max-width: 900px) {
  .dashboard-hero { padding: 23px; }
}

@media (max-width: 640px) {
  body:has(.customer-dashboard) .site-header {
    position: absolute;
    z-index: 32;
    top: 0;
    right: 0;
    justify-content: flex-end;
    width: auto;
    min-height: 62px;
    padding: 12px 14px;
    background: transparent;
    pointer-events: none;
  }

  body:has(.customer-dashboard) .site-header .brand,
  body:has(.customer-dashboard) .site-header .site-navigation { display: none; }
  body:has(.customer-dashboard) .site-header .header-actions { margin: 0; pointer-events: auto; }
  body:has(.customer-dashboard) .login-button {
    width: 38px;
    min-height: 38px;
    padding: 0;
    border-radius: 50%;
    font-size: 0;
  }
  body:has(.customer-dashboard) .login-button::after {
    content: "↗";
    font-size: 16px;
    font-weight: 800;
  }

  .site-header .brand-mark { width: 44px; height: 44px; }
  .customer-dashboard { margin-top: 0; padding: 0 10px; }
  .dashboard-hero { gap: 18px; padding: 14px 14px 20px; margin-right: -10px; margin-left: -10px; border-radius: 0 0 29px 29px; }
  .dashboard-hero-copy { justify-content: flex-start; gap: 8px; padding-right: 86px; }
  .dashboard-hero-mascot { width: 92px; height: 92px; flex-basis: 92px; }
  .dashboard-hero-copy h1 { max-width: 215px; margin-bottom: 9px; font-size: 15.5px; line-height: 1.13; letter-spacing: -.055em; }
  .dashboard-trust-badge { font-size: 9px; }
  .dashboard-cashback-note { min-height: auto; padding: 15px 12px 17px; border-radius: 20px; }
  .dashboard-cashback-heading { font-size: 14px; }
  .dashboard-highlight-rate { min-width: 82px; font-size: 27px; }
  .dashboard-cashback-subtitle { margin-top: 8px; font-size: 10px; }
  .dashboard-cashback-note .dashboard-install-button:not([hidden]) { width: min(100%, 310px); min-height: 50px; margin-top: 14px; padding: 11px 22px; font-size: 16px; }
  .dashboard-create-card,
  .affiliate-link-card,
  .cashback-summary,
  .affiliate-guide,
  .dashboard-empty,
  .profile-card,
  .auth-card,
  .panel,
  .order-card,
  .link-card,
  .pwa-install-card { border-radius: 21px; box-shadow: inset 0 1px 0 #fff, 0 9px 23px rgba(3, 30, 69, .075); }
  .field input,
  .form-stack > input:not([type="hidden"]),
  .profile-field input,
  .profile-field select,
  .link-input-row input,
  .copy-row input,
  .filter-bar select,
  .dashboard-input-shell,
  .commission-rate-input { border-radius: 15px; }
  .dashboard-create-card { padding: 19px 14px; border-radius: 23px; }
  .dashboard-create-heading h2 { font-size: 19px; }
  .dashboard-create-heading p { font-size: 11px; }
  .dashboard-link-benefits { gap: 3px; }
  .dashboard-link-benefits span { display: grid; justify-items: center; gap: 5px; font-size: 8px; text-align: center; }
  .dashboard-link-benefits b { width: 25px; height: 25px; }
  .dashboard-create-button { min-height: 52px; }
  .affiliate-buy-button { font-weight: 800; }
}

@media (max-width: 380px) {
  .dashboard-hero-copy { gap: 7px; }
  .dashboard-hero-mascot { width: 86px; height: 86px; flex-basis: 86px; }
  .dashboard-hero-copy h1 { font-size: 20px; }
  .dashboard-promo-benefits { grid-template-columns: repeat(3, 1fr); }
  .dashboard-link-benefits { grid-template-columns: repeat(3, 1fr); }
  .dashboard-link-benefits span { text-align: center; }
}

@media (prefers-reduced-motion: reduce) {
  .dashboard-cashback-note .dashboard-install-button:not([hidden]),
  .dashboard-cashback-note .dashboard-install-button:not([hidden])::before,
  .dashboard-highlight-rate,
  .dashboard-cashback-note,
  .dashboard-cashback-note::before,
  .dashboard-cashback-note::after { animation: none; }
}