.pwa-install-overlay{position:fixed;inset:0;z-index:10050;display:grid;place-items:center;padding:20px;background:rgba(8,28,43,.66);backdrop-filter:blur(7px)}
.pwa-install-card{position:relative;width:min(440px,100%);padding:30px;border:1px solid #dce8e4;border-radius:26px;background:#fff;color:#173149;box-shadow:0 28px 80px rgba(10,35,49,.25);text-align:center}.pwa-install-card>img{width:82px;height:82px;object-fit:contain;border-radius:22px;margin-bottom:14px}.pwa-install-card h2{margin:5px 0 10px;font-size:1.65rem;font-weight:900}.pwa-eyebrow{display:block;color:#087b58;font-size:.7rem;font-weight:900;letter-spacing:.12em}.pwa-install-card p,.pwa-install-card ol{color:#637484;line-height:1.65;text-align:left}.pwa-install-card ol{padding-left:22px}.pwa-install-card>small{display:block;margin-top:14px;color:#7b8994}.pwa-install-close{position:absolute;right:15px;top:14px;border:0;background:#eef5f2;width:36px;height:36px;border-radius:12px;font-size:1.4rem;color:#49606f}.pwa-install-actions{display:flex;gap:10px;margin-top:20px}.pwa-install-actions button{flex:1;padding:13px;border-radius:13px;font-weight:800}.pwa-later{border:1px solid #d8e2de;background:#fff;color:#536878}.pwa-install-now{border:0;background:linear-gradient(135deg,#087b58,#0b5977);color:#fff}
.pwa-status-toast{position:fixed;z-index:10040;left:50%;top:18px;transform:translateX(-50%);display:flex;align-items:center;gap:11px;width:min(620px,calc(100% - 28px));padding:12px 14px;border-radius:16px;box-shadow:0 16px 45px rgba(13,37,52,.22);animation:pwaDrop .28s ease}.pwa-status-toast.offline{background:#fff4dc;border:1px solid #edc36e;color:#6b4700}.pwa-status-toast.online{background:#e7f7ef;border:1px solid #99d7bb;color:#095b3e}.pwa-status-toast.update{background:#123c61;border:1px solid #376b96;color:#fff}.pwa-status-toast>span:nth-child(2){display:flex;flex:1;flex-direction:column}.pwa-status-toast small{opacity:.82}.pwa-status-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:rgba(255,255,255,.25)}.pwa-status-action{border:0;border-radius:10px;padding:9px 12px;background:#fff;color:#123c61;font-weight:800}
.pwa-splash{position:fixed;inset:0;z-index:11000;display:grid;place-items:center;background:linear-gradient(145deg,#f7fbfa,#e7f2f8);transition:.4s ease}.pwa-splash.leave{opacity:0;transform:scale(1.03)}.pwa-splash>div{display:flex;flex-direction:column;align-items:center;color:#12304b}.pwa-splash img{width:112px;height:112px;object-fit:contain;border-radius:28px;box-shadow:0 18px 50px rgba(14,62,67,.14)}.pwa-splash strong{margin-top:18px;font-size:2rem;font-weight:900}.pwa-splash span{color:#70808c}.pwa-splash i{width:110px;height:4px;margin-top:20px;border-radius:5px;background:linear-gradient(90deg,#0b8b63,#20b2bd);animation:pwaLoad .8s ease}
.pwa-device-hero{background:linear-gradient(125deg,#0b5748,#157d59 62%,#17435f);color:#fff;border-radius:24px;padding:28px}.pwa-device-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0}.pwa-device-stat,.pwa-device-card{background:#fff;border:1px solid #dce6e2;border-radius:18px;padding:18px;box-shadow:0 10px 30px rgba(20,52,66,.06)}.pwa-device-stat strong{display:block;font-size:1.7rem;color:#153650}.pwa-device-list{display:grid;gap:12px}.pwa-device-card{display:grid;grid-template-columns:1.3fr 1fr 1fr auto;align-items:center;gap:16px}.pwa-device-card small{display:block;color:#71808c}.pwa-device-badge{display:inline-flex;padding:5px 9px;border-radius:999px;background:#e5f5ed;color:#08704f;font-weight:800;font-size:.72rem}.pwa-device-badge.revoked{background:#fde8e8;color:#b51f35}
@keyframes pwaDrop{from{opacity:0;transform:translate(-50%,-15px)}}@keyframes pwaLoad{from{transform:scaleX(.1);transform-origin:left}}
@media(max-width:800px){.pwa-device-grid{grid-template-columns:repeat(2,1fr)}.pwa-device-card{grid-template-columns:1fr 1fr}.pwa-device-card form{grid-column:1/-1}}
@media(max-width:600px){.pwa-status-toast{top:8px}.pwa-status-toast small{font-size:.72rem}.pwa-status-action{font-size:.72rem}.pwa-install-card{padding:25px 20px;border-radius:22px}.pwa-install-actions{flex-direction:column}.pwa-device-card{grid-template-columns:1fr}}
.pwa-splash{transition-duration:.5s}