:root{
  --orange-900:#7a2f00;
  --orange-700:#b34700;
  --orange-600:#d35400;
  --orange-500:#ff7a00;
  --orange-400:#ff9a3d;
  --orange-200:#ffd2a8;
  --white:#ffffff;
}

body{
  background: var(--white);
}

.navbar{
  background: linear-gradient(90deg, var(--orange-600), var(--orange-500));
  box-shadow: 0 6px 22px rgba(255,122,0,.25);
}

.navbar .navbar-brand, .navbar a, .navbar .nav-link{
  color: #fff !important;
}

.card{
  border-radius: 18px;
  border: 1px solid rgba(255,122,0,.15);
  box-shadow: 0 10px 30px rgba(255,122,0,.08);
}

.btn{
  border-radius: 14px;
}

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

.btn-primary:hover, .btn-primary:focus{
  background: var(--orange-700);
  border-color: var(--orange-700);
}

.btn-outline-primary{
  color: var(--orange-600);
  border-color: rgba(255,122,0,.55);
}

.btn-outline-primary:hover{
  background: var(--orange-600);
  border-color: var(--orange-600);
  color: #fff;
}

a{
  color: var(--orange-700);
}

a:hover{
  color: var(--orange-900);
}

.form-control,.form-select{
  border-radius: 14px;
  border-color: rgba(255,122,0,.25);
}

.form-control:focus,.form-select:focus{
  border-color: rgba(255,122,0,.65);
  box-shadow: 0 0 0 .2rem rgba(255,122,0,.15);
}

.badge{
  border-radius: 999px;
}

.stat-card{
  padding: 16px;
  border-radius: 18px;
  background: #fff;
  border: 1px solid rgba(255,122,0,.18);
  box-shadow: 0 10px 30px rgba(255,122,0,.08);
}
.stat-label{ color: var(--orange-700); font-size: .85rem; }
.stat-value{ font-size: 1.8rem; font-weight: 800; color: var(--orange-900); }
.stat-sub{ color: rgba(122,47,0,.75); font-size: .8rem; }