:root {
  --biz-bg: #eef3f8;
  --biz-surface: #ffffff;
  --biz-surface-muted: #f6f9fc;
  --biz-border: #d9e2ec;
  --biz-text: #12263a;
  --biz-text-muted: #52637a;
  --biz-primary: #0f4c81;
  --biz-primary-strong: #0a3a63;
  --biz-accent: #0f766e;
  --biz-danger: #c2410c;
  --biz-shadow: 0 14px 34px rgba(18, 38, 58, 0.1);
}

body {
  font-family: "Manrope", "Segoe UI", Tahoma, Arial, sans-serif !important;
  background: radial-gradient(circle at 10% -10%, #dce8f5 0%, var(--biz-bg) 45%, #ebf1f7 100%) !important;
  color: var(--biz-text) !important;
}

.navbar,
.navbar.bg-white {
  background: rgba(255, 255, 255, 0.95) !important;
  border-bottom: 1px solid var(--biz-border) !important;
  box-shadow: 0 8px 24px rgba(18, 38, 58, 0.08) !important;
  backdrop-filter: blur(6px);
}

.navbar-brand span,
h1,
h2,
h3,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  color: var(--biz-text) !important;
}

.text-secondary,
.small,
.muted-label {
  color: var(--biz-text-muted) !important;
}

.card,
.stat-card,
.pending-card,
.lot-item,
.interest-item,
.negotiation-item,
.login-card {
  background: var(--biz-surface) !important;
  border: 1px solid var(--biz-border) !important;
  box-shadow: var(--biz-shadow) !important;
}

.card-header {
  background: linear-gradient(180deg, #ffffff 0%, var(--biz-surface-muted) 100%) !important;
  border-bottom: 1px solid var(--biz-border) !important;
}

.badge.bg-primary,
.btn-primary,
.page-item.active .page-link,
.btn-interest,
.btn-edit,
.btn-submit,
.sidebar-link.active {
  background: linear-gradient(135deg, var(--biz-primary) 0%, #1b5f99 100%) !important;
  border-color: var(--biz-primary) !important;
  color: #fff !important;
}

.btn-primary:hover,
.btn-interest:hover,
.btn-edit:hover,
.btn-submit:hover {
  background: linear-gradient(135deg, var(--biz-primary-strong) 0%, var(--biz-primary) 100%) !important;
  border-color: var(--biz-primary-strong) !important;
}

.btn-outline-primary {
  border-color: var(--biz-primary) !important;
  color: var(--biz-primary) !important;
}

.btn-outline-primary:hover {
  background: var(--biz-primary) !important;
  color: #fff !important;
}

.btn-success,
.btn-create,
.badge.bg-success {
  background: linear-gradient(135deg, #0f766e 0%, #0b5f59 100%) !important;
  border-color: #0f766e !important;
  color: #fff !important;
}

.btn-warning,
.badge.bg-warning {
  background: linear-gradient(135deg, #b45309 0%, #92400e 100%) !important;
  border-color: #92400e !important;
  color: #fff !important;
}

.btn-delete,
.badge.bg-danger,
.btn-outline-danger:hover {
  background: linear-gradient(135deg, #c2410c 0%, #9a3412 100%) !important;
  border-color: #9a3412 !important;
  color: #fff !important;
}

.form-control,
.form-select,
textarea,
input {
  border: 1px solid var(--biz-border) !important;
  border-radius: 10px !important;
}

.form-control:focus,
.form-select:focus,
textarea:focus,
input:focus {
  border-color: #2f6ea6 !important;
  box-shadow: 0 0 0 0.2rem rgba(15, 76, 129, 0.16) !important;
}

.sidebar-link:hover {
  background: #eaf1f8 !important;
  color: var(--biz-primary) !important;
}

a {
  color: var(--biz-primary);
}

a:hover {
  color: var(--biz-primary-strong);
}

.table thead th {
  color: var(--biz-text-muted);
  border-bottom: 1px solid var(--biz-border);
}

.table tbody tr:hover {
  background: #f1f6fb;
}

.hero {
  background: linear-gradient(120deg, #123f69 0%, #0f4c81 55%, #0f766e 100%) !important;
  box-shadow: 0 20px 38px rgba(16, 45, 74, 0.24) !important;
}

.metric-chip {
  border: 1px solid rgba(255, 255, 255, 0.32) !important;
  background: rgba(255, 255, 255, 0.14) !important;
}