:root{
  --hijau-tua:#0b5d3b;
  --hijau:#0f7a4d;
  --emas:#c9a227;
}
body{ background:#f4f6f8; font-family:'Segoe UI',Roboto,Arial,sans-serif; }
.navbar-top{ background:var(--hijau-tua); position:sticky; top:0; z-index:1030; }
.wrapper{ display:flex; min-height:calc(100vh - 56px); }
.sidebar{
  width:230px; background:var(--hijau-tua); flex-shrink:0; min-height:100%;
  transition:.25s;
}
.sidebar .nav-link{ color:#e8f3ee; padding:.6rem 1.1rem; font-size:.92rem; }
.sidebar .nav-link:hover, .sidebar .nav-link.active{ background:var(--hijau); color:#fff; border-right:4px solid var(--emas); }
.content{ flex:1; min-width:0; }
.card{ border:none; border-radius:12px; box-shadow:0 2px 10px rgba(0,0,0,.06); }
.card-stat{ color:#fff; border-radius:14px; }
.card-stat h3{ font-weight:700; }
.bg-hijau{ background:var(--hijau); }
.bg-hijau-tua{ background:var(--hijau-tua); }
.bg-emas{ background:var(--emas); }
.btn-hijau{ background:var(--hijau); color:#fff; }
.btn-hijau:hover{ background:var(--hijau-tua); color:#fff; }
.produk-card{ cursor:pointer; transition:.15s; user-select:none; }
.produk-card:hover{ transform:translateY(-3px); box-shadow:0 6px 16px rgba(0,0,0,.12); }
.produk-card.habis{ opacity:.45; pointer-events:none; }
.keranjang-item{ border-bottom:1px solid #eee; padding:.5rem 0; }
table.dataTable{ font-size:.9rem; }
@media(max-width:767px){
  .sidebar{ position:fixed; left:-230px; top:56px; bottom:0; z-index:1020; }
  .sidebar.show{ left:0; }
}
@media print{
  .no-print{ display:none !important; }
  body{ background:#fff; }
}