*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#f1f5f9;color:#1e293b;min-height:100vh;display:flex;align-items:center;justify-content:center;direction:rtl}.loading-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:48px 64px;display:flex;flex-direction:column;align-items:center;gap:20px;box-shadow:0 8px 32px #0000001a;text-align:center;max-width:420px;width:100%}.spinner{width:44px;height:44px;border:4px solid #e2e8f0;border-top-color:#7c3aed;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-title{font-size:1.25em;font-weight:700;color:#1e293b}.loading-sub{font-size:.9em;color:#64748b;line-height:1.5}.error-box{display:none;background:#fef2f2;border:1px solid #fca5a5;border-radius:12px;padding:14px 20px;color:#991b1b;font-size:.88em;width:100%}.retry-btn{display:none;align-items:center;gap:6px;padding:9px 22px;border:1px solid #c4b5fd;border-radius:10px;background:#ede9fe;color:#6d28d9;font-size:.9em;font-family:inherit;font-weight:600;cursor:pointer;transition:background .15s}.retry-btn:hover{background:#ddd6fe}