:root{
  --bg:#eef1f6;
  --card:#ffffff;
  --line:#e6eaf2;
  --text:#0f172a;
  --muted:#64748b;
  --primary:#2563eb;
  --primary-dark:#1d4ed8;
  --accent:#10b981;
}
*{box-sizing:border-box}
body{
  background:var(--bg)!important;
  color:var(--text)!important;
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,Arial,sans-serif!important;
}
header{
  background:transparent!important;
  color:var(--text)!important;
  border:none!important;
  padding:12px 12px 4px!important;
}
header > div, .header-content{
  max-width:430px!important;
  margin:0 auto!important;
  background:var(--card);
  border:1px solid var(--line);
  border-radius:14px;
  padding:8px 10px;
}
main{max-width:430px!important;padding:12px!important}
.section,.summary-card,.chart-section,.card{
  background:var(--card)!important;
  border:1px solid var(--line)!important;
  border-radius:16px!important;
  box-shadow:none!important;
}
.summary-card .label,.section-title,.muted,.obra-address,.obra-meta{color:var(--muted)!important}
.bottom-nav{
  background:#1e3a5f!important;
  box-shadow:0 8px 32px rgba(30,58,95,.35)!important;
}
.nav-item.active{background:rgba(255,255,255,.18)!important}
.obra-card,.lancamento-item,.list-item,.category-card{
  background:#fff!important;
  border:1px solid var(--line)!important;
}
button,.btn,.filter-btn,.open-btn,.btn-login{
  border-radius:10px!important;
}
@media (min-width:768px){
  main, header > div, .header-content{max-width:1200px!important}
}