.error-page-shell{box-sizing:border-box;background:linear-gradient(#f5f7fa 0%,#eef2f6 100%);justify-content:center;align-items:center;min-height:100vh;padding:24px 16px;display:flex}.network-offline-banner{z-index:9999;text-align:center;color:#fff;background:linear-gradient(90deg,#b45309 0%,#d97706 50%,#b45309 100%);justify-content:center;align-items:center;gap:10px;padding:10px 16px;font-size:.875rem;font-weight:600;line-height:1.4;animation:.35s network-banner-in;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 4px 14px #b4530959}.network-offline-banner--back{background:linear-gradient(90deg,#15803d 0%,#16a34a 50%,#15803d 100%);box-shadow:0 4px 14px #16a34a4d}.network-offline-banner__icon{flex-shrink:0;width:20px;height:20px}@keyframes network-banner-in{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.connection-problem{box-sizing:border-box;justify-content:center;align-items:center;width:100%;display:flex}.connection-problem--page{min-height:min(52vh,480px);padding:40px 20px}.connection-problem--fullscreen{background:linear-gradient(165deg,#f5f7fa 0%,#eef2f7 45%,#f8fafc 100%);min-height:100vh;padding:48px 24px}.connection-problem--section{min-height:260px;padding:32px 16px}.connection-problem__card{text-align:center;background:linear-gradient(145deg,#fff 0%,#f8fafc 100%);border:1px solid #667eea1f;border-radius:24px;flex-direction:column;align-items:center;width:100%;max-width:420px;padding:40px 32px 36px;display:flex;box-shadow:0 20px 50px #1a1a2e14,0 4px 16px #667eea0f}.connection-problem__icon-wrap{margin-bottom:20px}.connection-problem__title{color:#1e293b;letter-spacing:.01em;margin:0 0 10px;font-size:1.375rem;font-weight:700}.connection-problem__message{color:#64748b;margin:0 0 24px;font-size:.9375rem;font-weight:500;line-height:1.55}.connection-problem__actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.connection-problem__btn{cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;min-height:44px;padding:0 22px;font-size:.9375rem;font-weight:600;text-decoration:none;transition:transform .15s,box-shadow .15s,opacity .15s;display:inline-flex}.connection-problem__btn:focus-visible{outline-offset:2px;outline:2px solid #667eea}.connection-problem__btn--primary{color:#fff;background:linear-gradient(135deg,#ff6b35 0%,#f7931e 50%,#ff8c42 100%);box-shadow:0 4px 14px #ff6b3559}.connection-problem__btn--primary:hover{transform:translateY(-1px);box-shadow:0 6px 18px #ff6b3566}.connection-problem__btn--secondary{color:#475569;background:#fff;border:1px solid #cbd5e1}.connection-problem__btn--secondary:hover{background:#f8fafc}.connection-problem--admin .connection-problem__btn--primary{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);box-shadow:0 4px 14px #667eea59}