:root {
  --brand-primary: #0f3d3e;
  --brand-accent: #f2b705;
  --brand-soft: #f7f2e8;
  --text-dark: #1c1c1c;
  --text-muted: #5f5f5f;
}

body {
  font-family: "Source Sans 3", "Segoe UI", sans-serif;
  color: var(--text-dark);
  background: radial-gradient(circle at top right, #fef6e4, #ffffff 55%);
  min-height: 100vh;
}

.brand-banner {
  background: linear-gradient(135deg, #0f3d3e, #2c6e67);
  color: #fff;
  border-radius: 14px;
  padding: 1.5rem;
  box-shadow: 0 10px 30px rgba(15, 61, 62, 0.25);
}

.brand-banner h1 {
  font-weight: 700;
  letter-spacing: 0.4px;
}

.card {
  border: none;
  border-radius: 16px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
}

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

.btn-primary:hover {
  background-color: #0b2f30;
  border-color: #0b2f30;
}

.badge-status {
  font-size: 0.85rem;
}

.table thead th {
  background: var(--brand-soft);
  color: var(--text-dark);
}

.footer-note {
  color: var(--text-muted);
  font-size: 0.9rem;
}

@media print {
  nav, .no-print, .btn, .alert {
    display: none !important;
  }
  body {
    background: #fff;
  }
  .card {
    box-shadow: none;
    border: 1px solid #ddd;
  }
}