:root {
  --sumait-green: #0d6638;
  --sumait-dark: #084b2a;
  --sumait-light: rgba(13, 102, 56, 0.1);
  --sumait-border: #dce6df;
}
body { background: #f5f8f6; color: #223128; }
.navbar { background: var(--sumait-dark) !important; }
.card { border-color: var(--sumait-border); border-radius: 14px; }
.btn-success { background: var(--sumait-green); border-color: var(--sumait-green); }
.btn-success:hover { background: var(--sumait-dark); border-color: var(--sumait-dark); }
.sidebar { min-height: calc(100vh - 57px); background: #fff; border-right: 1px solid var(--sumait-border); }
.sidebar-link { display: flex; gap: 10px; padding: 11px 14px; align-items: center; border-radius: 8px; color: #34453a; text-decoration: none; }
.sidebar-link:hover, .sidebar-link.active { background: var(--sumait-light); color: var(--sumait-green); }
.section-heading { color: var(--sumait-dark); font-weight: 700; }
.table thead th { background: var(--sumait-light); color: var(--sumait-dark); }
.profile-placeholder { display: flex; width: 90px; height: 90px; align-items: center; justify-content: center; border-radius: 50%; background: var(--sumait-light); color: var(--sumait-green); font-size: 1.8rem; font-weight: 700; }
.auth-wrap { min-height: calc(100vh - 58px); display: flex; align-items: center; }
.hero { background: linear-gradient(135deg, var(--sumait-dark), var(--sumait-green)); color: #fff; }
@media (max-width: 991.98px) { .sidebar { min-height: auto; border-right: 0; border-bottom: 1px solid var(--sumait-border); } }