.error-state{min-height:60vh;display:flex;align-items:center;justify-content:center;padding:40px 20px}.error-state-card{width:100%;max-width:520px;text-align:center;padding:36px 28px 30px;border-radius:12px;background:var(--sa-surface-sunken,#2a2a2a);border:1px solid rgba(255,255,255,.1);box-shadow:0 18px 50px rgba(0,0,0,.35);color:#ccc;animation:errorStateIn .4s cubic-bezier(.22,1,.36,1) both}@keyframes errorStateIn{0%{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}.error-state-icon{width:56px;height:56px;margin:0 auto 18px;border-radius:999px;display:flex;align-items:center;justify-content:center;color:#d4af37;background:rgba(212,175,55,.1);border:1px solid rgba(212,175,55,.28);box-shadow:0 0 0 6px rgba(212,175,55,.05);animation:errorStateIconIn .5s cubic-bezier(.34,1.4,.64,1) .08s both}@keyframes errorStateIconIn{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}.error-state-icon svg{width:24px;height:24px}.error-state h1,.error-state h2{font-size:22px;font-weight:700;color:#fff;margin:0 0 10px;line-height:1.25}.error-state p{color:#aaa;font-size:15px;line-height:1.6;margin:0 auto 24px;max-width:400px}.error-state-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.error-state-btn{display:inline-flex;align-items:center;gap:8px;padding:11px 22px;border-radius:8px;font-size:14px;font-weight:600;text-decoration:none;cursor:pointer;border:1px solid transparent;transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease,border-color .15s ease,color .15s ease}.error-state-btn--primary{background:linear-gradient(135deg,#d4af37,#b8942e);color:#1a1918;box-shadow:0 2px 10px rgba(212,175,55,.3)}.error-state-btn--primary:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(212,175,55,.45);color:#1a1918}.error-state-btn--secondary{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.12);color:#ddd}.error-state-btn--secondary:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.2);color:#fff}.error-state-btn:active{transform:scale(.97)}.error-state-btn:focus-visible{outline:none;box-shadow:0 0 0 2px rgba(0,0,0,.55),0 0 0 4px #d4af37}.error-state-ref{margin-top:20px;font-size:11px;color:#666;font-variant-numeric:tabular-nums;user-select:all}@media (max-width:480px){.error-state{min-height:50vh;padding:28px 14px}.error-state-card{padding:28px 18px 24px}.error-state-actions{flex-direction:column}.error-state-btn{justify-content:center}}@media (prefers-reduced-motion:reduce){.error-state-card,.error-state-icon{animation:none}.error-state-btn,.error-state-btn:active,.error-state-btn:hover{transform:none;transition:none}}