.connection-state{z-index:1200;color:#8d2530;background:#fff4f4;border:1px solid #efb6ba;border-radius:999px;align-items:center;gap:9px;max-width:calc(100vw - 24px);padding:8px 14px;font-size:11px;font-weight:800;display:flex;position:fixed;top:12px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #37191f29}.connection-state.restored{color:#176846;background:#effaf5;border-color:#a8dcc5}.connection-state i{background:#d84250;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #d842501f}.connection-state.restored i{background:#22a06b;box-shadow:0 0 0 4px #22a06b1f}.recovery-page{color:#20364d;background:linear-gradient(145deg,#f4f7fb,#e9eef7);place-items:center;min-height:100vh;padding:24px;font-family:Arial,sans-serif;display:grid}.recovery-card{text-align:center;background:#fff;border:1px solid #dce4ee;border-radius:22px;width:min(520px,100%);padding:32px;box-shadow:0 22px 60px #1f31521f}.recovery-icon{color:#b66019;background:#fff1e7;border-radius:18px;place-items:center;width:58px;height:58px;margin:0 auto 18px;font-size:25px;font-weight:900;display:grid}.recovery-card h1{margin:0 0 9px;font-size:23px}.recovery-card p{color:#6f7f90;max-width:410px;margin:0 auto 20px;font-size:13px;line-height:1.55}.recovery-actions{flex-wrap:wrap;justify-content:center;gap:9px;display:flex}.recovery-actions button{color:#38506a;cursor:pointer;background:#fff;border:1px solid #d4deea;border-radius:10px;padding:10px 15px;font-weight:800}.recovery-actions button.primary{color:#fff;background:#405cc7;border-color:#405cc7}.recovery-reference{color:#98a4b0;margin-top:18px;font-size:9px;display:block}@media (max-width:560px){.connection-state{justify-content:center;width:calc(100vw - 20px);top:8px}.recovery-card{padding:25px 18px}.recovery-actions{display:grid}.recovery-actions button{width:100%}}