.pwa-banner{position:fixed;bottom:-200px;left:50%;transform:translateX(-50%);width:90%;max-width:720px;background:linear-gradient(135deg,#007bff 0,#0056b3 100%);color:#fff;border-radius:15px;box-shadow:0 10px 30px rgba(0,123,255,.4);z-index:9999;transition:.3s;border:2px solid #0056b3;overflow:hidden}.pwa-banner.show{bottom:20px}.pwa-banner.dismissed{bottom:-200px;opacity:0}.pwa-banner-content{padding:20px;display:flex;justify-content:space-between;align-items:center;gap:15px;width:95%}.pwa-banner-text h4{margin:0 0 8px;font-size:1.1em;font-weight:700;color:#fff}.pwa-banner-text h4 .pdf-highlight,.pwa-banner-text h4 .qr-highlight{color:gold;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.pwa-banner-text p{margin:0;font-size:.9em;opacity:.9;color:#fff}.pwa-banner-actions{display:flex;gap:10px;align-items:center;flex-shrink:0}.pwa-banner #pwa-install-btn{white-space:nowrap;font-size:.9em;padding:8px 16px;border-radius:20px;border:2px solid gold;transition:.2s;background:linear-gradient(45deg,gold,orange);color:#000;box-shadow:0 4px 15px rgba(255,215,0,.4);transform:scale(1.05);font-weight:700}.pwa-banner #pwa-install-btn:hover{transform:scale(1.1);box-shadow:0 8px 25px rgba(255,215,0,.6)}.pwa-banner #pwa-dismiss-btn{background:0 0;border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:50%;width:35px;height:35px;display:flex;align-items:center;justify-content:center;transition:.2s}.pwa-banner #pwa-dismiss-btn:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.5);color:#fff}.pwa-update-banner{position:fixed;top:-100px;left:50%;transform:translateX(-50%);background:#28a745;color:#fff;padding:15px 20px;border-radius:0 0 10px 10px;box-shadow:0 5px 15px rgba(40,167,69,.3);z-index:10000;transition:.3s}.pwa-update-banner.show{top:0}.pwa-update-content{display:flex;align-items:center;gap:15px}.pwa-update-content i{animation:2s linear infinite spin}@keyframes spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}.pwa-update-content span{font-weight:700}.pwa-update-content button{font-size:.8em;padding:5px 15px}@media (max-width:768px){.pwa-banner{width:95%;max-width:none;bottom:-180px}.pwa-banner.show{bottom:10px}.pwa-banner-content{padding:15px;gap:10px}.pwa-banner-text h4{font-size:1em}.pwa-banner-text p{font-size:.8em}.pwa-banner #pwa-install-btn{font-size:.8em;padding:6px 12px}.pwa-banner #pwa-dismiss-btn{width:30px;height:30px}}@media (max-width:480px){.pwa-banner-content{flex-direction:column;text-align:center;gap:15px}.pwa-banner-actions{justify-content:center}}