:root { --keen: #1B5E20; --keen-2: #2E7D32; --keen-muda: #EEF6EE; }
body { background: #f5f7f5; }
.bg-keen { background: var(--keen) !important; }
.text-keen { color: var(--keen) !important; }
.btn-keen { background: var(--keen); border-color: var(--keen); color: #fff; }
.btn-keen:hover, .btn-keen:focus { background: var(--keen-2); border-color: var(--keen-2); color: #fff; }
.navbar .nav-link.active { font-weight: 600; border-bottom: 2px solid #9ccc65; }
.login-bg { background: linear-gradient(135deg, #1B5E20 0%, #2E7D32 45%, #7CB342 100%); }
.card { border-color: #dfe7df; }
.card-header.bg-keen { border-bottom: 0; }
.stat .stat-label { font-size: .8rem; color: #6b7b6e; text-transform: uppercase; letter-spacing: .03em; }
.stat .stat-value { font-size: 1.35rem; font-weight: 700; color: var(--keen); }
tr.clickable { cursor: pointer; }
.tabel-nota td { padding: .35rem .4rem; }
.tabel-nota td.no { text-align: center; }
#total { color: var(--keen); }
.tabel-nota { min-width: 860px; }