/* Light, clean UI (Bootstrap 5) */
:root{
  --card-radius: 18px;
  --soft-shadow: 0 10px 30px rgba(16,24,40,.08);
  --soft-shadow-2: 0 6px 18px rgba(16,24,40,.10);
}
body{
  background: radial-gradient(1200px 600px at 20% 0%, rgba(13,110,253,.08), transparent 55%),
              radial-gradient(900px 500px at 90% 10%, rgba(32,201,151,.08), transparent 55%),
              #f6f8fb;
}
.navbar{ backdrop-filter: blur(8px); }
.brand-dot{
  width:10px;height:10px;border-radius:50%;
  display:inline-block;background:#0d6efd; margin-right:10px;
  box-shadow: 0 0 0 6px rgba(13,110,253,.12);
}
.card{ border:0; border-radius: var(--card-radius); box-shadow: var(--soft-shadow); }
.btn, .form-control, .form-select, .input-group-text{ border-radius: 14px; }
.btn{ box-shadow: 0 2px 10px rgba(16,24,40,.08); }
.btn:active{ transform: translateY(1px); }
.table{ background:#fff; border-radius:14px; overflow:hidden; }
.table thead th{
  background:#f3f6fb !important; border-bottom:0; font-weight:700; color:#344054;
}
.table td, .table th{ border-color:#eef2f8; }
.badge{ font-weight:700; letter-spacing:.2px; }
.kpi{
  border-radius:18px;
  background: linear-gradient(135deg, rgba(13,110,253,.12), rgba(255,255,255,.85));
  border:1px solid rgba(13,110,253,.15);
  box-shadow: var(--soft-shadow-2);
}
.page-title{ font-weight:800; letter-spacing:.2px; }
.section-title{ font-weight:800; color:#101828; }
.text-muted{ color:#667085 !important; }
.form-control:focus, .form-select:focus{
  box-shadow: 0 0 0 .25rem rgba(13,110,253,.15);
  border-color: rgba(13,110,253,.4);
}
.fc{
  background:#fff;
  border-radius:18px;
  box-shadow: var(--soft-shadow);
  padding:12px;
}
.fc .fc-toolbar-title{ font-size:1.1rem; font-weight:800; }
.fc .fc-button{ border-radius:14px; }