/* Soft green theme + bottom navigation layout */
:root{
  --ink:#26362f;
  --muted:#6f8077;
  --bg:#f3f7f3;
  --card:#ffffff;
  --line:#dce7de;
  --blue:#5f806b;
  --blue2:#70957b;
  --green:#6f9278;
  --green-soft:#e7f0e8;
  --orange:#9b8666;
  --orange-soft:#f2eee5;
  --red:#a9635e;
  --red-soft:#f5e8e6;
  --shadow:0 10px 30px rgba(55,82,63,.07);
}
body{background:#f3f7f3!important}
.topbar{background:rgba(243,247,243,.95)!important}
.intro-banner{background:#5f806b!important}
.btn-primary{background:#5f806b!important;border-color:#5f806b!important}
.progress-fill{background:linear-gradient(90deg,#789a80,#a7b99f)!important}
.bar-fill{background:#789a80!important}
.goal-progress>div{background:#789a80!important}
.health-badge{background:#e5efe6!important;color:#4f7058!important}
.type-pill.income{background:#e5efe6!important;color:#4f7058!important}
.type-pill.expense{background:#f1ece3!important;color:#806e55!important}
.calendar-day.today{box-shadow:inset 0 0 0 2px #789a80!important}
.day-bill{background:#e9f0e9!important}
.day-bill.income{background:#deebdf!important}
.donut-hole{background:#fff!important}

.app-shell{display:block!important;min-height:100vh}
.sidebar{display:none!important}
.main{width:100%;min-width:0}
.menu-btn{display:none!important}
.content{padding-bottom:112px!important}

.bottom-nav{
  position:fixed;
  left:50%;
  bottom:max(10px, env(safe-area-inset-bottom));
  transform:translateX(-50%);
  z-index:90;
  width:min(760px, calc(100% - 20px));
  min-height:68px;
  display:flex;
  align-items:stretch;
  gap:3px;
  padding:7px;
  overflow-x:auto;
  overscroll-behavior-x:contain;
  scrollbar-width:none;
  background:rgba(91,124,102,.97);
  border:1px solid rgba(255,255,255,.2);
  border-radius:20px;
  box-shadow:0 14px 40px rgba(48,75,56,.22);
  backdrop-filter:blur(14px);
}
.bottom-nav::-webkit-scrollbar{display:none}
.bottom-nav .bottom-nav-btn{
  flex:1 0 76px;
  min-width:76px;
  min-height:54px;
  border:0;
  border-radius:14px;
  background:transparent;
  color:#dce9df;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:3px;
  padding:6px 5px;
  text-align:center;
}
.bottom-nav .bottom-nav-btn:hover,
.bottom-nav .bottom-nav-btn.active{
  background:rgba(255,255,255,.16);
  color:#fff;
}
.bottom-nav-icon{font-size:18px;line-height:1;width:auto!important}
.bottom-nav-label{font-size:9px;font-weight:800;line-height:1.1;width:auto!important}

@media(max-width:720px){
  .topbar{height:auto;min-height:76px;padding:11px 14px;gap:10px}
  .topbar p{display:none}
  .topbar h1{font-size:20px}
  .top-actions{gap:6px}
  .period-control span{display:none}
  .period-control select{max-width:116px;padding:8px}
  .top-actions .btn{padding:9px 10px}
  .content{padding:15px 12px 108px!important}
  .bottom-nav{
    width:calc(100% - 12px);
    bottom:max(6px, env(safe-area-inset-bottom));
    border-radius:18px;
    padding:5px;
    min-height:64px;
  }
  .bottom-nav .bottom-nav-btn{flex:1 0 64px;min-width:64px;min-height:52px}
  .bottom-nav-label{font-size:8px}
}