:root {
  --primary: #7A0019;
  --primary-2: #5B0013;
  --bg: #faf7f8;
  --text: #1f2937;
  --muted: #6b7280;
}
body {
  background: var(--bg);
  color: var(--text);
  font-family:
    system-ui,
    -apple-system,
    Segoe UI,
    Roboto,
    Ubuntu,
    Cantarell,
    Noto Sans,
    sans-serif;
}
.navbar-brand {
  font-weight: 800;
  letter-spacing: 0.2px;
}
.sidebar {
  min-height: calc(100vh - 56px);
  background: linear-gradient(
    180deg,
    rgba(122, 0, 25, 0.12),
    rgba(255, 255, 255, 0)
  );
  border-right: 1px solid rgba(122, 0, 25, 0.08);
}
.sidebar .nav-link {
  color: #0b2b4e;
  border-radius: 0.6rem;
  padding: 0.62rem 0.85rem;
}
.sidebar .nav-link.active,
.sidebar .nav-link:hover {
  background: rgba(122, 0, 25, 0.12);
  color: var(--primary);
}
.card-soft {
  border: 1px solid rgba(122, 0, 25, 0.08);
  box-shadow: 0 10px 30px rgba(122, 0, 25, 0.08);
  border-radius: 1rem;
}
.badge-soft {
  background: rgba(122, 0, 25, 0.08);
  color: var(--primary);
  border: 1px solid rgba(122, 0, 25, 0.15);
}
.small-muted {
  color: var(--muted);
  font-size: 0.92rem;
}
.page-title {
  font-weight: 900;
}
.icon-bubble {
  width: 40px;
  height: 40px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
 background: rgba(122, 0, 25, 0.10);
  color: var(--primary);
}
.btn-primary {
  background: var(--primary);
  border-color: var(--primary);
}
.btn-primary:hover {
  background: var(--primary-2);
  border-color: var(--primary-2);
}
.table thead th {
  background: rgba(122, 0, 25, 0.08);
  color: var(--primary);
}
.login-bg{
    background-image:url('../img/bg.jpeg');
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    min-height:100vh;
    position:relative;
}

.login-bg::before{
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.45);
}

.login-bg .row{
    position:relative;
    z-index:2;
}

.login-bg .card{
    background:rgba(255,255,255,.95);
    backdrop-filter:blur(4px);
    border-radius:20px;
    box-shadow:0 10px 30px rgba(0,0,0,.2);
}
.btn-outline-primary {
  color: var(--primary);
  border-color: var(--primary);
}

.btn-outline-primary:hover {
  background: var(--primary);
  border-color: var(--primary);
  color: white;
}