.app-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background:#f8fafc}.loading-spinner{width:48px;height:48px;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#3b82f6;animation:spin 1s ease-in-out infinite;margin-bottom:16px}@keyframes spin{to{transform:rotate(360deg)}}.app-loading p{color:#64748b;font-size:16px;font-weight:500}.offline-overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#f8fafc}.offline-content{display:flex;flex-direction:column;align-items:center;text-align:center}.offline-icon{color:#94a3b8;margin-bottom:20px}.offline-title{color:#1e293b;font-size:22px;font-weight:600;margin:0 0 8px}.offline-message{color:#64748b;font-size:15px;font-weight:400;margin:0 0 24px}.offline-status{display:flex;align-items:center;gap:8px;color:#94a3b8;font-size:13px;font-weight:500}.offline-pulse{width:8px;height:8px;border-radius:50%;background:#f59e0b;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.75)}}