@import "tailwindcss";

:root {
  --background: #f8fafc;
  --foreground: #0f172a;
  --card: #ffffff;
  --muted: #64748b;
  --border: #e2e8f0;
  --primary: #2563eb;
  --primary-dark: #1d4ed8;
  --success: #16a34a;
  --warning: #f59e0b;
  --danger: #dc2626;
}

* { box-sizing: border-box; }
body {
  margin: 0;
  background: radial-gradient(circle at top right, rgba(37,99,235,.13), transparent 34rem), var(--background);
  color: var(--foreground);
  font-family: Arial, Helvetica, sans-serif;
}

input, button, select, textarea { font: inherit; }
a { color: inherit; text-decoration: none; }

.container-shell { max-width: 1180px; margin: 0 auto; padding: 0 24px; }
.card { background: rgba(255,255,255,.86); border: 1px solid var(--border); border-radius: 24px; box-shadow: 0 18px 60px rgba(15,23,42,.08); }
.metric { background: #fff; border: 1px solid var(--border); border-radius: 18px; padding: 20px; }
.gradient-text { background: linear-gradient(135deg, #0f172a, #2563eb); -webkit-background-clip: text; color: transparent; }