.offline-panel-overlay{z-index:var(--z-notification);background:#0000004d;justify-content:center;align-items:flex-start;padding-top:60px;display:flex;position:fixed;inset:0}.offline-panel{color:#f1f5f9;text-shadow:0 1px 3px #0000004d;background:#0f172ae0;border:1px solid #ffffff1f;border-radius:12px;width:400px;max-width:95vw;max-height:calc(100vh - 100px);padding:0;overflow-y:auto;box-shadow:0 8px 32px #0006}@supports ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){.offline-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172ab8}}@media (prefers-reduced-transparency:reduce){.offline-panel{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#0f172af2!important}}@media (pointer:coarse){.offline-panel{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}}.offline-panel-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.offline-panel-title{color:#fff;font-size:15px;font-weight:700}.offline-panel-close{color:#ffffff80;cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;padding:4px;font-size:18px;line-height:1}.offline-panel-close:hover{color:#fff}.offline-storage-bar{border-bottom:1px solid #ffffff14;padding:10px 16px}.offline-storage-track{background:#ffffff1a;border-radius:2px;height:4px;overflow:hidden}.offline-storage-fill{height:100%;transition:width var(--transition-slow);background:#64b5f6;border-radius:2px}.offline-storage-label{color:#ffffff80;margin-top:4px;font-size:11px}.offline-search{padding:8px 16px}.offline-search input{color:#f1f5f9;box-sizing:border-box;width:100%;transition:border-color var(--transition-fast);background:#ffffff0f;border:1px solid #ffffff1f;border-radius:6px;outline:none;padding:8px 10px;font-size:13px}.offline-search input::placeholder{color:#ffffff59}.offline-search input:focus{border-color:#ffffff4d}.offline-region-list{padding:8px 0}.offline-country-header{color:#fff6;text-transform:uppercase;letter-spacing:.5px;padding:10px 16px 4px;font-size:11px;font-weight:700}.offline-region-card{transition:background var(--transition-fast);justify-content:space-between;align-items:center;padding:8px 16px;display:flex}.offline-region-card:hover{background:#ffffff0a}.offline-region-info{flex:1;min-width:0}.offline-region-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.offline-region-meta{color:#ffffff73;margin-top:1px;font-size:11px}.offline-region-actions{flex-shrink:0;align-items:center;gap:6px;margin-left:8px;display:flex}.offline-btn{cursor:pointer;transition:background var(--transition-fast),opacity var(--transition-fast);white-space:nowrap;border:none;border-radius:6px;padding:5px 10px;font-size:11px;font-weight:600}.offline-btn-download{color:#64b5f6;background:#64b5f633}.offline-btn-download:hover{background:#64b5f64d}.offline-btn-delete{color:#ef5350;background:#ef535026}.offline-btn-delete:hover{background:#ef535040}.offline-btn-cancel{color:#ffffffb3;background:#ffffff1a}.offline-btn-cancel:hover{background:#ffffff26}.offline-btn-update{color:#fbbf24;background:#fbbf2433}.offline-btn-update:hover{background:#fbbf244d}.offline-progress{align-items:center;gap:8px;min-width:100px;display:flex}.offline-progress-bar{background:#ffffff1a;border-radius:2px;flex:1;height:3px;overflow:hidden}.offline-progress-fill{height:100%;transition:width var(--transition-slow);background:#64b5f6;border-radius:2px}.offline-progress-text{color:#ffffff80;white-space:nowrap;font-size:10px}.offline-downloaded-badge{color:#81c784;align-items:center;gap:4px;font-size:11px;display:flex}.offline-stale-badge{color:#fbbf24;background:#fbbf2426;border-radius:3px;margin-left:4px;padding:2px 6px;font-size:10px;font-weight:600}.offline-empty{text-align:center;color:#fff6;padding:20px 16px;font-size:13px}