:root{--pwa-primary: #dc2626;--pwa-primary-dark: #b91c1c;--pwa-safe-area-top: env(safe-area-inset-top, 0);--pwa-safe-area-bottom: env(safe-area-inset-bottom, 0)}@media(display-mode:standalone){body{padding-top:var(--pwa-safe-area-top);padding-bottom:var(--pwa-safe-area-bottom)}html,body{height:100%;overflow-x:hidden}.client-header{padding-top:calc(1rem + var(--pwa-safe-area-top));background:linear-gradient(135deg,var(--pwa-primary) 0%,var(--pwa-primary-dark) 100%)}}.touch-optimized{touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pwa-button{min-height:44px;min-width:44px;padding:12px 16px;border-radius:8px;font-weight:500;transition:all .2s ease;touch-action:manipulation}.pwa-button:active{transform:scale(.95)}.pwa-card{border-radius:12px;padding:16px;margin:8px 0;box-shadow:0 2px 8px #0000001a;transition:transform .2s ease}.pwa-card:active{transform:scale(.98)}.pwa-bottom-nav{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #e5e7eb;padding:8px 0 calc(8px + var(--pwa-safe-area-bottom));display:flex;justify-content:space-around;z-index:50}.pwa-nav-item{display:flex;flex-direction:column;align-items:center;padding:8px;color:#6b7280;text-decoration:none;font-size:12px;transition:color .2s ease}.pwa-nav-item.active{color:var(--pwa-primary)}.pwa-nav-item svg{width:24px;height:24px;margin-bottom:4px}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.slide-up{animation:slideUp .3s ease-out}.pull-to-refresh{position:fixed;top:0;left:50%;transform:translate(-50%);background:var(--pwa-primary);color:#fff;padding:8px 16px;border-radius:0 0 8px 8px;font-size:14px;z-index:100;transition:transform .3s ease}.pull-to-refresh.hidden{transform:translate(-50%) translateY(-100%)}.gpu-accelerated{transform:translateZ(0);will-change:transform}.smooth-scroll{-webkit-overflow-scrolling:touch;overflow-scrolling:touch}@media(prefers-color-scheme:dark){.pwa-card{background:#1f2937;color:#fff}.pwa-bottom-nav{background:#111827;border-top-color:#374151}}@media(max-width:320px){.pwa-card{padding:12px;margin:6px 0}.pwa-button{min-height:40px;padding:10px 14px}}.haptic-light:active{animation:hapticLight .1s ease}@keyframes hapticLight{0%{transform:scale(1)}50%{transform:scale(.98)}to{transform:scale(1)}}