.offline-indicator{position:fixed;top:-60px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#ff6b6b,#ee5a6f);color:#fff;padding:12px 24px;border-radius:0 0 12px 12px;box-shadow:0 4px 12px #00000026;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:500;z-index:9999;transition:top .3s ease-in-out;direction:rtl}.offline-indicator.show{top:0}.offline-indicator i{font-size:18px}.pwa-install-banner{position:fixed;bottom:0;left:0;right:0;background:linear-gradient(135deg,#696cff,#5f61e6);color:#fff;padding:16px 20px;box-shadow:0 -4px 12px #0000001a;z-index:1050;animation:slideUp .3s ease-out;direction:rtl}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.pwa-install-banner .container{display:flex;align-items:center;justify-content:space-between;gap:16px}.pwa-install-banner-content{display:flex;align-items:center;gap:16px;flex:1}.pwa-install-banner-icon{width:48px;height:48px;background:#fff3;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pwa-install-banner-icon i{font-size:24px}.pwa-install-banner-text h6{margin:0 0 4px;font-size:16px;font-weight:600}.pwa-install-banner-text p{margin:0;font-size:13px;opacity:.9}.pwa-install-banner-actions{display:flex;gap:12px;flex-shrink:0}.pwa-install-banner-actions .btn{padding:8px 20px;font-size:14px;font-weight:500;border-radius:8px;transition:all .2s}.pwa-install-banner-actions .btn-light{background:#fff;color:#696cff;border:none}.pwa-install-banner-actions .btn-light:hover{background:#f8f9fa;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.pwa-install-banner-actions .btn-outline-light{border:1px solid rgba(255,255,255,.5);color:#fff}.pwa-install-banner-actions .btn-outline-light:hover{background:#ffffff1a;border-color:#fff}#pwa-install-btn{position:relative}.pwa-action-buttons{display:flex;flex-direction:column;gap:12px;margin-bottom:15px}.btn-pwa{display:flex;align-items:center;justify-content:flex-start;gap:15px;padding:15px 20px;border:none;border-radius:12px;font-size:15px;font-weight:600;text-align:right;transition:all .3s ease;box-shadow:0 2px 8px #0000001a;cursor:pointer;width:100%}.btn-pwa:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.btn-pwa img{width:40px;height:40px;object-fit:contain;flex-shrink:0}.btn-pwa i{font-size:40px;flex-shrink:0}.btn-pwa span{flex:1;text-align:right}.btn-pwa-android{background:linear-gradient(135deg,#34a853,#2d9348);color:#fff}.btn-pwa-android:hover{background:linear-gradient(135deg,#2d9348,#268239);color:#fff}.btn-pwa-ios{background:linear-gradient(135deg,#007aff,#0051d5);color:#fff}.btn-pwa-ios:hover{background:linear-gradient(135deg,#0051d5,#0040a8);color:#fff}.btn-pwa-windows{background:linear-gradient(135deg,#0078d4,#005a9e);color:#fff}.btn-pwa-windows:hover{background:linear-gradient(135deg,#005a9e,#004578);color:#fff}@media (max-width: 768px){.pwa-action-buttons{gap:10px}.btn-pwa{padding:12px 15px;font-size:14px}.btn-pwa img,.btn-pwa i{width:35px;height:35px;font-size:35px}}.pwa-installed-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;background:linear-gradient(135deg,#71dd37,#5cb85c);color:#fff;border-radius:20px;font-size:12px;font-weight:600}.pwa-installed-badge i{font-size:14px}.pwa-loading{position:fixed;top:0;left:0;right:0;bottom:0;background:#fffffff2;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999;opacity:0;pointer-events:none;transition:opacity .3s}.pwa-loading.show{opacity:1;pointer-events:all}.pwa-loading-spinner{width:60px;height:60px;border:4px solid #f3f3f3;border-top:4px solid #696cff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pwa-loading-text{margin-top:20px;font-size:16px;color:#666;font-weight:500}.offline-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-align:center;padding:20px}.offline-page-content{max-width:500px}.offline-page-icon{width:120px;height:120px;margin:0 auto 30px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}.offline-page-icon i{font-size:60px}.offline-page h1{font-size:32px;font-weight:700;margin-bottom:16px}.offline-page p{font-size:18px;opacity:.9;margin-bottom:30px}.offline-page .btn{padding:12px 32px;font-size:16px;font-weight:600;border-radius:30px;background:#fff;color:#667eea;border:none;transition:all .3s}.offline-page .btn:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0003}@media (max-width: 768px){.pwa-install-banner .container,.pwa-install-banner-content{flex-direction:column;text-align:center}.pwa-install-banner-actions{width:100%;flex-direction:column}.pwa-install-banner-actions .btn{width:100%}.offline-page h1{font-size:24px}.offline-page p{font-size:16px}}[data-bs-theme=dark] .offline-indicator{background:linear-gradient(135deg,#ff6b6b,#c92a2a)}[data-bs-theme=dark] .pwa-loading{background:#283046f2}[data-bs-theme=dark] .pwa-loading-text{color:#cbd5e0}[data-bs-theme=dark] .pwa-loading-spinner{border-color:#2d3748;border-top-color:#696cff}@supports (padding: max(0px)){.pwa-install-banner{padding-bottom:max(16px,env(safe-area-inset-bottom))}}@media (display-mode: standalone){body{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.pwa-install-banner,#pwa-install-btn{display:none!important}}