:root{--green:#1e6848;--green2:#164b36;--bg:#f4f7f5;--ink:#20332a}
body{background:var(--bg);color:var(--ink);min-height:100vh}
.app-navbar{background:linear-gradient(100deg,var(--green2),var(--green));box-shadow:0 3px 16px #123b281c}
.navbar-brand{font-weight:700;white-space:normal;font-size:1rem}
.brand-logo{width:38px;height:38px;object-fit:contain;border-radius:8px;background:#fff;padding:3px}
.brand-mark{font-size:1.65rem}
.card{border:0;border-radius:16px;box-shadow:0 5px 22px #153d2910}
.stat-card{border-left:4px solid #2b8a5b}
.stat-number{font-size:clamp(1.6rem,3vw,2.1rem);font-weight:750;color:var(--green2)}
.page-title{font-weight:750;letter-spacing:-.025em}
.table thead th{background:#eaf2ed;color:#244a37;white-space:nowrap}
.form-label{font-weight:600}
.app-footer{color:#6b7c72}
.login-wrap{max-width:460px;margin:5vh auto}
.btn-success{background:var(--green);border-color:var(--green)}
.btn-success:hover{background:var(--green2);border-color:var(--green2)}

/* TANI-BTN v2: menu yang nyaman di layar kecil */
.navbar .nav-link{border-radius:9px;padding:.6rem .75rem!important}
.navbar .nav-link:hover{background:#ffffff19}
.table-responsive{border-radius:10px}
@media(max-width:767px){.app-navbar .navbar-collapse{padding:1rem 0}.navbar-nav{gap:3px}.navbar .nav-link{padding:.85rem .9rem!important;background:#ffffff10}.card .card-body{padding:1rem}.btn{min-height:42px}.form-control,.form-select{min-height:43px}.stat-number{font-size:1.55rem}.table td,.table th{font-size:.87rem}.navbar-brand{max-width:75%;line-height:1.25}}