:root{
  --bg:#0b0f14;
  --card:#111827;
  --soft:#0f172a;
  --line:rgba(255,255,255,.08);
  --text:#0b1220;
}

body{ background:#f5f7fb; }
.bg-soft{ background:linear-gradient(180deg,#0b1220 0%, #111827 100%); min-height:100vh; }

.logo{ width:34px; height:34px; object-fit:cover; border-radius:10px; border:1px solid rgba(255,255,255,.15); }
.logo-lg{ width:60px; height:60px; object-fit:cover; border-radius:16px; border:1px solid rgba(0,0,0,.15); }

.page-head{
  display:flex; align-items:center; justify-content:space-between;
  gap:12px; padding:8px 2px; margin-bottom:8px;
}
.page-head h4{ font-weight:800; letter-spacing:.2px; }

.kpi{
  border-radius:16px;
}
.card{ border-radius:16px; }
.card-header{ border-bottom:1px solid rgba(0,0,0,.06); }

.table thead th{ font-size:.85rem; }
.table td, .table th{ padding:.85rem .85rem; }

.bill-row{
  display:flex; justify-content:space-between; align-items:center;
  padding:.35rem 0;
}
.bill-row.big{ font-size:1.15rem; }

.app-footer{
  border-top:1px solid rgba(0,0,0,.06);
  background:#fff;
}

@media (max-width: 576px){
  .page-head{ flex-direction:column; align-items:flex-start; }
  .table td, .table th{ padding:.7rem .6rem; }
}