:root { --brand: #0B5394; --brand-2: #1E7FC2; --brand-muda: #E3EFF9; }
body { background: #f4f7fb; }
.bg-brand { background: var(--brand) !important; }
.text-brand { color: var(--brand) !important; }
.btn-brand { background: var(--brand); border-color: var(--brand); color: #fff; }
.btn-brand:hover, .btn-brand:focus { background: var(--brand-2); border-color: var(--brand-2); color: #fff; }
.navbar .nav-link.active { font-weight: 600; border-bottom: 2px solid #ff5252; }
.login-bg { background: linear-gradient(135deg, #0B5394 0%, #1E7FC2 55%, #8FB8E0 100%); }
.card { border-color: #d9e4ef; }
.card-header.bg-brand { border-bottom: 0; }
.stat .stat-label { font-size: .8rem; color: #5d6f82; text-transform: uppercase; letter-spacing: .03em; }
.stat .stat-value { font-size: 1.35rem; font-weight: 700; color: var(--brand); }
tr.clickable { cursor: pointer; }
.tabel-item { min-width: 820px; }
.tabel-item td { padding: .3rem .4rem; }
.tabel-item tr.terisi td { background: #f0f7ff; }
#total { color: var(--brand); }