:root{
  --glass-bg: rgba(255,255,255,.60);
  --glass-border: rgba(255,255,255,.35);
}
[data-bs-theme="dark"]{
  --glass-bg: rgba(30,30,38,.55);
  --glass-border: rgba(255,255,255,.10);
}
html, body{
  font-family: "Cairo", system-ui, -apple-system, Segoe UI, sans-serif;
}
.bg-soft{
  background: radial-gradient(1200px 800px at 20% 10%, rgba(99,102,241,.18), transparent 55%),
              radial-gradient(1000px 700px at 90% 25%, rgba(16,185,129,.18), transparent 55%),
              radial-gradient(800px 600px at 30% 90%, rgba(236,72,153,.15), transparent 55%),
              #f7f7fb;
}
[data-bs-theme="dark"] .bg-soft{
  background: radial-gradient(1200px 800px at 20% 10%, rgba(99,102,241,.20), transparent 55%),
              radial-gradient(1000px 700px at 90% 25%, rgba(16,185,129,.16), transparent 55%),
              radial-gradient(800px 600px at 30% 90%, rgba(236,72,153,.12), transparent 55%),
              #0b1020;
}
.glass{
  background: var(--glass-bg);
  border: 1px solid var(--glass-border);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-radius: 16px;
}
.glass-nav{
  background: var(--glass-bg);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}
.brand-logo{
  height: 64px;
  width: auto;
  border-radius: 8px;
}
.brand-dot{
  display:inline-block;
  width:14px; height:14px;
  border-radius: 7px;
  background: linear-gradient(135deg, rgba(99,102,241,1), rgba(16,185,129,1));
}
.table>thead th{white-space:nowrap}

.user-badge{max-width: 320px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}