:root{
  --rsu-green: #1FA17A;
  --rsu-dark: #0F7A63;
  --rsu-yellow: #F2C94C;
  --rsu-red: #E84A2C;
  --rsu-text: #0B0B0B;
  --rsu-muted: #7B8A91;
  --rsu-radius: 12px;
}

/* Basic typography and layout */
body{ font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial; color:var(--rsu-text); background:#f8fafc; margin:0; padding:0; }

.header-logo{ width:40px; height:40px; object-fit:cover; border-radius:8px; }

/* Components */
.rsu-btn { border-radius: var(--rsu-radius); box-shadow: 0 6px 18px rgba(15,122,99,0.06); }
.rsu-card { border-radius: var(--rsu-radius); border: 1px solid rgba(15,122,99,0.06); background: #fff; }

/* Small screens */
@media (max-width:640px){ .hide-sm{ display:none; } }

/* Upload preview */
.upload-preview{ display:inline-block; max-width:72px; max-height:72px; border-radius:8px; object-fit:cover; border:1px solid rgba(0,0,0,0.06); }

/* footer spacing for pages that included header */
main { margin-top: 0; }