/* Minimal Bootstrap-like helpers (tiny subset) to keep the sample self-contained.
   Replace with real Bootstrap if you prefer. */

body { margin: 0; }
.navbar { padding: .5rem 1rem; }
.navbar-dark { background: #111827; color: #fff; }
.navbar-brand { color: #fff; text-decoration: none; font-weight: 600; }
.navbar-toggler { background: transparent; border: 1px solid rgba(255,255,255,.2); padding: .25rem .5rem; border-radius: .25rem; color: #fff; }
.container-fluid { display:flex; align-items:center; justify-content:space-between; }
.top-row { position: sticky; top: 0; z-index: 10; }

.collapse { display:none; }
.nav-link { display:block; padding:.5rem 0; text-decoration:none; color:#111827; }
.nav-link.active { font-weight:600; }

.table { width:100%; border-collapse:collapse; }
.table th, .table td { border-bottom:1px solid #e5e7eb; padding:.5rem; }
.table-striped tbody tr:nth-child(odd){ background:#f9fafb; }

.alert { padding:.75rem 1rem; border-radius:.5rem; margin:1rem 0; }
.alert-danger { background:#fee2e2; color:#7f1d1d; border:1px solid #fecaca; }

.text-end { text-align:right; }
.px-3 { padding-left:1rem; padding-right:1rem; }
.ps-3 { padding-left:1rem; }
.px-4 { padding-left:1.5rem; padding-right:1.5rem; }