.mobile-bottom-nav{display:none}
@media(max-width:760px){
  html,body{width:100%;max-width:100%;overflow-x:hidden;overscroll-behavior-x:none}body{background:#f6f7f9;padding-bottom:78px}
  .topbar{position:sticky;background:#fff;border-bottom:1px solid #e8eaed;box-shadow:0 2px 10px rgba(20,35,27,.04)}
  .topbar .brand-mark{background:#176b45;border-radius:10px;color:#fff}
  .hero{display:block;min-height:0;padding:28px 20px 20px;background:#f6f7f9;color:var(--ink);overflow:visible}
  .hero:after{display:none}.hero-copy{margin-bottom:18px}.hero .eyebrow{color:var(--green2);margin-bottom:8px}.hero h1{font-size:30px;line-height:1.12;letter-spacing:-.035em}.hero h1 br{display:none}.hero h1 span{color:var(--green)}
  .hero-text{color:var(--muted);font-size:14px;line-height:1.5;margin:10px 0 14px}.meta-row{gap:6px}.meta-row span{border:1px solid #dfe4df;background:#fff;color:var(--muted);padding:6px 9px}
  .progress-card{max-width:none;padding:20px;border:1px solid #e5e8e5;border-radius:18px;box-shadow:0 5px 16px rgba(25,42,32,.06)}
  .ring{width:92px;height:92px}.ring strong{font-size:24px}.progress-copy>span{font-size:14px}
  .workspace{display:block;width:100%;overflow:hidden}.sidebar{inset:0 12% 0 0;width:auto;max-width:420px;padding:26px 20px;background:#fff;transform:translate3d(-105%,0,0)}.sidebar.open{transform:translate3d(0,0,0)}.sidebar-head{position:sticky;top:0;background:#fff;z-index:2;padding-bottom:10px}.sidebar .icon-button{display:block;width:42px;height:42px;border-radius:12px;background:#f1f3f2}
  .sidebar nav{gap:5px}.nav-item{padding:15px 14px;font-size:14px}.nav-item.active{background:#eaf5ef;box-shadow:none}
  .content{padding:24px 16px 30px}.content-head{align-items:center}.content h2{font-size:25px}.filter-button{border-color:#d9dfda;background:#fff!important}
  .toolbar{margin:20px 0 12px;gap:10px}.search{height:50px}.segmented{background:#e8ece9;width:100%}.segmented button{flex:1;white-space:nowrap}
  .item{border-radius:16px;box-shadow:0 3px 10px rgba(25,42,32,.035)}.item:hover{transform:none}.item-main{grid-template-columns:auto minmax(0,1fr) auto;padding:16px 14px}.item-detail{padding:16px;background:#fff}.item.open .item-detail{display:block}.detail-block+.detail-block{margin-top:18px}.activity{font-size:14px}.photo-panel{margin-bottom:18px}.photo-button{padding:14px}
  .mobile-bottom-nav{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);left:0;right:0;bottom:0;height:72px;background:rgba(255,255,255,.97);border-top:1px solid #dde2df;z-index:55;padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -5px 20px rgba(20,35,27,.07)}
  .mobile-bottom-nav button{border:0;background:transparent;color:#89918c;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-family:"DM Sans";cursor:pointer}.mobile-bottom-nav button span{font:700 22px Manrope;line-height:1}.mobile-bottom-nav button small{font-size:10px;font-weight:700}.mobile-bottom-nav button.active{color:var(--green)}
  dialog.modal{width:100%;max-width:none;max-height:100dvh;height:100dvh;margin:0;border-radius:0}.modal-head{padding:24px 20px}.modal-head h2{font-size:28px}.report-sheet{padding:20px 16px}.report-summary{grid-template-columns:1fr 1fr}.account-form{grid-template-columns:1fr}.account-list{padding:0 16px 24px}.account-row{grid-template-columns:1fr}.report-actions{position:sticky;bottom:0;background:#fff;padding:14px 16px}
  .auth-screen{display:flex;flex-direction:column;justify-content:center;align-items:stretch;width:100%;max-width:100%;padding:22px;background:var(--green);overflow-x:hidden;overflow-y:auto}.auth-screen[hidden]{display:none}.auth-brand{position:static;margin:0 0 28px;flex:0 0 auto}.auth-card{width:100%;max-width:none;margin:0;padding:26px 22px;border-radius:22px}.auth-card h2{font-size:30px;line-height:1.1}.auth-card input{font-size:16px}.auth-card>p:not(.eyebrow):not(.form-error){margin-bottom:18px}
}