:root {
  --bg: #eef3f8;
  --surface: #ffffff;
  --surface-soft: #f7fafc;
  --surface-accent: #edf4ff;
  --border: #d6deea;
  --text: #17324d;
  --muted: #5f7288;
  --primary: #1666d3;
  --primary-strong: #0f4fa7;
  --success: #1f8f58;
  --error: #cf3d3d;
  --info: #1475c9;
  --shadow: 0 12px 30px rgba(19, 39, 67, 0.08);
}

* { box-sizing: border-box; }
html, body { margin: 0; min-height: 100%; font-family: "Segoe UI", Tahoma, sans-serif; background: linear-gradient(180deg, #f7fafd 0%, var(--bg) 100%); color: var(--text); }
a { color: inherit; }
button, input, select, textarea { font: inherit; }
button { cursor: pointer; }

.app-topbar__label { margin: 0 0 4px; color: var(--muted); text-transform: uppercase; letter-spacing: 0.08em; font-size: 12px; }
.app-brand__eyebrow { margin: 0 0 6px; text-transform: uppercase; letter-spacing: 0.14em; font-size: 11px; opacity: 0.75; }
.app-brand__title { margin: 0; font-size: 24px; }
.app-brand__user { margin: 14px 0 0; color: rgba(255,255,255,0.82); }
.subtitle { color: #64748b; margin-bottom: 30px; }

.survey-card h3, .wallet-card h3, .dashboard-card h3, .market-card h3, .admin-card h3, .app-page h2 { margin-top: 0; }
hr { border: 0; border-top: 1px solid #e1e7ef; margin: 24px 0; }