:root {
  --mess-primary: #1f6f4a;
  --mess-primary-dark: #164f35;
  --mess-accent: #e0a458;
}

body {
  background: #f5f7f6;
  font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
}

.mess-navbar {
  background: linear-gradient(135deg, var(--mess-primary), var(--mess-primary-dark));
}

.card {
  border: none;
  border-radius: 12px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.06);
}

.stat-card {
  border-radius: 14px;
  color: #fff;
  padding: 1.25rem 1.5rem;
}
.stat-card.green  { background: linear-gradient(135deg,#1f6f4a,#28a06a); }
.stat-card.amber  { background: linear-gradient(135deg,#c98229,#e0a458); }
.stat-card.blue   { background: linear-gradient(135deg,#2559a6,#3a7bd5); }
.stat-card.red    { background: linear-gradient(135deg,#a62525,#d54545); }

.stat-card .stat-value { font-size: 1.75rem; font-weight: 700; }
.stat-card .stat-label { font-size: .85rem; opacity: .9; }

.table thead th {
  background: #eef3f0;
  border-bottom: none;
  font-size: .8rem;
  text-transform: uppercase;
  letter-spacing: .03em;
  color: #4a5b52;
}

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

.balance-positive { color: #1f6f4a; font-weight: 600; }
.balance-negative { color: #c0392b; font-weight: 600; }

.login-wrapper {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, var(--mess-primary), var(--mess-primary-dark));
}
.login-card {
  border-radius: 16px;
  max-width: 400px;
  width: 100%;
}