.error-state{justify-content:center;align-items:center;min-height:calc(100vh - 120px);padding:24px;display:flex}.error-state-card{text-align:center;background:#fff;border:1px solid #0f172a0f;border-radius:16px;width:100%;max-width:520px;padding:48px 36px 40px;box-shadow:0 12px 32px #0f172a0f}.error-state-badge{color:#3f74e0;background:#e8f1fe;border-radius:50%;justify-content:center;align-items:center;width:76px;height:76px;margin-bottom:20px;display:inline-flex}.error-state-badge svg{font-size:36px}.error-state--denied .error-state-badge{color:#d97706;background:#fef3e2}.error-state-code{letter-spacing:1px;color:#3f74e0;margin:0;font-size:46px;font-weight:700;line-height:1}.error-state--denied .error-state-code{color:#d97706}.error-state-title{color:#1f2d3d;margin:12px 0 0;font-size:19px;font-weight:600}.error-state-message{color:#64748b;margin:10px 0 0;font-size:13.5px;line-height:1.65}.error-state-detail{color:#475569;word-break:break-all;background:#f1f5f9;border-radius:8px;max-width:100%;margin-top:18px;padding:7px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;display:inline-block}.error-state-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:28px;display:flex}.error-state-btn{cursor:pointer;border:1px solid #0000;border-radius:8px;min-width:132px;padding:9px 18px;font-size:13px;font-weight:600;transition:background-color .18s,border-color .18s,color .18s}.error-state-btn--primary{color:#fff;background:#3f74e0}.error-state-btn--primary:hover{background:#3364cc}.error-state-btn--ghost{color:#475569;background:#fff;border-color:#d3dced}.error-state-btn--ghost:hover{color:#3f74e0;border-color:#3f74e0}@media (width<=575px){.error-state-card{padding:36px 20px 30px}.error-state-code{font-size:38px}.error-state-btn{flex:100%}}