/* Creator-dashboard refinement layered on the existing PostPal theme.
   Layout-only: do not change EMI, POP, logo or application state. */
.main>.stack {gap:16px}
.main .page-title {margin-block:14px 8px;gap:12px}
.main .page-title h1 {line-height:1.2;letter-spacing:-.035em}
.main .page-sub {line-height:1.6}
.main .card {border-radius:22px;min-width:0}
.main .card.hero {padding:20px;border-color:var(--border-strong);box-shadow:var(--shadow)}
.main .card.hero .amount {font-variant-numeric:tabular-nums;letter-spacing:-.05em}
.main .card-title {gap:12px;min-height:28px}
.main .card-title h2 {line-height:1.35}
.main .kpi {border-radius:18px;min-width:0;padding:14px 8px}
.main .kpi .val {font-variant-numeric:tabular-nums;letter-spacing:-.035em}
.main .kpi .cap {line-height:1.4}
.main .list-row {min-height:52px}
.main .banner {line-height:1.55}
.main .btn:focus-visible,.main a:focus-visible {outline:3px solid var(--primary-ink);outline-offset:3px}
@media (min-width:560px) {
 .app {max-width:800px}
 .main {padding-inline:clamp(20px,4vw,38px)}
 .tabbar {max-width:800px}
 .main .grid-4 {gap:12px}
 .main .card.hero {padding:24px}
}
@media (max-width:390px) {
 .main .card.hero .amount {font-size:clamp(25px,8vw,34px)}
 .main .kpi {padding:10px 4px}
 .main .kpi .val {font-size:clamp(16px,5vw,19px)}
 .main .card {padding:14px}
}
@media (prefers-reduced-motion:reduce) {
 .main .card,.main .kpi {transition:none}
}


.main .tracking-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.main .hero-balances{margin-top:16px;padding-top:16px;border-top:1px solid var(--border)}.main .hero-balances b{font-size:19px}@media(max-width:520px){.main .tracking-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}