body.offline:before{content:"";position:fixed;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#f59e0b,#ef4444,#f59e0b);background-size:200% 100%;animation:offline-stripe 1.5s linear infinite;z-index:9999}@keyframes offline-stripe{0%{background-position:200% 0}to{background-position:-200% 0}}body.offline .requires-online{opacity:.5;pointer-events:none}.pwa-toast{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.75rem;padding:.875rem 1.25rem;background:#1e293bf2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:.75rem;box-shadow:0 10px 25px #0000004d;z-index:9998;animation:toast-slide-up .3s ease;font-size:.9rem;max-width:90vw;border:1px solid rgba(148,163,184,.2)}.pwa-toast i{font-size:1.1rem}.pwa-toast-success{border-color:#16a34a66}.pwa-toast-success i{color:#22c55e}.pwa-toast-warning{border-color:#f59e0b66}.pwa-toast-warning i{color:#f59e0b}.pwa-toast-error{border-color:#ef444466}.pwa-toast-error i{color:#ef4444}.pwa-toast-info{border-color:#3b82f666}.pwa-toast-info i{color:#3b82f6}.pwa-toast-fade{animation:toast-fade-out .3s ease forwards}@keyframes toast-slide-up{0%{opacity:0;transform:translate(-50%) translateY(1rem)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes toast-fade-out{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(1rem)}}.pwa-update-banner{position:fixed;top:0;left:0;right:0;background:linear-gradient(90deg,#16a34a,#059669);z-index:9999;animation:banner-slide-down .3s ease}.pwa-update-content{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.75rem 1rem;color:#fff;font-size:.9rem;font-weight:500}.pwa-update-content i{font-size:1rem}.pwa-update-btn{padding:.375rem .875rem;background:#fff;color:#16a34a;border:none;border-radius:.375rem;font-weight:600;font-size:.85rem;cursor:pointer;transition:transform .15s ease}.pwa-update-btn:hover{transform:scale(1.05)}.pwa-dismiss-btn{padding:.25rem;background:transparent;border:none;color:#fff;opacity:.8;cursor:pointer;transition:opacity .15s ease}.pwa-dismiss-btn:hover{opacity:1}@keyframes banner-slide-down{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.pwa-install-banner{position:fixed;bottom:5rem;right:1.5rem;left:auto;max-width:320px;background:linear-gradient(145deg,#0f172afa,#1e293bfa);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(22,163,74,.3);border-radius:1rem;box-shadow:0 20px 40px #0006,0 0 0 1px #ffffff0d inset,0 0 30px #16a34a1a;z-index:9997;animation:install-slide-up .4s cubic-bezier(.16,1,.3,1);overflow:hidden}.pwa-install-banner:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#16a34a,#22c55e,#16a34a)}.pwa-install-content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.75rem;padding:1.25rem 1.25rem 1rem;position:relative}.pwa-install-icon{flex-shrink:0;width:56px;height:56px;border-radius:.875rem;overflow:hidden;background:linear-gradient(135deg,#16a34a,#059669);box-shadow:0 8px 20px #16a34a4d}.pwa-install-icon img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.pwa-install-text{flex:1;min-width:0}.pwa-install-text strong{display:block;font-size:1rem;color:#f1f5f9;margin-bottom:.25rem;font-weight:700}.pwa-install-text span{font-size:.8rem;color:#94a3b8;line-height:1.3}.pwa-install-btn{width:100%;flex-shrink:0;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.25rem;background:linear-gradient(135deg,#16a34a,#059669);color:#fff;border:none;border-radius:.625rem;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #16a34a4d}.pwa-install-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #16a34a80;background:linear-gradient(135deg,#22c55e,#16a34a)}.pwa-install-btn:active{transform:translateY(0)}.pwa-install-content .pwa-dismiss-btn{position:absolute;top:.625rem;right:.625rem;width:1.75rem;height:1.75rem;display:flex;align-items:center;justify-content:center;padding:0;color:#64748b;background:#64748b1a;border-radius:.375rem;transition:all .15s ease}.pwa-install-content .pwa-dismiss-btn:hover{color:#f1f5f9;background:#64748b33}@keyframes install-slide-up{0%{opacity:0;transform:translate(1rem) translateY(1rem)}to{opacity:1;transform:translate(0) translateY(0)}}@media(max-width:640px){.pwa-install-banner{bottom:1.25rem;right:1rem;left:auto;max-width:200px;border-radius:.875rem}.pwa-install-banner:before{height:2px}.pwa-install-content{flex-direction:column;align-items:center;text-align:center;gap:.5rem;padding:.875rem .75rem .75rem}.pwa-install-icon{width:36px;height:36px;border-radius:.5rem;flex-shrink:0}.pwa-install-icon img{width:36px;height:36px}.pwa-install-text strong{font-size:.8rem;margin-bottom:0}.pwa-install-text span{font-size:.65rem;line-height:1.2}.pwa-install-btn{width:100%;padding:.5rem .75rem;font-size:.75rem;gap:.25rem}.pwa-install-btn i{font-size:.7rem}.pwa-install-content .pwa-dismiss-btn{top:.375rem;right:.375rem;width:1.25rem;height:1.25rem;font-size:.65rem}}#offline-queue-indicator{position:fixed;top:1rem;right:1rem;min-width:24px;height:24px;padding:0 .5rem;background:#f59e0b;color:#fff;font-size:.75rem;font-weight:700;border-radius:9999px;display:flex;align-items:center;justify-content:center;z-index:9996;box-shadow:0 2px 8px #f59e0b66}#offline-queue-indicator.hidden{display:none}@media(display-mode:standalone){body{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.browser-only{display:none!important}.pwa-toast,.pwa-install-banner{bottom:calc(1.5rem + env(safe-area-inset-bottom))}.pwa-update-banner{padding-top:env(safe-area-inset-top)}}@media(max-width:480px){.pwa-toast{left:1rem;right:1rem;transform:none;text-align:center;justify-content:center}.pwa-toast-fade{animation:toast-fade-out-mobile .3s ease forwards}@keyframes toast-fade-out-mobile{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(1rem)}}.pwa-install-banner{left:.75rem;right:.75rem;bottom:.75rem}.pwa-install-content{flex-wrap:wrap}.pwa-install-btn{width:100%;justify-content:center;margin-top:.5rem}.pwa-update-content{flex-wrap:wrap;text-align:center}}[data-theme=light] .pwa-toast,[data-theme=light] .pwa-install-banner{background:#fffffffa;border-color:#0000001a}[data-theme=light] .pwa-toast span,[data-theme=light] .pwa-install-text strong{color:#1e293b}[data-theme=light] .pwa-install-text span{color:#64748b}@media(prefers-reduced-motion:reduce){.pwa-toast,.pwa-update-banner,.pwa-install-banner,body.offline:before{animation:none}.pwa-update-btn,.pwa-install-btn{transition:none}}