.pwa-native-shell{display:none}
@media (display-mode:standalone){
  html.pwa-standalone .pwa-native-shell{display:block}
}
html.pwa-standalone .pwa-native-shell{display:block}
html.pwa-standalone body{padding-top:64px;padding-bottom:72px;background:#f7f8fc}
html.pwa-standalone .main-wrapper>header{display:none!important}
html.pwa-standalone .main-wrapper>.text-center.border-top{display:none!important}
html.pwa-standalone .scroll-to-top{display:none!important}
html.pwa-standalone #pwa-install-button{display:none!important}
.pwa-native-header{position:fixed;z-index:10020;top:0;left:0;right:0;height:64px;display:flex;align-items:center;gap:12px;padding:0 14px;padding-top:env(safe-area-inset-top);background:var(--church-primary,#6d3cff);color:#fff;box-shadow:0 5px 18px rgba(24,28,48,.16)}
.pwa-menu-toggle,.pwa-header-account{width:42px;height:42px;padding:0;border:0;border-radius:13px;display:grid;place-items:center;background:rgba(255,255,255,.14);color:#fff;font-size:19px;line-height:1;flex:0 0 42px}
.pwa-native-brand{min-width:0;flex:1;display:flex;align-items:center;gap:10px;color:#fff!important;font-size:15px;font-weight:800;text-decoration:none!important}.pwa-native-brand img{width:38px;height:38px;border-radius:11px;object-fit:contain;background:#fff;padding:2px}.pwa-native-brand span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pwa-menu-overlay{position:fixed;z-index:10029;inset:0;background:rgba(12,16,28,.48);opacity:0;visibility:hidden;transition:.22s ease}
.pwa-side-menu{position:fixed;z-index:10030;top:0;bottom:0;left:0;width:min(86vw,340px);background:#fff;transform:translateX(-105%);transition:transform .25s ease;box-shadow:18px 0 48px rgba(12,16,28,.2);display:flex;flex-direction:column;padding-bottom:env(safe-area-inset-bottom)}
.pwa-menu-open .pwa-menu-overlay{opacity:1;visibility:visible}.pwa-menu-open .pwa-side-menu{transform:translateX(0)}.pwa-menu-open body{overflow:hidden}
.pwa-side-profile{position:relative;padding:calc(28px + env(safe-area-inset-top)) 24px 24px;background:linear-gradient(145deg,var(--church-primary,#6d3cff),var(--church-secondary,#241942));color:#fff;display:flex;flex-direction:column;align-items:flex-start}.pwa-side-profile img{width:72px;height:72px;border-radius:19px;object-fit:contain;background:#fff;padding:4px;margin-bottom:13px;box-shadow:0 10px 24px rgba(0,0,0,.18)}.pwa-side-profile strong{font-size:19px}.pwa-side-profile small{opacity:.78;margin-top:3px}.pwa-menu-close{position:absolute;right:14px;top:calc(14px + env(safe-area-inset-top));width:38px;height:38px;border:0;border-radius:12px;background:rgba(255,255,255,.14);color:#fff;font-size:18px}
.pwa-side-links{padding:14px 10px;display:flex;flex-direction:column;gap:4px;overflow-y:auto}.pwa-side-links a,.pwa-account-note{display:flex;align-items:center;gap:15px;padding:13px 14px;border-radius:12px;color:#273044!important;font-size:15px;font-weight:600;text-decoration:none!important}.pwa-side-links a:active{background:rgba(109,60,255,.1)}.pwa-side-links i,.pwa-account-note i{width:24px;height:24px;display:grid;place-items:center;text-align:center;color:var(--church-primary,#6d3cff);font-size:18px;flex:0 0 24px}.pwa-account-note{font-size:12px;color:#8991a2!important;font-weight:500}.pwa-side-footer{margin-top:auto;padding:18px 24px;border-top:1px solid #edf0f5;color:#8991a2;font-size:12px}
.pwa-bottom-nav{position:fixed;z-index:10020;left:0;right:0;bottom:0;min-height:66px;padding-bottom:env(safe-area-inset-bottom);display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border-top:1px solid #e8ebf2;box-shadow:0 -8px 28px rgba(31,38,54,.09)}.pwa-bottom-nav a{min-width:0;height:66px;padding:6px 2px;border:0;background:transparent;color:#7e8798!important;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font-size:11px;font-weight:700;line-height:1;text-align:center;text-decoration:none!important}.pwa-bottom-nav i{width:24px;height:24px;display:grid;place-items:center;font-size:19px;line-height:1;color:var(--church-primary,#6d3cff)}
@media(min-width:768px){.pwa-side-menu{width:340px}.pwa-bottom-nav{left:50%;transform:translateX(-50%);max-width:560px;border-left:1px solid #e8ebf2;border-right:1px solid #e8ebf2;border-radius:18px 18px 0 0}.pwa-native-header{left:50%;transform:translateX(-50%);max-width:760px;border-radius:0 0 18px 18px}}