@media(max-width:820px){
  body{background:#f4f6f9!important}
  .app-shell{display:block!important;min-height:100dvh!important;padding-top:72px!important;padding-bottom:70px!important}
  .sidebar{position:fixed!important;z-index:100!important;top:0!important;left:0!important;right:0!important;width:100%!important;height:72px!important;transform:none!important;background:linear-gradient(90deg,#d7192d 0%,#c10d23 100%)!important;overflow:visible!important;box-shadow:0 6px 22px rgba(2,11,22,.20)!important}
  .brand-block{height:72px!important;padding:0 16px!important;justify-content:center!important;gap:11px!important;border:0!important}
  .brand-mark{width:44px!important;height:44px!important;border-radius:12px!important;background:#fff!important;padding:4px!important;border:0!important}.brand-mark img{object-fit:contain!important}
  .brand-block b{font-size:15px!important}.brand-block small{font-size:9px!important;margin-top:4px!important;letter-spacing:.12em!important}
  #nav{position:fixed!important;z-index:110!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;height:70px!important;padding:8px max(10px,env(safe-area-inset-left)) calc(8px + env(safe-area-inset-bottom))!important;background:rgba(198,13,35,.98)!important;display:flex!important;gap:8px!important;overflow-x:auto!important;scrollbar-width:none!important;box-shadow:0 -8px 26px rgba(0,0,0,.20)!important}
  #nav::-webkit-scrollbar{display:none!important}
  #nav .nav-item{flex:0 0 auto!important;min-width:106px!important;height:54px!important;margin:0!important;padding:0 12px!important;border-radius:14px!important;justify-content:center!important;gap:7px!important;font-size:11px!important;white-space:nowrap!important;color:rgba(255,255,255,.88)!important}
  #nav .nav-item.active{background:#fff!important;color:#c81024!important;box-shadow:none!important}
  #nav .nav-item.active .nav-icon{color:#c81024!important}
  .sidebar-bottom{display:none!important}
  .content-shell{grid-column:1!important;min-width:0!important}
  .topbar{display:none!important}
  .section-tab{position:sticky!important;z-index:30!important;top:72px!important;height:50px!important;padding:0 14px!important;align-items:flex-end!important;box-shadow:0 3px 12px rgba(15,23,42,.04)!important}
  .section-tab span{padding-bottom:12px!important}
  #main{padding:14px 12px 28px!important}
  .metric-grid,.grid-3,.grid-2,.form-grid,.form-grid.cols-3,.payroll-layout{grid-template-columns:1fr!important}
  .summary-strip{grid-template-columns:1fr 1fr!important}.steps{grid-template-columns:1fr 1fr!important}
  .table-wrap{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}.table{min-width:700px!important}
  .modal{padding:0!important;align-items:flex-end!important}.modal-card{width:100vw!important;max-width:none!important;max-height:calc(100dvh - 72px)!important;border-radius:18px 18px 0 0!important}
}