:root { --crm-primary: #14532d; --crm-accent: #22c55e; --crm-bg: #f4f7f5; }
html, body { min-height: 100%; }
body { background: var(--crm-bg); color: #1f2937; }
.crm-navbar { background: linear-gradient(110deg, #0f3d25, var(--crm-primary)); }
.body-content { padding-top: 1.5rem; padding-bottom: 1rem; }
.crm-card { border: 0; border-radius: 1rem; box-shadow: 0 8px 24px rgba(15, 61, 37, .08); }
.crm-stat { border-left: .35rem solid var(--crm-accent); }
.table > :not(caption) > * > * { vertical-align: middle; }
.login-page { min-height: 100vh; background: linear-gradient(135deg, #ecfdf5, #f8fafc 55%, #dcfce7); }
.login-card { max-width: 430px; width: 100%; border: 0; border-radius: 1.25rem; box-shadow: 0 20px 55px rgba(15, 61, 37, .16); }
.form-control, .form-select { min-height: 44px; }
@media (max-width: 767.98px) {
  .body-content { padding-top: 1rem; }
  .mobile-card-table thead { display: none; }
  .mobile-card-table, .mobile-card-table tbody, .mobile-card-table tr, .mobile-card-table td { display: block; width: 100%; }
  .mobile-card-table tr { margin-bottom: .85rem; padding: .8rem; background: white; border-radius: .8rem; box-shadow: 0 4px 14px rgba(0,0,0,.06); }
  .mobile-card-table td { border: 0; padding: .25rem 0; }
  .mobile-card-table td::before { content: attr(data-label); display: inline-block; min-width: 7.5rem; color: #64748b; font-weight: 600; }
}