.mobile-menu{display:none}.pwa-install{font-size:12px;min-height:44px;flex-shrink:0}.network-status{padding:12px 20px;background:#fbf1e3;color:#7a521c;font-size:13px;line-height:1.5}.network-status[hidden]{display:none}.pwa-help{inset:0;margin:auto;width:min(480px,calc(100vw - 32px));height:fit-content;max-height:90dvh;border:1px solid #e3eaee;border-radius:20px;padding:26px;box-shadow:0 12px 60px #0c273a25}.pwa-help h2{font-size:23px;line-height:1.3;margin-bottom:16px}.pwa-help p,.pwa-help li{font-size:15px;line-height:1.65}.pwa-help ol{padding-left:22px}.pwa-help .actions{justify-content:flex-end;margin-bottom:0}.pwa-help .install-note{font-size:13px;color:#6c7d89;padding:12px;background:#f3f6f8;border-radius:10px}.pwa-help .button{min-height:44px}.pwa-help button[hidden]{display:none}
@media(max-width:800px){
  html,body{max-width:100%;min-width:0}.shell{min-width:0}
  .sidebar{position:sticky;top:0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 12px;padding:12px 16px;background:#fff;z-index:8;padding-top:max(12px,env(safe-area-inset-top))}
  .brand{margin:0;min-width:0;gap:8px;font-size:17px;letter-spacing:0}.brand small{display:block;margin:3px 0 0;font-size:10px}.brand img{width:34px;height:34px}
  .mobile-menu{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:82px;padding:10px 13px;border:1px solid #dce5eb;background:#f3f6f8;border-radius:10px;color:#1d3444;font-size:14px;font-weight:600}
  .sidebar #navigation{display:none;grid-column:1/-1}.sidebar .local-status{display:none!important}
  .sidebar.menu-open #navigation{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;max-height:55dvh;overflow-y:auto;padding:14px 0 6px}
  .sidebar.menu-open #navigation .nav-item{white-space:normal;min-height:48px;padding:10px 12px;font-size:13px;line-height:1.35}
  .sidebar.menu-open .local-status{display:block!important;grid-column:1/-1;margin:8px 0 0;padding:12px 0 0!important}
  .sidebar.menu-open .local-status small{margin-left:0}.sidebar.menu-open .local-status .button{min-height:44px;margin:8px 0}
  .topbar{height:auto;min-height:66px;padding:10px 16px;gap:8px;flex-wrap:wrap}.search{flex:1;min-width:120px;width:auto;min-height:44px}.search input{font-size:16px}.topbar .icon-button{min-height:44px;min-width:44px}.topbar .avatar{display:none}.pwa-install{padding:10px 12px;font-size:12px;min-height:44px}
  main{padding:22px 16px max(28px,env(safe-area-inset-bottom));min-width:0}.page-head{flex-wrap:wrap}.page-head>div:first-child{min-width:0;flex-basis:100%}h1{overflow-wrap:anywhere}.subtext{font-size:13px;line-height:1.6}
  .button,.button.small{min-height:44px;font-size:13px;padding:10px 14px}.text-button{min-height:44px;display:inline-flex;align-items:center;line-height:1.5}.table-link{min-width:170px}.filters select,.filters input[type=date]{min-height:44px;font-size:16px;max-width:100%;min-width:0}.filters>*{max-width:100%}.filters select{flex:1 1 145px}.filters label{min-width:0}
  .stat{padding:16px 13px}.stat-label{line-height:1.5;font-size:11px}.stat-number.money{font-size:clamp(18px,5.5vw,26px);white-space:normal;overflow-wrap:anywhere}.stat-foot{font-size:10px;line-height:1.5}
  .panel-top{flex-wrap:wrap;gap:8px}.panel-top>*{min-width:0}.quality-banner{display:block;overflow-wrap:anywhere}.table-wrap{max-width:100%;overscroll-behavior-x:contain}table td{font-size:13px}.board{max-width:100%}
  dialog{height:100dvh;max-height:100dvh}.dialog-header{padding:16px max(16px,env(safe-area-inset-right)) 16px max(16px,env(safe-area-inset-left));align-items:flex-start}.dialog-header h2{font-size:20px;overflow-wrap:anywhere}.dialog-header .icon-button{min-height:44px;min-width:44px;flex-shrink:0}.dialog-body{padding:18px 16px;overscroll-behavior:contain}.dialog-footer{padding:12px 16px max(12px,env(safe-area-inset-bottom));gap:10px}.dialog-footer .button{flex:1;min-height:48px}.field{font-size:13px}.field input,.field select,.field textarea{font-size:16px;min-height:48px;min-width:0}.field textarea{min-height:100px}.field small{font-size:12px}.form-error{padding:0 16px 12px;font-size:14px}.auth-card form{gap:18px}.auth-card .button{width:100%;font-size:16px}.auth-foot{font-size:12px}.actions{gap:10px}.actions .button{white-space:normal}.related button{min-height:44px;font-size:14px}
  #toast{max-width:calc(100vw - 32px);width:max-content;bottom:max(18px,env(safe-area-inset-bottom));font-size:14px;line-height:1.5}
  .pwa-help{height:fit-content;max-height:90dvh;padding:24px}.pwa-help .actions .button{width:auto;flex:1}.auth-mode #main{min-height:100dvh}
}