*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

:root {
  --bg: #ffffff;
  --surface: #f5f6f8;
  --surface2: #eceef2;
  --border: #d0d4de;
  --accent: #4f6ef7;
  --accent-hover: #3b5be0;
  --danger: #e05252;
  --success: #2aa86e;
  --text: #111827;
  --text-muted: #6b7280;
  --radius: 10px;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  background: var(--bg);
  color: var(--text);
  min-height: 100vh;
}