:root{
  --brand:#4DB6E6;
  --brand-soft:#EAF7FF;
  --brand-dark:#1E88B7;
  --success:#22C55E;
  --warning:#F59E0B;
  --danger:#EF4444;
  --text:#0F172A;
  --muted:#64748B;
  --border:#D6EEF9;
  --radius:14px;
}

body{
  background: var(--brand-soft);
  color: var(--text);
  font-family: "Cairo", system-ui, -apple-system, "Segoe UI", Arial;
}

.navbar{
  background:#fff;
  border-bottom:1px solid var(--border);
}

.card{
  border:1px solid var(--border);
  border-radius: var(--radius);
  box-shadow: 0 8px 24px rgba(2,132,199,.08);
}

.btn-primary{
  background: var(--brand);
  border-color: var(--brand);
}
.btn-primary:hover{
  background: var(--brand-dark);
  border-color: var(--brand-dark);
}

.badge-soft{
  background:#fff;
  border:1px solid var(--border);
  color: var(--text);
  border-radius:999px;
  padding:.35rem .6rem;
}

.icon-tile{
  width:44px;height:44px;border-radius:12px;
  background:#fff;border:1px solid var(--border);
  display:flex;align-items:center;justify-content:center;
  box-shadow: 0 6px 16px rgba(2,132,199,.08);
}

a{ color: var(--brand-dark); text-decoration:none; }
a:hover{ text-decoration:underline; }