.rpi-loading-spinner{width:44px;height:44px;border-radius:50%;border:3px solid rgba(233,32,99,.18);border-top-color:#e92063;animation:rpi-spin .9s linear infinite;margin-bottom:16px}
@keyframes rpi-spin{to{transform:rotate(360deg)}}

.rpi-error-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:70vh;padding:24px;text-align:center;color:#475569}
.rpi-error-icon{font-size:44px;line-height:1;margin-bottom:14px}
.rpi-error-panel h2{margin:0 0 8px;font-size:19px;color:#0f172a}
.rpi-error-panel p{margin:0 0 20px;font-size:14px;line-height:1.7;color:#64748b;max-width:420px}
.rpi-error-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}
.rpi-error-actions a,.rpi-error-actions button{display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 22px;border-radius:12px;font-size:14px;font-weight:600}
.rpi-error-actions .primary{background:linear-gradient(135deg,#e92063,#db2777);color:#fff;box-shadow:0 10px 24px rgba(233,32,99,.28)}
.rpi-error-actions .ghost{background:#fff;color:#e92063;border:1.5px solid #fbcfe8}