:root {
  --brand-navy: #1b3a5c;
  --brand-blue: #2a5c8a;
  --brand-gray: #f4f6f8;
  --brand-border: #dfe4ea;
}

body { background-color: var(--brand-gray); font-family: "Segoe UI", Roboto, Arial, sans-serif; }
.app-navbar { background-color: var(--brand-navy); }
.login-body { min-height: 100vh; background: linear-gradient(135deg, var(--brand-navy), var(--brand-blue)); }
.login-card { width: 400px; border: none; border-radius: 10px; }
.card { border-color: var(--brand-border); }
.table thead th { background-color: var(--brand-navy); color: #fff; white-space: nowrap; }
.price-cell { text-align: right; font-variant-numeric: tabular-nums; }
.badge-inactive { background-color: #adb5bd; }
.stat-card { border-left: 4px solid var(--brand-blue); }

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