#app-loading{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,.95);display:flex;align-items:center;justify-content:center;z-index:9999;flex-direction:column;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}#app-loading .spinner-border{width:3rem;height:3rem;border:.25em solid var(--primary-light,#ffb08a);border-right-color:transparent;color:var(--primary-color,#10b981)}#app-loading .loading-text{margin-top:1rem;color:var(--gray-600,#6b7280);font-size:1rem;font-weight:500}#app-loading.hide{opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}#connection-status{position:fixed;top:1rem;right:1rem;z-index:9998;font-size:.875rem;padding:.5rem 1rem;border-radius:20px;transition:.3s}.error-recovery{background:#fff;border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,.15);padding:2rem;max-width:500px;margin:2rem auto}.error-recovery h4{color:var(--danger-color,#ef4444);margin-bottom:1rem}.error-recovery .btn-refresh{background:var(--primary-gradient,linear-gradient(135deg,#10b981 0,#059669 100%));color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;transition:transform .2s}.error-recovery .btn-refresh:hover{transform:translateY(-2px);box-shadow:0 4px 15px rgba(255,107,53,.3)}