.pwa-help{margin:14px 0;padding:12px 16px;border:1px solid #dce4ef;border-radius:12px;background:white}.pwa-help p{margin:10px 0 0}.pwa-menu{display:none}.pwa-connection{position:sticky;top:0;z-index:20;background:#fff0cd;color:#654500;padding:12px;text-align:center}.pwa-connection[hidden]{display:none}
@media(max-width:800px){
 body{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}
 input,select,textarea{font-size:16px}button,.button,nav a,summary{min-height:44px}button,.button{touch-action:manipulation}
 aside{display:flex;flex-flow:row wrap;align-items:center;justify-content:space-between;padding:12px 16px;gap:8px}
 aside .brand-logo{width:130px}.pwa-menu{display:inline-flex}aside nav{width:100%;flex-direction:column;overflow:visible;margin:6px 0}aside nav a{font-size:15px}
 aside.pwa-collapsed nav,aside.pwa-collapsed .sidebar-bottom{display:none}aside .sidebar-bottom{display:grid;width:100%;padding-top:12px;margin:0}
 .content{padding-left:max(14px,env(safe-area-inset-left));padding-right:max(14px,env(safe-area-inset-right))}.topline{height:44px}.page-heading{gap:12px;padding:22px 0 16px}h1{font-size:29px}
 .stats{gap:8px}.stat{padding:14px 12px}.stat>strong{font-size:26px}.toolbar{width:100%}.toolbar label{flex:1;min-width:120px}.month-controls{gap:12px}
 .table-scroll{overscroll-behavior-x:contain}.form-footer{flex-wrap:wrap}.form-footer .primary{min-height:48px}.auth{margin:16px auto;padding:14px}.auth-panel{padding:22px}.user-grid{min-width:0}.panel{overflow-wrap:anywhere}
}
@media(display-mode:standalone){.pwa-help{display:none}}
@media print{.pwa-menu,.pwa-help,.pwa-connection{display:none}}