:root {
  --brand: #b45309;
  --brand-dark: #92400e;
  --brand-light: #fef3c7;
  --bg: #faf7f2;
  --card-radius: 1rem;
}
body {
  background: var(--bg);
  font-family: 'Inter', system-ui, -apple-system, sans-serif;
  color: #292524;
}
.navbar-brand { font-weight: 800; letter-spacing: -.02em; }
.topbar {
  background: #1c1917;
  border-bottom: 3px solid var(--brand);
}
.topbar .nav-link {
  color: #d6d3d1; font-weight: 500; border-radius: .6rem; padding: .45rem .9rem;
}
.topbar .nav-link:hover { color: #fff; background: #292524; }
.topbar .nav-link.active { color: #fff; background: var(--brand); }
.page-head { display:flex; justify-content:space-between; align-items:end; gap:1rem; margin-bottom:1.25rem; flex-wrap:wrap; }
.page-head h1 { font-weight: 800; letter-spacing:-.02em; margin:0; }
.page-head p { color:#78716c; margin:.25rem 0 0; }
.card-mod {
  border: 0; border-radius: var(--card-radius);
  box-shadow: 0 1px 2px rgba(0,0,0,.05), 0 8px 24px -12px rgba(0,0,0,.18);
}
.kpi { border:0; border-radius: var(--card-radius); box-shadow: 0 1px 2px rgba(0,0,0,.05), 0 8px 24px -12px rgba(0,0,0,.18); }
.kpi .label { font-size:.8rem; color:#78716c; font-weight:600; text-transform:uppercase; letter-spacing:.04em; }
.kpi .value { font-size:1.6rem; font-weight:800; letter-spacing:-.02em; }
.kpi .icon { width:42px; height:42px; border-radius:.8rem; display:flex; align-items:center; justify-content:center; font-size:1.25rem; }
.table-mod thead th { font-size:.78rem; text-transform:uppercase; letter-spacing:.05em; color:#78716c; border-bottom:2px solid #f5f5f4; background:#fafaf9; }
.table-mod tbody td { vertical-align:middle; }
.btn-brand { background:var(--brand); border-color:var(--brand); color:#fff; font-weight:600; }
.btn-brand:hover { background:var(--brand-dark); border-color:var(--brand-dark); color:#fff; }
.search-box { position:relative; max-width:340px; }
.search-box i { position:absolute; left:.8rem; top:50%; transform:translateY(-50%); color:#a8a29e; }
.search-box input { padding-left:2.4rem; border-radius:2rem; }
.empty { text-align:center; padding:3rem 1rem; color:#78716c; }
.empty .big { font-size:2.5rem; }
.login-wrap { min-height:70vh; display:flex; align-items:center; justify-content:center; }
.login-card { border:0; border-radius:1.25rem; overflow:hidden; box-shadow:0 20px 60px -15px rgba(0,0,0,.25); }
.login-side { background: linear-gradient(135deg,#1c1917 0%,#78350f 60%,#b45309 100%); color:#fff; }
.badge-soft { background:var(--brand-light); color:var(--brand-dark); font-weight:600; }
footer.app { color:#a8a29e; font-size:.85rem; }
.form-label { font-weight:600; font-size:.9rem; }
@media (max-width: 768px) {
  .page-head h1 { font-size:1.4rem; }
  .kpi .value { font-size:1.3rem; }
}