:root {
  /* Brand palette (logo): #d3972c, #f1c240, #fad24d */
  --clr-bg: #0a0b0d;
  --clr-surface: #14161a;
  --clr-surface-alt: #1c1f24;
  --clr-border: #2a2e35;
  --clr-accent: #d3972c; /* primary gold */
  --clr-accent-rgb: 211,151,44; /* d3972c */
  --clr-accent-alt: #f1c240; /* mid gold */
  --clr-accent-alt2: #fad24d; /* light gold */
  --clr-text: #f5f7fa;
  --clr-text-dim: #b3b8c2;
  --clr-danger: #ff4d4d;
  --clr-warning: #ffb347;
  --clr-success: #34d399;
  --clr-info: #3b82f6;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 14px;
  --shadow-sm: 0 1px 2px rgba(0,0,0,.35);
  --shadow-md: 0 4px 12px rgba(0,0,0,.4);
  --shadow-glow: 0 0 0 1px rgba(var(--clr-accent-rgb),0.35),0 0 14px -2px rgba(var(--clr-accent-rgb),0.4);
  --grad-gold: linear-gradient(135deg,#d3972c 0%,#f1c240 45%,#fad24d 70%,#d3972c 100%);
  --font-stack: 'Inter', 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', Arial, sans-serif;
  --trans-fast: .15s ease;
  --trans-slow: .35s cubic-bezier(.4,0,.2,1);
}

* { box-sizing: border-box; }
html, body { margin:0; padding:0; }
body.app-body { font-family: var(--font-stack); background: var(--clr-bg); color: var(--clr-text); -webkit-font-smoothing: antialiased; }

.layout { display:flex; min-height:100vh; }
.sidebar { width:250px; background: var(--clr-surface); border-right:1px solid var(--clr-border); display:flex; flex-direction:column; padding:1rem .9rem; gap:.75rem; position:relative; }
.sidebar__footer { margin-top:auto; font-size:.65rem; color:var(--clr-text-dim); text-align:center; padding:.75rem 0 .25rem; }
.brand { display:flex; align-items:center; gap:.65rem; padding:.25rem .35rem .75rem; }
.brand__logo { width:44px; height:44px; border-radius:12px; box-shadow:var(--shadow-sm); background:#000; object-fit:contain; }
.brand__title { font-size:1.15rem; font-weight:700; letter-spacing:.12rem; background:var(--grad-gold); -webkit-background-clip:text; background-clip:text; color:transparent; }

.nav { display:flex; flex-direction:column; gap:.25rem; }
.nav__link { display:flex; align-items:center; gap:.6rem; padding:.6rem .75rem; font-size:.85rem; font-weight:500; color:var(--clr-text-dim); text-decoration:none; border-radius:var(--radius-md); position:relative; transition:var(--trans-fast); }
.nav__link span:first-child { font-size:1rem; }
.nav__link:hover { background:var(--clr-surface-alt); color:var(--clr-text); }
.nav__link--active { background:rgba(var(--clr-accent-rgb),0.15); color:var(--clr-text); box-shadow:inset 0 0 0 1px rgba(var(--clr-accent-rgb),0.5); }
.nav__link--active::after { content:""; position:absolute; inset:0; border:1px solid rgba(var(--clr-accent-rgb),0.35); border-radius:var(--radius-md); pointer-events:none; }

.main { flex:1; display:flex; flex-direction:column; min-width:0; }
.topbar { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:.9rem 1.25rem; background: var(--clr-surface); border-bottom:1px solid var(--clr-border); position:sticky; top:0; z-index:40; }
.topbar__title { font-size:1rem; font-weight:600; letter-spacing:.05rem; }
.topbar__menu { display:none; background:var(--clr-surface-alt); color:var(--clr-text); border:none; padding:.55rem .75rem; font-size:1rem; border-radius:var(--radius-md); cursor:pointer; }
.topbar__menu:hover { background:rgba(var(--clr-accent-rgb),0.2); }
.topbar__user { display:flex; align-items:center; gap:.6rem; font-size:.75rem; color:var(--clr-text-dim); }
.topbar__logo { display:none; height:34px; width:auto; object-fit:contain; filter:drop-shadow(0 1px 2px rgba(0,0,0,.4)); }

@media (max-width: 960px) {
  .sidebar { position:fixed; inset:0 auto 0 0; transform:translateX(-100%); z-index:100; width:230px; box-shadow:var(--shadow-md); transition:var(--trans-slow); }
  .sidebar[data-open="true"] { transform:translateX(0); }
  .topbar__menu { display:inline-flex; }
  .topbar__logo { display:inline-flex; }
  .topbar__title { display:none; }
}

.content { flex:1; padding:1.4rem clamp(.75rem,2vw,2rem); display:flex; flex-direction:column; gap:1.6rem; }
.panel { background:var(--clr-surface); border:1px solid var(--clr-border); padding:1.1rem 1.15rem 1.25rem; border-radius:var(--radius-lg); box-shadow:var(--shadow-sm); display:flex; flex-direction:column; gap:1rem; position:relative; }
.panel__title { font-size:.9rem; font-weight:600; letter-spacing:.04rem; margin:0 0 .35rem; }
.panel__title::after { content:""; display:block; width:42px; height:2px; margin-top:.45rem; background:var(--grad-gold); border-radius:2px; }

.stats { display:grid; gap:1rem; grid-template-columns:repeat(auto-fill,minmax(300px,1fr)); }
.stat-card { position:relative; background:var(--clr-surface-alt); border:1px solid var(--clr-border); padding:.9rem .95rem 1rem; border-radius:var(--radius-md); overflow:hidden; box-shadow:var(--shadow-sm); display:flex; flex-direction:column; gap:.35rem; }
.stat-card__label { font-size:.65rem; text-transform:uppercase; letter-spacing:.07rem; color:var(--clr-text-dim); }
.stat-card__value { font-size:1.15rem; font-weight:600; }
.stat-card__delta { font-size:.65rem; font-weight:500; }
.stat-card--accent { background:linear-gradient(145deg,#1f2228 0%, #2a2f37 55%, #1d2025 100%); border:1px solid rgba(var(--clr-accent-rgb),0.45); box-shadow:var(--shadow-glow); }

.badge { display:inline-flex; align-items:center; gap:.35rem; font-size:.55rem; font-weight:600; padding:.35rem .55rem; background:rgba(var(--clr-accent-rgb),0.15); color:var(--clr-accent); border-radius:999px; letter-spacing:.05rem; }
.badge--active { background:var(--grad-gold); color:#1b1d20; box-shadow:0 0 0 1px rgba(var(--clr-accent-rgb),0.55),0 0 10px -2px rgba(var(--clr-accent-rgb),0.6); position:relative; }
.badge--active::after { content:""; position:absolute; inset:0; border:1px solid rgba(255,255,255,0.25); border-radius:999px; mix-blend-mode:overlay; pointer-events:none; }
.badge--ready { background:linear-gradient(135deg,#34d399 0%,#10b981 55%,#059669 100%); color:#062e1f; box-shadow:0 0 0 1px rgba(52,211,153,0.6),0 0 10px -2px rgba(52,211,153,0.55); position:relative; }
.badge--ready::after { content:""; position:absolute; inset:0; border:1px solid rgba(255,255,255,0.3); border-radius:999px; pointer-events:none; }

.benefits, .plans { display:grid; gap:1rem; grid-template-columns:repeat(auto-fill,minmax(300px,1fr)); }
.plan-card { background:var(--clr-surface-alt); border:1px solid var(--clr-border); padding:1rem .95rem 1.15rem; border-radius:var(--radius-md); display:flex; flex-direction:column; gap:.55rem; position:relative; box-shadow:var(--shadow-sm); }
.plan-card__name { font-weight:600; letter-spacing:.06rem; font-size:.85rem; display:flex; align-items:center; justify-content:space-between; gap:.75rem; }
.plan-card__amount { font-size:.75rem; color:var(--clr-text-dim); }
.plan-card__meta { font-size:.6rem; display:flex; flex-wrap:wrap; gap:.35rem; }
.plan-card--active { width:100%; border-color:rgba(var(--clr-accent-rgb),0.65); box-shadow:var(--shadow-glow); padding:1.15rem 1.2rem 1.25rem; gap:.75rem; }
.plan-card--active .plan-card__name { font-size:1.15rem; letter-spacing:.08rem; line-height:1.3; }
.plan-card--active .plan-card__amount { font-size:.95rem; }
.plan-card--active .plan-card__meta { font-size:.8rem; gap:.5rem; }
.plan-card--active .progress { height:10px; border-radius:6px; }
.plan-card--active .badge--active { font-size:.75rem; padding:.5rem .75rem; }
.plan-card--claim { width:100%; border:1px solid rgba(52,211,153,0.55); box-shadow:0 0 0 1px rgba(52,211,153,0.35),0 0 14px -4px rgba(52,211,153,0.5); padding:1.15rem 1.2rem 1.25rem; gap:.85rem; background:linear-gradient(145deg,#1c2522 0%,#1b2924 55%,#18201d 100%); }
.plan-card--claim .plan-card__name { font-size:1.15rem; letter-spacing:.08rem; line-height:1.35; }
.plan-card--claim .plan-card__amount { font-size:1rem; }
.plan-card--claim .plan-card__meta { font-size:.8rem; gap:.55rem; }
.plan-card--claim .progress { height:12px; border-radius:7px; }
.plan-card--claim .badge--ready { font-size:.75rem; padding:.5rem .8rem; }
.plan-card--locked { opacity:.55; filter:grayscale(.4); }

.button { --btn-bg: var(--clr-surface-alt); --btn-color: var(--clr-text); cursor:pointer; border:1px solid var(--clr-border); background:var(--btn-bg); color:var(--btn-color); padding:.55rem .85rem; font-size:.7rem; font-weight:600; letter-spacing:.05rem; border-radius:var(--radius-md); display:inline-flex; align-items:center; gap:.5rem; transition:var(--trans-fast); text-decoration:none; }
.button:hover { background:rgba(var(--clr-accent-rgb),0.2); text-decoration:none; color:var(--btn-color); }
.button--accent { --btn-bg: var(--clr-accent-alt2); --btn-color:#1d1d1d; border:none; text-align:center; justify-content:center; }
.button--accent:hover { background:var(--clr-accent-alt2); color:#1d1d1d; text-decoration:none; filter:brightness(1.1); }
.button--ghost { background:transparent; border-color:rgba(var(--clr-accent-rgb),0.4); color:var(--clr-accent); }
.button--ghost:hover { background:rgba(var(--clr-accent-rgb),0.15); }
.button--claim { --btn-bg: linear-gradient(135deg,#34d399 0%,#10b981 60%,#059669 100%); --btn-color:#052d1f; border:none; box-shadow:0 0 0 1px rgba(52,211,153,0.4),0 2px 6px -1px rgba(0,0,0,0.6); }
.button--claim:hover { filter:brightness(1.08); }

.reminder { position:relative; }
.reminder-banner { background:linear-gradient(90deg,rgba(var(--clr-accent-rgb),0.25),rgba(var(--clr-accent-rgb),0.05)); border:1px solid rgba(var(--clr-accent-rgb),0.45); padding:.65rem .9rem; font-size:.65rem; letter-spacing:.04rem; border-radius:var(--radius-md); display:flex; flex-direction:column; gap:.35rem; box-shadow:var(--shadow-sm); }
.reminder-banner strong { color:var(--clr-accent); }
.toast-alert { position:fixed; bottom:1rem; right:1rem; background:linear-gradient(135deg,#1f2228,#2a2f37); border:1px solid rgba(var(--clr-accent-rgb),0.55); padding:.7rem .95rem; font-size:.7rem; letter-spacing:.05rem; border-radius:var(--radius-md); box-shadow:var(--shadow-md); display:flex; align-items:center; gap:.55rem; z-index:1200; color:var(--clr-text); }
.toast-alert--success { background: linear-gradient(135deg,#062e1f,#06402a); border-color: rgba(52,211,153,0.6); color: #e6fff6; }
.toast-alert--error { background: linear-gradient(135deg,#33080a,#4a0e12); border-color: rgba(255,77,77,0.6); color: #fff4f4; }
.toast-alert--info { background: linear-gradient(135deg,#0f1724,#122031); border-color: rgba(var(--clr-accent-rgb),0.45); color: var(--clr-text); }
.toast-icon { width:18px; height:18px; display:inline-flex; align-items:center; justify-content:center; border-radius:3px; font-size:0.85rem; }
.toast-msg { font-size:.85rem; }
.toast-enter { opacity:0; transform:translateY(8px) scale(.995); }
.toast-enter.toast-enter-active { opacity:1; transform:none; transition:opacity .22s ease, transform .22s ease; }
.toast-exit { opacity:1; }
.toast-exit.toast-exit-active { opacity:0; transform:translateY(6px); transition:opacity .18s ease, transform .18s ease; }

.table { width:100%; border-collapse:collapse; font-size:.65rem; }
.table th, .table td { padding:.55rem .65rem; text-align:left; border-bottom:1px solid var(--clr-border); }
.table th { font-weight:600; font-size:.6rem; letter-spacing:.05rem; color:var(--clr-text-dim); }
.table tbody tr:hover { background:var(--clr-surface-alt); }

.progress { position:relative; height:6px; background:#24282e; border-radius:4px; overflow:hidden; }
.progress__bar { position:absolute; inset:0; width:var(--progress,0%); background:var(--grad-gold); }

.scrollbar-hide { scrollbar-width:none; } /* Firefox */
.scrollbar-hide::-webkit-scrollbar { display:none; }

::-webkit-scrollbar { width:10px; }
::-webkit-scrollbar-track { background:#0e1013; }
::-webkit-scrollbar-thumb { background:#24282e; border-radius:6px; border:2px solid #0e1013; }
::-webkit-scrollbar-thumb:hover { background:#30343a; }

.fade-in { animation:fadeIn .5s ease; }
@keyframes fadeIn { from { opacity:0; transform:translateY(6px);} to { opacity:1; transform:translateY(0);} }

/* Utility */
.flex { display:flex; }
.grid { display:grid; }
.gap-sm { gap:.35rem; }
.text-dim { color:var(--clr-text-dim); }
.center { display:flex; align-items:center; justify-content:center; }
.hidden { display:none !important; }
.grid-gap-sm { display:grid; gap:.75rem; }
.form-stack { display:flex; flex-direction:column; gap:.75rem; max-width:500px; }
.label-stack { display:flex; flex-direction:column; gap:.35rem; font-size:1.25rem; }
.text-note { font-size:.8rem; color:var(--clr-text-dim); }
.stat-desc { font-size:.6rem; }
.input-box { flex:1; background:var(--clr-surface-alt); border:1px solid var(--clr-border); color:var(--clr-text); padding:.55rem .65rem; font-size:.65rem; border-radius:var(--radius-md); font-family:inherit; }
.input-box:focus { outline:none; border-color:rgba(var(--clr-accent-rgb),0.5); box-shadow:0 0 0 1px rgba(var(--clr-accent-rgb),0.4); }

/* Placeholder chart container styling */
.chart { width:100%; height:180px; background:var(--clr-surface-alt); border:1px solid var(--clr-border); border-radius:var(--radius-md); position:relative; overflow:hidden; }
.chart::before { content:"Chart Placeholder"; position:absolute; inset:0; display:flex; align-items:center; justify-content:center; font-size:.65rem; color:var(--clr-text-dim); }

/* Debug / test data panel */
.debug-panel { display:flex; flex-direction:column; gap:.5rem; }
.debug-row { display:flex; flex-wrap:wrap; gap:.5rem; }
.debug-row + .debug-row { margin-top:.5rem; }
.debug-input-narrow { width:6rem; }
.debug-panel small { font-size:.55rem; color:var(--clr-text-dim); }

/* Accessibility: larger font overrides for improved readability */
.sidebar__footer { font-size:.75rem; }
.nav__link { font-size:1rem; padding:.7rem .85rem; }
.topbar__title { font-size:1.15rem; }
.panel__title { font-size:1rem; }
.stat-card__label { font-size:.75rem; }
.stat-card__value { font-size:1.25rem; }
.stat-card__delta { font-size:.7rem; }
.badge { font-size:.65rem; padding:.4rem .6rem; }
.plan-card__name { font-size:.95rem; }
.plan-card__amount { font-size:.85rem; }
.plan-card__meta { font-size:.7rem; }
.button { font-size:.8rem; padding:.65rem .95rem; }
.reminder-banner { font-size:.75rem; padding:.75rem 1rem; }
.table { font-size:.75rem; }
.table th { font-size:.7rem; }
.input-box { font-size:.75rem; padding:.65rem .75rem; }
.chart::before { font-size:.75rem; }
.debug-panel small { font-size:.65rem; }

/* Mobile earnings toggle */
.info-toggle { display:none; }
@media (max-width:960px){
  .info-toggle { display:inline-block; }
  .mobile-hidden { display:none !important; }
}

/* Inline actions inside stat cards */
.stat-card__actions { display:flex; gap:.4rem; flex-wrap:wrap; margin:.25rem 0 .15rem; }
.button--sm { padding:.45rem .6rem; font-size:.65rem; }
.stat-card__actions .info-toggle { margin-left:auto; }

/* Rules & Reminders list */
.rules-list { margin:0; padding-left:1.15rem; font-size:.9rem; line-height:1.35rem; }
.rules-list li + li { margin-top:.15rem; }

/* History & Pagination */
.tabs { display:flex; gap:.5rem; margin:.25rem 0 .75rem; }
.tab { background:var(--clr-surface-alt); border:1px solid var(--clr-border); color:var(--clr-text-dim); padding:.5rem .9rem; font-size:.7rem; font-weight:600; letter-spacing:.05rem; border-radius:var(--radius-md); cursor:pointer; transition:var(--trans-fast); }
.tab:hover { background:rgba(var(--clr-accent-rgb),0.15); color:var(--clr-text); }
.tab.is-active { background:linear-gradient(135deg,#1f2228,#2a2f37); color:var(--clr-text); border-color:rgba(var(--clr-accent-rgb),0.5); box-shadow:0 0 0 1px rgba(var(--clr-accent-rgb),0.35); }
.tab-panels { display:flex; flex-direction:column; gap:1rem; }
.tab-panel { display:none; }
.tab-panel.is-active { display:block; }
.history-list { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:.4rem; }
.history-item { display:grid; grid-template-columns:110px 1fr auto; align-items:center; gap:.85rem; background:var(--clr-surface-alt); border:1px solid var(--clr-border); padding:.65rem .85rem; border-radius:var(--radius-md); font-size:.8rem; }
.history-date { font-weight:600; color:var(--clr-text); font-size:.8rem; }
.history-desc { color:var(--clr-text-dim); font-size:.8rem; line-height:1.25; }
.history-amount { font-weight:600; font-size:.8rem; color:var(--clr-accent); white-space:nowrap; }
.pager { display:flex; flex-direction:column; gap:.5rem; margin:.6rem 0 .25rem; }
.pager-info { font-size:.6rem; color:var(--clr-text-dim); }
.pager-nav { display:flex; align-items:center; gap:.35rem; flex-wrap:wrap; }
.pager-pages { display:flex; gap:.25rem; }
.pager-btn { background:var(--clr-surface-alt); border:1px solid var(--clr-border); color:var(--clr-text-dim); padding:.4rem .6rem; font-size:.6rem; font-weight:600; letter-spacing:.05rem; border-radius:6px; cursor:pointer; transition:var(--trans-fast); min-width:34px; text-align:center; }
.pager-btn:hover:not(:disabled) { background:rgba(var(--clr-accent-rgb),0.2); color:var(--clr-text); }
.pager-btn.is-active { background:var(--grad-gold); color:#1c1c1c; border:none; box-shadow:0 0 0 1px rgba(var(--clr-accent-rgb),0.4); }
.pager-btn:disabled { opacity:.4; cursor:not-allowed; }
.pager-ellipsis { display:inline-flex; align-items:center; justify-content:center; padding:.4rem .6rem; font-size:.6rem; color:var(--clr-text-dim); }
@media (max-width:640px){
  .history-item { grid-template-columns:90px 1fr; grid-template-areas:"date amount" "desc desc"; }
  .history-date { grid-area:date; }
  .history-desc { grid-area:desc; }
  .history-amount { grid-area:amount; justify-self:end; }
}

/* Withdrawals Form */
.withdraw-panel { max-width:980px; margin:0 auto; }
.withdraw-form { display:flex; flex-direction:column; gap:1rem; }
.wf-row { display:grid; grid-template-columns:170px 1fr; gap:1.1rem; align-items:center; }
.wf-label { font-size:.75rem; font-weight:600; letter-spacing:.06rem; color:var(--clr-text-dim); }
.wf-field { display:flex; align-items:center; gap:.5rem; position:relative; }
.wf-input { flex:1; background:#0c1218; border:1px solid #182028; color:var(--clr-text); padding:.7rem .85rem; font-size:.8rem; border-radius:8px; font-family:inherit; transition:var(--trans-fast); }
.wf-input::placeholder { color:#5f6772; }
.wf-input:focus { outline:none; border-color:rgba(var(--clr-accent-rgb),0.55); box-shadow:0 0 0 1px rgba(var(--clr-accent-rgb),0.45),0 0 0 4px rgba(var(--clr-accent-rgb),0.08); }
.wf-amount { position:relative; }
.button--max { --btn-bg:#7d5dfc; --btn-color:#fff; background:var(--btn-bg); color:var(--btn-color); border:none; padding:.55rem .85rem; font-size:.65rem; font-weight:600; letter-spacing:.06rem; border-radius:8px; cursor:pointer; box-shadow:0 0 0 1px rgba(125,93,252,0.4),0 2px 6px -1px rgba(0,0,0,0.6); position:absolute; top:50%; right:.4rem; transform:translateY(-50%); }
.button--max:hover { filter:brightness(1.12); }
.wf-actions { display:flex; justify-content:center; margin:.6rem 0 .25rem; }
.wf-actions .button--accent { min-width:220px; padding:.75rem 1.25rem; font-size:.85rem; letter-spacing:.06rem; }
.wf-divider { margin:1.4rem 0 1rem; border:none; border-top:1px solid var(--clr-border); }
.withdraw-list { display:flex; flex-direction:column; gap:.6rem; min-height:120px; }
.withdraw-list::before { content:"No requests yet."; font-size:.7rem; color:var(--clr-text-dim); }
@media (max-width:800px){ .wf-row { grid-template-columns:130px 1fr; } }
@media (max-width:560px){ .wf-row { grid-template-columns:1fr; } .wf-label { padding-bottom:.25rem; } .button--max { position:static; transform:none; } }

/* Deposit Form */
.form-panel { max-width:980px; margin:0 auto; }
.default-form { display:flex; flex-direction:column; gap:1rem; }
.df-row { display:grid; grid-template-columns:170px 1fr; gap:1.1rem; align-items:center; }
.df-label { font-size:.75rem; font-weight:600; letter-spacing:.06rem; color:var(--clr-text-dim); }
.df-field { display:flex; align-items:center; gap:.5rem; }
.df-input { flex:1; background:#0c1218; border:1px solid #182028; color:var(--clr-text); padding:.7rem .85rem; font-size:.8rem; border-radius:8px; font-family:inherit; transition:var(--trans-fast); }
.df-input::placeholder { color:#5f6772; }
.df-input:focus { outline:none; border-color:rgba(var(--clr-accent-rgb),0.55); box-shadow:0 0 0 1px rgba(var(--clr-accent-rgb),0.45),0 0 0 4px rgba(var(--clr-accent-rgb),0.08); }
.df-actions { display:flex; justify-content:center;padding: 25px; }
.df-actions .button--accent { min-width:300px; padding:.75rem 1.25rem; font-size:.85rem; letter-spacing:.06rem; }
.df-divider { margin:1.3rem 0 .85rem; border:none; border-top:1px solid var(--clr-border); }
.deposit-list { display:flex; flex-direction:column; gap:.6rem; min-height:120px; }
.deposit-list::before { content:"No deposits yet."; font-size:.7rem; color:var(--clr-text-dim); }
@media (max-width:800px){ .df-row { grid-template-columns:130px 1fr; } }
@media (max-width:560px){ .df-row { grid-template-columns:1fr; } .df-label { padding-bottom:.25rem; } }
/* Inline MAX button alignment for withdrawal amount using df- classes */
.df-amount .df-field { position:relative; }
.df-amount .button--max { position:absolute; top:50%; right:.55rem; transform:translateY(-50%); margin-left:0; }
@media (max-width:560px){ .df-amount .button--max { position:static; transform:none; margin-left:.6rem; } }
/* Deposit Layout Enhancements */
.deposit-grid { display:grid; grid-template-columns: minmax(320px, 520px) minmax(340px, 1fr); gap:2.2rem; align-items:start; margin-top:.75rem; }
.deposit-left, .deposit-right { display:flex; flex-direction:column; gap:1rem; }
.section-label { font-size:.7rem; font-weight:700; letter-spacing:.08rem; color:var(--clr-text-dim); text-transform:uppercase; }
.method-info { font-size:.65rem; color:var(--clr-text-dim); line-height:1.3; }
.merchant-table { width:100%; border-collapse:collapse; font-size:.7rem; background:#161d25; border:1px solid #262f3a; border-radius:6px; overflow:hidden; }
.merchant-table th, .merchant-table td { border:1px solid #262f3a; padding:.55rem .7rem; font-weight:500; }
.merchant-table th { background:#1d252e; font-weight:600; text-align:left; }
.merchant-table .mt-label { width:125px; background:#1d252e; font-weight:600; }
.copy-button { background:#594b3d; color:#fff; border:none; padding:.35rem .6rem; font-size:.6rem; font-weight:600; border-radius:4px; cursor:pointer; display:inline-flex; align-items:center; gap:.25rem; letter-spacing:.05rem; }
.copy-button:hover { filter:brightness(1.15); }
.receipt-dropzone { position:relative; border:1px solid #262f3a; background:#222734; border-radius:14px; min-height:300px; max-width:500px; display:flex; align-items:center; justify-content:center; cursor:pointer; transition:var(--trans-fast); }
.receipt-dropzone:hover, .receipt-dropzone:focus { border-color:rgba(var(--clr-accent-rgb),0.5); box-shadow:0 0 0 1px rgba(var(--clr-accent-rgb),0.4); }
.drop-inner { text-align:center; display:flex; flex-direction:column; gap:.6rem; }
.cloud-icon { font-size:2.4rem; opacity:.55; }
.drop-text { font-size:.7rem; font-weight:600; letter-spacing:.05rem; }
.drop-hint { font-size:.6rem; color:var(--clr-text-dim); }
.receipt-list { list-style:none; margin:.75rem 0 0; padding:0; display:flex; flex-direction:column; gap:.4rem; font-size:.6rem; }
.receipt-list li { background:#161d25; border:1px solid #262f3a; padding:.45rem .6rem; border-radius:6px; display:flex; justify-content:space-between; align-items:center; }
.receipt-remove { background:#3a444f; color:#fff; border:none; padding:.25rem .5rem; font-size:.55rem; border-radius:4px; cursor:pointer; }
.receipt-remove:hover { filter:brightness(1.2); }
@media (max-width:980px){ .deposit-grid { grid-template-columns:1fr; } .receipt-dropzone { min-height:240px; } }
/* Allow MAX button overlay when using df- classes */
.df-amount { position: relative; }