:root {
  --ypm-bg: #f3f7fb;
  --ypm-bg-soft: #eef5ff;
  --ypm-card: #ffffff;
  --ypm-text: #0b2239;
  --ypm-muted: #5f738b;
  --ypm-primary: #0c7c74;
  --ypm-primary-2: #12b3a6;
  --ypm-line: #d6e2f0;
  --ypm-line-soft: #e7eef7;
  --ypm-danger: #c0392b;
  --ypm-success: #0f766e;
  --ypm-warning: #b45309;
  --ypm-radius: 14px;
  --ypm-shadow: 0 10px 28px rgba(8, 34, 67, 0.08);
  --ypm-font: "Tajawal", "Cairo", "Segoe UI", Tahoma, sans-serif;
}
* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
  font-family: var(--ypm-font);
  color: var(--ypm-text);
  background:
    radial-gradient(900px 420px at 112% -4%, rgba(22, 163, 74, 0.12), transparent 62%),
    radial-gradient(860px 450px at -8% 2%, rgba(14, 116, 144, 0.11), transparent 64%),
    linear-gradient(145deg, var(--ypm-bg), var(--ypm-bg-soft));
  min-height: 100vh;
}
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
.hidden { display: none !important; }