.sync-indicator.svelte-15e08h8{position:relative}.sync-button.svelte-15e08h8{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#fff;border:2px solid #e5e7eb;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit;color:#6b7280}.sync-button.svelte-15e08h8:hover{border-color:#d1d5db;box-shadow:0 2px 8px #0000000d}.sync-button.synced.svelte-15e08h8{border-color:#10b981;color:#059669;background:#f0fdf4}.sync-button.syncing.svelte-15e08h8{border-color:#3b82f6;color:#2563eb;background:#eff6ff}.sync-button.offline.svelte-15e08h8,.sync-button.pending.svelte-15e08h8{border-color:#f59e0b;color:#d97706;background:#fffbeb}.sync-button.error.svelte-15e08h8{border-color:#ef4444;color:#dc2626;background:#fef2f2}.sync-icon.svelte-15e08h8{font-size:16px;display:flex;align-items:center;justify-content:center}.sync-icon.spinning.svelte-15e08h8{animation:svelte-15e08h8-spin 2s linear infinite}@keyframes svelte-15e08h8-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sync-text.svelte-15e08h8{font-size:13px;white-space:nowrap}.backdrop.svelte-15e08h8{position:fixed;inset:0;z-index:998;background:#0000000d;border:none;cursor:default;width:100%;height:100%;display:block}.sync-details.svelte-15e08h8{background:#fff;border:2px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 30px #00000026;z-index:999;animation:svelte-15e08h8-slideDown .2s ease;position:fixed;top:80px;left:16px;right:16px;width:auto;max-width:400px;margin:0 auto}@keyframes svelte-15e08h8-slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.details-header.svelte-15e08h8{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid #e5e7eb}.details-header.svelte-15e08h8 h3:where(.svelte-15e08h8){font-size:16px;font-weight:700;color:#111827;margin:0}.close-btn.svelte-15e08h8{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border:none;border-radius:6px;color:#6b7280;font-size:20px;cursor:pointer;transition:all .2s;font-family:inherit}.close-btn.svelte-15e08h8:hover{background:#e5e7eb;color:#111827}.details-content.svelte-15e08h8{padding:16px;display:flex;flex-direction:column;gap:12px}.detail-row.svelte-15e08h8{display:flex;justify-content:space-between;align-items:center;font-size:14px}.detail-row.error.svelte-15e08h8{flex-direction:column;align-items:flex-start;gap:4px;padding:12px;background:#fef2f2;border-radius:8px}.detail-label.svelte-15e08h8{color:#6b7280;font-weight:500}.detail-value.svelte-15e08h8{color:#111827;font-weight:600}.status-badge.svelte-15e08h8{padding:4px 10px;background:#f3f4f6;border-radius:6px;font-size:12px;text-transform:uppercase;letter-spacing:.05em}.status-badge.synced.svelte-15e08h8{background:#d1fae5;color:#065f46}.pending-count.svelte-15e08h8{padding:4px 10px;background:#fef3c7;color:#92400e;border-radius:6px;font-size:12px;font-weight:700}.force-sync-btn.svelte-15e08h8{display:flex;align-items:center;justify-content:center;gap:8px;margin:0 16px 16px;padding:10px 16px;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit}.force-sync-btn.svelte-15e08h8:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}@media(min-width:1024px){.sync-details.svelte-15e08h8{position:absolute;top:calc(100% + 8px);left:0;right:auto;width:320px;margin:0}}@media(max-width:640px){.sync-text.svelte-15e08h8{display:none}}