:root { --brand: #1d4e6f; --brand-dark: #163b54; }
body { background:#f4f6f8; }
.app-navbar { background: var(--brand); }
.app-navbar .nav-link.active { background: var(--brand-dark); border-radius:.375rem; }
.card { border:none; box-shadow:0 1px 3px rgba(0,0,0,.08); }
.stat-card { border-left:4px solid var(--brand); }
.stat-card .stat-value { font-size:1.6rem; font-weight:700; color:var(--brand-dark); }
.stat-card .stat-label { color:#6c757d; font-size:.85rem; text-transform:uppercase; letter-spacing:.5px; }
.login-wrap { min-height:100vh; display:flex; align-items:center; justify-content:center;
  background:linear-gradient(135deg,var(--brand),var(--brand-dark)); }
.login-card { max-width:400px; width:100%; }
.table thead th { background:#eef2f5; font-size:.8rem; text-transform:uppercase; letter-spacing:.3px; }
.btn-brand { background:var(--brand); color:#fff; }
.btn-brand:hover { background:var(--brand-dark); color:#fff; }