:root {
  --home-orange: #f97316;
  --home-orange-deep: #d94f09;
  --home-gold: #f5b942;
  --home-ink: #1c252e;
  --home-muted: #6f7b86;
  --home-green: #17866f;
  --home-line: rgba(49, 58, 66, 0.09);
  --home-surface: #ffffff;
}

body[data-page="dashboard"] {
  margin: 0;
  overflow-x: hidden;
  color: var(--home-ink);
  background: #f1f4f6;
}

body[data-page="dashboard"] .dashboard-home {
  position: relative;
  width: min(100%, 1180px);
  min-height: 100svh;
  margin: 0 auto;
  overflow: hidden;
  background:
    linear-gradient(rgba(249, 115, 22, 0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(249, 115, 22, 0.035) 1px, transparent 1px),
    #f8fafb;
  background-size: 36px 36px;
  box-shadow: 0 0 0 1px rgba(31, 41, 48, 0.04);
}

body[data-page="dashboard"] a { text-decoration: none; }
body[data-page="dashboard"] button { font: inherit; }

.dashboard-home .premium-home-header {
  position: sticky;
  top: 0;
  z-index: 20;
  padding: 13px clamp(16px, 3vw, 30px) 12px;
  border-bottom: 1px solid rgba(249, 115, 22, 0.1);
  border-radius: 0 0 18px 18px;
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 12px 34px rgba(36, 44, 51, 0.08);
  backdrop-filter: blur(20px) saturate(1.15);
  animation: homeFadeIn 280ms ease both;
}

.dashboard-home .header-primary,
.dashboard-home .header-user-row,
.dashboard-home .notice-row,
.dashboard-home .balance-heading,
.dashboard-home .balance-amount-wrap,
.dashboard-home .section-heading,
.dashboard-home .offer-topline,
.dashboard-home .corporate-banner,
.dashboard-home .home-download-card {
  display: flex;
  align-items: center;
}

.dashboard-home .header-primary,
.dashboard-home .balance-heading,
.dashboard-home .section-heading,
.dashboard-home .offer-topline {
  justify-content: space-between;
}

.dashboard-home .novapay-home-brand {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  min-width: 0;
  color: var(--home-ink);
}

.dashboard-home .novapay-home-brand img {
  width: 42px;
  height: 42px;
  object-fit: contain;
  filter: drop-shadow(0 8px 13px rgba(217, 79, 9, 0.18));
}

.dashboard-home .novapay-home-brand strong { display: block; font-size: 19px; font-weight: 900; line-height: 1; }
.dashboard-home .novapay-home-brand small { display: block; margin-top: 3px; color: #8a7567; font-size: 10px; font-weight: 700; }
.dashboard-home .header-tools { display: flex; gap: 8px; }

.dashboard-home .header-icon-button {
  position: relative;
  display: grid;
  width: 44px;
  height: 44px;
  place-items: center;
  overflow: hidden;
  border: 1px solid rgba(249, 115, 22, 0.12);
  border-radius: 50%;
  color: #5f6972;
  background: #fff8f2;
  transition: color 220ms ease, background 220ms ease, transform 220ms ease, box-shadow 220ms ease;
}

.dashboard-home .header-icon-button:hover { color: var(--home-orange); background: #fff; box-shadow: 0 9px 22px rgba(203, 83, 14, 0.12); }
.dashboard-home .header-icon-button:active { transform: scale(0.92); }
.dashboard-home .header-icon-button svg { width: 20px; height: 20px; }
.dashboard-home .notification-dot { position: absolute; top: 10px; right: 10px; width: 6px; height: 6px; border: 1px solid #fff; border-radius: 50%; background: var(--home-orange); }

.dashboard-home .header-user-row { gap: 11px; margin-top: 11px; }
.dashboard-home .avatar-bubble { display: grid; width: 45px; height: 45px; flex: 0 0 45px; place-items: center; overflow: hidden; border: 2px solid #fff; border-radius: 50%; color: #fff; background: linear-gradient(145deg, #ff9e3d, var(--home-orange), var(--home-orange-deep)); box-shadow: 0 7px 18px rgba(217, 79, 9, 0.22); font-weight: 900; }
.dashboard-home .avatar-bubble img { width: 100%; height: 100%; object-fit: cover; }
.dashboard-home .header-greeting { min-width: 0; }
.dashboard-home .header-greeting p { margin: 0 0 2px; color: #8a7567; font-size: 10px; font-weight: 700; }
.dashboard-home .header-greeting h1 { max-width: min(62vw, 540px); margin: 0; overflow: hidden; color: var(--home-ink); font-size: clamp(17px, 3vw, 21px); font-weight: 900; text-overflow: ellipsis; white-space: nowrap; }
.dashboard-home .header-greeting span { display: block; margin-top: 2px; color: #929ca5; font-size: 10px; font-weight: 800; }

.dashboard-home .notice-row {
  gap: 9px;
  min-height: 32px;
  margin-top: 11px;
  padding: 5px 10px;
  overflow: hidden;
  border: 1px solid rgba(249, 115, 22, 0.1);
  border-radius: 8px;
  color: #9b4a17;
  background: #fff7ed;
  font-size: 10px;
  font-weight: 800;
}

.dashboard-home .notice-icon { display: grid; width: 24px; height: 24px; flex: 0 0 24px; place-items: center; border-radius: 7px; color: #fff; background: var(--home-orange); }
.dashboard-home .notice-icon svg { width: 13px; height: 13px; }
.dashboard-home .ticker-window { min-width: 0; overflow: hidden; white-space: nowrap; }
.dashboard-home .ticker-text { display: inline-block; padding-left: 100%; animation: homeTicker 20s linear infinite; }

.dashboard-home .dashboard-content {
  width: min(100%, 1060px);
  margin: 0 auto;
  padding: 20px clamp(14px, 3vw, 28px) calc(128px + env(safe-area-inset-bottom));
}

.dashboard-home .balance-hero {
  position: relative;
  overflow: hidden;
  padding: clamp(20px, 4vw, 30px);
  border: 1px solid rgba(255, 255, 255, 0.42);
  border-radius: 20px;
  color: #fff;
  background:
    linear-gradient(112deg, rgba(255, 255, 255, 0.1), transparent 46%),
    linear-gradient(130deg, #ff9b35, #f97316 52%, #d94f09);
  box-shadow: 0 22px 48px rgba(217, 79, 9, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.32);
  animation: homeSlideUp 320ms cubic-bezier(0.2, 0.82, 0.25, 1) both;
}

.dashboard-home .balance-hero::before {
  position: absolute;
  inset: 0;
  content: "";
  opacity: 0.22;
  background-image: linear-gradient(rgba(255, 255, 255, 0.16) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.13) 1px, transparent 1px);
  background-size: 28px 28px;
  pointer-events: none;
}

.dashboard-home .balance-shine { position: absolute; top: -38px; right: -12%; width: 72%; height: 112px; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent); filter: blur(16px); transform: rotate(-10deg); animation: balanceGlow 5s ease-in-out infinite alternate; }
.dashboard-home .balance-heading, .dashboard-home .balance-stats { position: relative; z-index: 1; }
.dashboard-home .balance-heading { gap: 18px; }
.dashboard-home .balance-heading p { margin: 0; color: rgba(255, 255, 255, 0.78); font-size: 11px; font-weight: 800; }
.dashboard-home .balance-amount-wrap { gap: 10px; margin-top: 8px; }
.dashboard-home .coin-logo { width: 38px; height: 38px; object-fit: contain; filter: drop-shadow(0 7px 12px rgba(104, 43, 5, 0.2)); }
.dashboard-home #balance { min-width: 0; overflow-wrap: anywhere; color: #fff; font-size: clamp(34px, 7vw, 50px); font-weight: 900; line-height: 1; }
.dashboard-home .wallet-mark { display: grid; width: 52px; height: 52px; flex: 0 0 52px; place-items: center; border: 1px solid rgba(255, 255, 255, 0.28); border-radius: 15px; color: #fff; background: rgba(255, 255, 255, 0.15); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.22); backdrop-filter: blur(8px); }
.dashboard-home .wallet-mark svg { width: 25px; height: 25px; }

.dashboard-home .balance-stats { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 22px; border-top: 1px solid rgba(255, 255, 255, 0.22); }
.dashboard-home .balance-stats article { min-width: 0; padding: 15px 0 0; }
.dashboard-home .balance-stats article + article { margin-left: 18px; padding-left: 18px; border-left: 1px solid rgba(255, 255, 255, 0.22); }
.dashboard-home .balance-stats article > span, .dashboard-home .balance-stats small { display: block; color: rgba(255, 255, 255, 0.7); font-size: 10px; font-weight: 700; }
.dashboard-home .balance-stats strong { display: block; margin: 5px 0 4px; overflow-wrap: anywhere; color: #fff; font-size: clamp(16px, 3vw, 21px); font-weight: 900; }

.dashboard-home .home-section { margin-top: 25px; animation: homeSlideUp 320ms ease both; }
.dashboard-home .home-section:nth-of-type(2) { animation-delay: 40ms; }
.dashboard-home .home-section:nth-of-type(3) { animation-delay: 80ms; }
.dashboard-home .home-section:nth-of-type(4) { animation-delay: 120ms; }
.dashboard-home .home-section:nth-of-type(5) { animation-delay: 160ms; }
.dashboard-home .section-heading { gap: 12px; margin-bottom: 11px; }
.dashboard-home .section-heading h2 { margin: 2px 0 0; color: var(--home-ink); font-size: 18px; font-weight: 900; }
.dashboard-home .section-heading > small { color: #87929c; font-size: 10px; font-weight: 700; }
.dashboard-home .section-kicker { color: #ca570f; font-size: 9px; font-weight: 900; }

.dashboard-home .primary-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.dashboard-home .primary-action {
  position: relative;
  display: grid;
  min-height: 116px;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  overflow: hidden;
  padding: 18px;
  border-radius: 18px;
  transition: transform 220ms ease, box-shadow 220ms ease;
  -webkit-tap-highlight-color: transparent;
}

.dashboard-home .primary-action::after,
.dashboard-home .quick-action::after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 22px;
  height: 22px;
  content: "";
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.36);
  opacity: 0;
  transform: translate(-50%, -50%) scale(0);
  pointer-events: none;
}

.dashboard-home .primary-action:active::after,
.dashboard-home .quick-action:active::after { animation: homeRipple 300ms ease-out; }
.dashboard-home .primary-action:active { transform: scale(0.97); }
.dashboard-home .buy-action { border: 1px solid rgba(255, 255, 255, 0.34); color: #fff; background: linear-gradient(135deg, #ff9d38, #f97316 54%, #dd4d08); box-shadow: 0 15px 30px rgba(217, 79, 9, 0.22); }
.dashboard-home .sell-action { border: 1px solid rgba(249, 115, 22, 0.16); color: var(--home-ink); background: linear-gradient(145deg, #fff, #fff6ed); box-shadow: 0 13px 28px rgba(54, 66, 75, 0.09); }
.dashboard-home .primary-action-icon { display: grid; width: 49px; height: 49px; place-items: center; border-radius: 14px; }
.dashboard-home .buy-action .primary-action-icon { background: rgba(255, 255, 255, 0.18); }
.dashboard-home .sell-action .primary-action-icon { color: var(--home-orange); background: #fff0e3; }
.dashboard-home .primary-action-icon svg { width: 24px; height: 24px; }
.dashboard-home .primary-action-copy { min-width: 0; }
.dashboard-home .primary-action-copy strong, .dashboard-home .primary-action-copy small { display: block; }
.dashboard-home .primary-action-copy strong { font-size: 21px; font-weight: 900; }
.dashboard-home .primary-action-copy small { margin-top: 4px; overflow: hidden; color: currentColor; font-size: 10px; font-weight: 600; opacity: 0.74; text-overflow: ellipsis; white-space: nowrap; }
.dashboard-home .primary-action-arrow { width: 20px; height: 20px; transition: transform 220ms ease; }
.dashboard-home .primary-action:hover .primary-action-arrow { transform: translate(3px, -3px); }

.dashboard-home .quick-action-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.dashboard-home .quick-action {
  position: relative;
  display: flex;
  min-width: 0;
  min-height: 102px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 9px;
  overflow: hidden;
  padding: 11px 6px;
  border: 1px solid var(--home-line);
  border-radius: 16px;
  color: #2e3840;
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 9px 22px rgba(46, 57, 65, 0.06);
  transition: border-color 220ms ease, color 220ms ease, transform 220ms ease, box-shadow 220ms ease;
  -webkit-tap-highlight-color: transparent;
}

.dashboard-home .quick-action:hover { border-color: rgba(249, 115, 22, 0.25); color: var(--home-orange); box-shadow: 0 12px 25px rgba(198, 80, 12, 0.11); transform: translateY(-2px); }
.dashboard-home .quick-action:active { transform: scale(0.96); }
.dashboard-home .quick-action > span { display: grid; width: 43px; height: 43px; place-items: center; border-radius: 13px; color: var(--home-orange); background: #fff0e3; }
.dashboard-home .quick-action svg { width: 21px; height: 21px; }
.dashboard-home .quick-action strong { max-width: 100%; overflow: hidden; font-size: 11px; font-weight: 800; text-overflow: ellipsis; white-space: nowrap; }
.dashboard-home .quick-action-info { cursor: default; }
.dashboard-home .quick-action-info strong { white-space: normal; }
.dashboard-home .quick-action-info small { max-width: 190px; color: #7d8790; font-size: 9px; font-weight: 600; line-height: 1.35; text-align: center; }
.dashboard-home .quick-action-disabled { cursor: not-allowed; opacity: 0.48; }

.dashboard-home .live-label { display: inline-flex; align-items: center; gap: 6px; color: #718078; font-size: 9px; font-weight: 800; }
.dashboard-home .live-label i { width: 7px; height: 7px; border-radius: 50%; background: var(--home-green); box-shadow: 0 0 0 4px rgba(23, 134, 111, 0.1); animation: livePulse 1.8s ease-in-out infinite; }
.dashboard-home .proof-list { overflow: hidden; border: 1px solid var(--home-line); border-radius: 18px; background: #fff; box-shadow: 0 12px 28px rgba(44, 55, 63, 0.07); }
.dashboard-home .proof-item { position: relative; display: flex; min-height: 72px; align-items: center; justify-content: space-between; gap: 12px; padding: 13px 15px 13px 50px; border-bottom: 1px solid rgba(49, 58, 66, 0.07); animation: activityIn 300ms ease both !important; }
.dashboard-home .proof-item::before { position: absolute; left: 15px; display: grid; width: 25px; height: 25px; place-items: center; border-radius: 8px; content: ""; background: #fff0e3; box-shadow: inset 0 0 0 1px rgba(249, 115, 22, 0.12); }
.dashboard-home .proof-item::after { position: absolute; left: 23px; width: 8px; height: 5px; content: ""; border-bottom: 2px solid var(--home-orange); border-left: 2px solid var(--home-orange); transform: rotate(-45deg) translateY(-1px); }
.dashboard-home .proof-item:last-child { border-bottom: 0; }
.dashboard-home .proof-item > div { min-width: 0; }
.dashboard-home .proof-item strong { display: block; overflow: hidden; color: #2b343c; font-size: 12px; font-weight: 900; text-overflow: ellipsis; white-space: nowrap; }
.dashboard-home .proof-item .eyebrow { margin: 4px 0 0; overflow: hidden; color: #8b959e; font-size: 10px; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }
.dashboard-home .proof-item .amount { flex: 0 0 auto; padding: 6px 9px; border-radius: 999px; color: var(--home-green); background: #eefaf6; font-size: 11px; font-weight: 900; white-space: nowrap; }

.dashboard-home .offer-grid { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(0, 0.65fr); gap: 12px; }
.dashboard-home .offer-card { min-width: 0; padding: 18px; border: 1px solid var(--home-line); border-radius: 18px; background: #fff; box-shadow: 0 11px 26px rgba(44, 55, 63, 0.07); }
.dashboard-home .offer-topline > span { display: inline-flex; align-items: center; gap: 7px; color: #7a6759; font-size: 10px; font-weight: 900; }
.dashboard-home .offer-topline > span svg { width: 16px; height: 16px; color: var(--home-orange); }
.dashboard-home .offer-topline > a { display: inline-flex; min-height: 44px; align-items: center; gap: 4px; padding: 0 5px; color: var(--home-orange); font-size: 10px; font-weight: 900; }
.dashboard-home .offer-topline > a svg { width: 13px; height: 13px; }
.dashboard-home .offer-profit { display: flex; align-items: baseline; gap: 8px; margin-top: 8px; }
.dashboard-home .offer-profit strong { color: var(--home-orange); font-size: clamp(27px, 5vw, 36px); font-weight: 900; font-style: italic; }
.dashboard-home .offer-profit span, .dashboard-home .rupee-offer > p { color: #6f7b86; font-size: 10px; font-weight: 700; }
.dashboard-home .learn-link { display: inline-flex; min-height: 34px; align-items: center; color: #b64c0a; font-size: 9px; font-weight: 800; text-decoration: underline; }
.dashboard-home .price-comparison { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin-top: 8px; }
.dashboard-home .price-comparison > div { min-width: 0; padding: 10px; border-radius: 10px; background: #f8f7f5; }
.dashboard-home .price-comparison span, .dashboard-home .price-comparison strong { display: block; }
.dashboard-home .price-comparison span { overflow: hidden; color: #89939c; font-size: 8px; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }
.dashboard-home .price-comparison strong { margin-top: 5px; overflow-wrap: anywhere; color: #28323a; font-size: 13px; font-weight: 900; }
.dashboard-home .rupee-offer { background: linear-gradient(145deg, #fff8f2, #fff); }
.dashboard-home .rupee-offer > p { margin: 8px 0 0; }

.dashboard-home .corporate-banner { gap: 14px; min-height: 112px; padding: 17px 18px; border: 1px solid rgba(249, 115, 22, 0.14); border-radius: 18px; background: linear-gradient(105deg, #fff8f1, #fff 62%); box-shadow: 0 12px 28px rgba(132, 67, 21, 0.08); }
.dashboard-home .corporate-icon { display: grid; width: 48px; height: 48px; flex: 0 0 48px; place-items: center; border-radius: 14px; color: #fff; background: linear-gradient(145deg, #ff9d38, #e85b0e); box-shadow: 0 10px 22px rgba(217, 79, 9, 0.2); }
.dashboard-home .corporate-icon svg { width: 23px; height: 23px; }
.dashboard-home .corporate-banner > div { min-width: 0; flex: 1; }
.dashboard-home .corporate-banner h2 { margin: 3px 0 4px; color: #263039; font-size: 15px; font-weight: 900; }
.dashboard-home .corporate-banner p { margin: 0; color: #7e6b5d; font-size: 11px; }
.dashboard-home .corporate-banner p strong { color: var(--home-orange); font-size: 16px; }
.dashboard-home .corporate-banner > a { display: grid; width: 44px; height: 44px; flex: 0 0 44px; place-items: center; border-radius: 50%; color: var(--home-orange); background: #fff; box-shadow: 0 8px 18px rgba(123, 67, 28, 0.1); transition: transform 220ms ease; }
.dashboard-home .corporate-banner > a:active { transform: scale(0.9); }
.dashboard-home .corporate-banner > a svg { width: 19px; height: 19px; }

.dashboard-home .home-download-card { position: static; width: auto; max-width: none; grid-template-columns: none; gap: 13px; margin: 25px 0 0; padding: 15px 16px; border: 1px solid rgba(249, 115, 22, 0.12); border-radius: 18px; background: #fff; box-shadow: 0 11px 26px rgba(44, 55, 63, 0.07); }
.dashboard-home .home-download-icon { display: grid; width: 44px; height: 44px; flex: 0 0 44px; place-items: center; border-radius: 13px; color: var(--home-orange); background: #fff0e3; }
.dashboard-home .home-download-icon svg { width: 21px; height: 21px; }
.dashboard-home .home-download-card > div { min-width: 0; flex: 1; }
.dashboard-home .home-download-card h2 { margin: 0; color: #28323a; font-size: 14px; font-weight: 900; }
.dashboard-home .home-download-card p { margin: 4px 0 0; overflow: hidden; color: #87919a; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.dashboard-home .home-download-card button { min-width: 72px; min-height: 44px; padding: 0 14px; border: 0; border-radius: 999px; color: #fff; background: linear-gradient(110deg, #ff9932, #f97316, #dc4d08); box-shadow: 0 9px 20px rgba(217, 79, 9, 0.2); font-size: 11px; font-weight: 900; transition: transform 220ms ease; }
.dashboard-home .home-download-card button:active { transform: scale(0.94); }

body[data-page="dashboard"] .floating-support { position: fixed; z-index: 35; right: max(18px, calc((100vw - 1060px) / 2 + 18px)); bottom: calc(100px + env(safe-area-inset-bottom)); display: grid; width: 52px; height: 52px; place-items: center; border: 2px solid #fff; border-radius: 50%; color: #fff; background: linear-gradient(145deg, #ff9d38, #e85b0e); box-shadow: 0 13px 28px rgba(217, 79, 9, 0.28); transition: transform 220ms ease; }
body[data-page="dashboard"] .floating-support:active { transform: scale(0.9); }
body[data-page="dashboard"] .floating-support svg { width: 23px; height: 23px; }

body[data-page="dashboard"] .bottom-nav {
  left: 50% !important;
  bottom: max(8px, env(safe-area-inset-bottom)) !important;
  width: min(calc(100% - 20px), 580px) !important;
  height: 76px !important;
  padding: 7px 9px 9px !important;
  overflow: visible !important;
  border: 1px solid rgba(69, 78, 85, 0.1) !important;
  border-radius: 20px !important;
  background: rgba(255, 255, 255, 0.96) !important;
  box-shadow: 0 15px 45px rgba(33, 42, 49, 0.18) !important;
  backdrop-filter: blur(20px) !important;
}

body[data-page="dashboard"] .bottom-nav .nav-link:not(.nav-plus) { color: #8c969f !important; }
body[data-page="dashboard"] .bottom-nav .nav-link:not(.nav-plus).active,
body[data-page="dashboard"] .bottom-nav .nav-link[data-nav="dashboard"] { color: var(--home-orange) !important; background: #fff0e4 !important; }
body[data-page="dashboard"] .bottom-nav .nav-link:not(.nav-plus) svg { width: 24px !important; height: 24px !important; }
body[data-page="dashboard"] .bottom-nav .nav-link:not(.nav-plus) span { font-size: 10px !important; }
body[data-page="dashboard"] .bottom-nav .nav-link.nav-plus { background: var(--home-orange) !important; box-shadow: 0 10px 24px rgba(217, 79, 9, 0.3) !important; }

@keyframes homeFadeIn { from { opacity: 0; filter: blur(5px); } to { opacity: 1; filter: blur(0); } }
@keyframes homeSlideUp { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } }
@keyframes homeTicker { from { transform: translateX(0); } to { transform: translateX(-100%); } }
@keyframes balanceGlow { to { transform: translate3d(-18%, 8px, 0) rotate(-10deg); opacity: 0.6; } }
@keyframes homeRipple { 0% { opacity: 0.8; transform: translate(-50%, -50%) scale(0); } 100% { opacity: 0; transform: translate(-50%, -50%) scale(16); } }
@keyframes livePulse { 50% { opacity: 0.45; transform: scale(0.8); } }
@keyframes activityIn { from { opacity: 0; transform: translateX(16px); } to { opacity: 1; transform: none; } }

@media (min-width: 760px) {
  .dashboard-home .premium-home-header { padding-inline: max(28px, calc((100% - 1004px) / 2)); }
  .dashboard-home .header-user-row { margin-top: 8px; }
  .dashboard-home .notice-row { margin-top: 9px; }
  .dashboard-home .quick-action { min-height: 112px; }
}

@media (max-width: 640px) {
  body[data-page="dashboard"] .dashboard-home { background-size: 28px 28px; box-shadow: none; }
  .dashboard-home .premium-home-header { padding: 10px 14px 11px; border-radius: 0 0 16px 16px; }
  .dashboard-home .novapay-home-brand img { width: 37px; height: 37px; }
  .dashboard-home .novapay-home-brand strong { font-size: 17px; }
  .dashboard-home .header-icon-button { width: 42px; height: 42px; }
  .dashboard-home .header-user-row { margin-top: 8px; }
  .dashboard-home .avatar-bubble { width: 41px; height: 41px; flex-basis: 41px; }
  .dashboard-home .notice-row { margin-top: 8px; }
  .dashboard-home .dashboard-content { padding: 14px 12px calc(122px + env(safe-area-inset-bottom)); }
  .dashboard-home .balance-hero { padding: 20px 18px; border-radius: 18px; }
  .dashboard-home .wallet-mark { width: 46px; height: 46px; flex-basis: 46px; }
  .dashboard-home .balance-stats { margin-top: 18px; }
  .dashboard-home .home-section { margin-top: 22px; }
  .dashboard-home .primary-action { min-height: 106px; grid-template-columns: 1fr auto; padding: 15px; }
  .dashboard-home .primary-action-icon { width: 43px; height: 43px; }
  .dashboard-home .primary-action-copy { grid-column: 1 / -1; }
  .dashboard-home .primary-action-arrow { position: absolute; top: 16px; right: 15px; }
  .dashboard-home .quick-action-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 7px; }
  .dashboard-home .quick-action { min-height: 96px; padding-inline: 3px; }
  .dashboard-home .quick-action > span { width: 40px; height: 40px; }
  .dashboard-home .quick-action strong { font-size: 10px; }
  .dashboard-home .quick-action-info small { display: none; }
  .dashboard-home .offer-grid { grid-template-columns: 1fr; }
  .dashboard-home .offer-card { padding: 16px; }
  body[data-page="dashboard"] .floating-support { right: 16px; }
}

@media (max-width: 350px) {
  .dashboard-home .quick-action-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 5px; }
  .dashboard-home .quick-action { min-height: 88px; }
  .dashboard-home .balance-stats article + article { margin-left: 10px; padding-left: 10px; }
  .dashboard-home .corporate-banner { gap: 10px; padding-inline: 13px; }
  .dashboard-home .corporate-icon { width: 43px; height: 43px; flex-basis: 43px; }
  .dashboard-home .home-download-card { flex-wrap: wrap; }
  .dashboard-home .home-download-card button { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
  .dashboard-home .premium-home-header,
  .dashboard-home .balance-hero,
  .dashboard-home .home-section,
  .dashboard-home .ticker-text,
  .dashboard-home .balance-shine,
  .dashboard-home .live-label i,
  .dashboard-home .proof-item { animation: none !important; }
}