:root {
  --primary: #0d6e3f;
  --primary-dark: #094a2a;
  --accent: #f2a900;
}
body { background:#f5f7f6; font-family:'Segoe UI',Arial,sans-serif; color:#1f2d27; }
.navbar { background: linear-gradient(90deg, var(--primary-dark), var(--primary)); }
.navbar-brand, .nav-link { color:#fff !important; }
.nav-link:hover { color: var(--accent) !important; }

.hero { background: linear-gradient(135deg, var(--primary-dark), var(--primary)); color:#fff; padding:70px 0; }
.hero h1 { font-weight:700; }
.hero .btn-accent { background: var(--accent); border:none; color:#1f2d27; font-weight:600; }
.hero .btn-accent:hover { background:#d99400; }

.card-layanan { border:none; border-radius:14px; box-shadow:0 4px 14px rgba(0,0,0,.06); transition:.2s; height:100%; }
.card-layanan:hover { transform:translateY(-4px); box-shadow:0 8px 22px rgba(0,0,0,.1); }
.card-layanan .icon { width:56px;height:56px;border-radius:50%;background:#e6f4ec;color:var(--primary);display:flex;align-items:center;justify-content:center;font-size:24px; }

.section-title { font-weight:700; color:var(--primary-dark); }

.footer { background:#0e1b15; color:#cfe3d8; }
.footer p { color:#cfe3d8; }

.btn-primary { background:var(--primary); border-color:var(--primary); }
.btn-primary:hover { background:var(--primary-dark); border-color:var(--primary-dark); }

.form-control:focus, .form-select:focus { border-color:var(--primary); box-shadow:0 0 0 .2rem rgba(13,110,63,.15); }

.status-box { border-left:5px solid var(--primary); background:#fff; border-radius:10px; }

/* Admin layout */
.admin-sidebar { min-height:100vh; background:var(--primary-dark); color:#fff; }
.admin-sidebar a { color:#dfeee6; display:block; padding:10px 18px; text-decoration:none; border-radius:8px; }
.admin-sidebar a:hover, .admin-sidebar a.active { background:var(--primary); color:#fff; }
.admin-topbar { background:#fff; box-shadow:0 2px 8px rgba(0,0,0,.05); }
.stat-card { border:none; border-radius:14px; color:#fff; }
.stat-card.bg1 { background:linear-gradient(135deg,#0d6e3f,#0a5230); }
.stat-card.bg2 { background:linear-gradient(135deg,#c98a00,#f2a900); }
.stat-card.bg3 { background:linear-gradient(135deg,#b02a37,#d9414c); }
.stat-card.bg4 { background:linear-gradient(135deg,#1c5d99,#2e86de); }

@media print {
  .no-print { display:none !important; }
  body { background:#fff; }
}