:root { --nd-gutter: 1rem; }
body { font-family: "Open Sans", system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji"; }
.container, .container-fluid { padding-top: var(--nd-gutter); padding-bottom: var(--nd-gutter); }
.table { border-radius: 0.5rem; overflow: hidden; }
.table th { white-space: nowrap; }
.table-hover tbody tr:hover { background: rgba(0,0,0,.03); }
.badge { font-weight: 600; }
.badge-soft { background: rgba(0,0,0,.06); }
.badge-soft-success { background: #e7f7ed; color: #0f6a38; }
.badge-soft-danger  { background: #fde7ea; color: #8a1023; }
.badge-soft-info    { background: #e7f3fd; color: #114a8a; }
.badge-soft-warning { background: #fff4e5; color: #7a4b00; }
.card { border: 1px solid rgba(0,0,0,.075); border-radius: 1rem; box-shadow: 0 1px 2px rgba(0,0,0,.05); }
.card-header { background: #fff; border-bottom-color: rgba(0,0,0,.075); }
.btn { border-radius: .75rem; }
.btn-icon { display:inline-flex; align-items:center; gap:.5rem; }
.input-group-text { background: #fff; }
.nd-muted { color: #6c757d; }
.nd-kicker { text-transform: uppercase; letter-spacing:.06em; font-size:.75rem; color:#6c757d; }
.table-responsive { border-radius: .75rem; }
.navbar { border-bottom: 1px solid rgba(0,0,0,.06); }
/* Feature cards for index */
.nd-feature { transition: transform .15s ease, box-shadow .15s ease; border-radius: 1rem; overflow:hidden; padding: 15px; }
.nd-feature:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(0,0,0,.08); }
.nd-feature .nd-icon { font-size: 1.75rem; line-height: 1; }
.nd-feature .card-body { display:flex; align-items:flex-start; gap:.85rem; }
.nd-feature .nd-icon-wrap { width:42px; height:42px; border-radius: 12px; display:flex; align-items:center; justify-content:center; background: rgba(0,0,0,.05); }
.nd-feature .nd-title { margin:0; font-weight: 700; font-size: 2.2rem; }
.nd-feature .nd-text { margin: .15rem 0 0; color:#6c757d; }

.mb-2{ margin-bottom: 10px;}

/* Navbar tweak for better toggler visibility on all themes */
.navbar-light .navbar-toggler { border-color: rgba(255,255,255,.1); }
.navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 0.55)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }


.navbar *{color: #fff!important;}
.nav>li>a:focus, .nav>li>a:hover,.nav>li>a:focus *, .nav>li>a:hover *{ color: #111!important;}