.offline-page{min-height:100vh;display:grid;grid-template-rows:auto 1fr;background:var(--bg-muted)}.offline-topbar{display:flex;align-items:center;gap:10px;padding:14px 20px;background:var(--bsys-navy-deep);color:#fff}.offline-topbar img{width:28px;height:28px}.offline-topbar span{font-family:var(--font-heading);font-size:15px;font-weight:500;letter-spacing:.02em}.offline-main{display:grid;place-items:center;padding:24px}.offline-card{width:100%;max-width:420px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:32px 28px;box-shadow:var(--shadow-md)}.offline-card h1{font-family:var(--font-heading);font-size:22px;font-weight:500;margin-bottom:10px;color:var(--bsys-navy)}.offline-card p{font-size:14px;color:var(--fg-muted);line-height:1.55;margin-bottom:20px}.offline-retry-btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 18px;border:none;border-radius:var(--radius-md);background:var(--bsys-mint);color:var(--bsys-navy-deep);font-size:14px;font-weight:600;cursor:pointer}.offline-retry-btn:hover{filter:brightness(.96)}.pwa-update-banner{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);z-index:9999;display:flex;align-items:center;gap:14px;max-width:min(480px,calc(100vw - 32px));padding:12px 16px;background:var(--bsys-navy-deep);color:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);font-size:14px}.pwa-update-banner p{margin:0;flex:1 1}.pwa-update-banner button{flex-shrink:0;padding:8px 14px;border:none;border-radius:var(--radius-md);background:var(--bsys-mint);color:var(--bsys-navy-deep);font-size:13px;font-weight:600;cursor:pointer}